@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Serif+Display:ital@0;1&display=swap";:root{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;color:#eee6d6;background:#082c28;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#082c28}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:radial-gradient(circle at 75% 20%,rgba(69,112,100,.24),transparent 30rem),#082c28}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5.5vw,84px);border-bottom:1px solid rgba(238,230,214,.28)}.wordmark,nav button{color:#eee6d6;border:0;background:transparent;letter-spacing:.27em;font-weight:600;font-size:13px}.wordmark{padding:14px 0}nav{display:flex;gap:28px}nav button{padding:12px 0;opacity:.64}nav .active-link{opacity:1;border-bottom:2px solid #c96a47}.entry-page,.archive-page{width:min(1150px,calc(100% - 48px));margin:0 auto;padding:clamp(66px,9vw,116px) 0 70px}.eyebrow{margin:0 0 16px;color:#cf7758;font-size:13px;font-weight:600;letter-spacing:.25em}h1{margin:0;color:#eee6d6;font-family:"DM Serif Display",Georgia,serif;font-size:clamp(50px,7.2vw,100px);font-weight:400;line-height:.98;letter-spacing:-.035em;text-transform:capitalize}.date-row{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:18px}.date-row h1{text-align:center}.date-step{color:#eee6d6;background:transparent;border:0;font:42px/1 Georgia,serif;opacity:.68}.rust-rule{height:3px;width:280px;max-width:58vw;margin:28px 0 42px;background:#c96a47;border-radius:100%;transform:rotate(-1deg)}.journal-field{display:block;margin:0 0 37px}.journal-field>span{display:block;margin-bottom:13px;letter-spacing:.24em;text-transform:uppercase;font-size:13px;font-weight:600}textarea,input{width:100%;border:1px solid rgba(238,230,214,.47);border-radius:5px;outline:0;background:#0216131f;color:#eee6d6;line-height:1.65;padding:15px 18px;transition:border-color .2s,background .2s}textarea{min-height:114px;resize:vertical}textarea:focus,input:focus{border-color:#d99376;background:#03211c59;box-shadow:0 0 0 3px #c96a4724}input::placeholder{color:#a3b4aa}.music-field{margin-top:8px}.save-state{display:flex;align-items:center;gap:12px;color:#c9d2c5;font-size:14px;margin:28px 0 0}.save-state i{width:12px;height:12px;background:#b8c9b7;border-radius:50%}.save-state.error{color:#f1a68e}.save-state.error i{background:#e7795d}.archive-page h1{text-transform:capitalize}.entry-list{border-top:1px solid rgba(238,230,214,.24)}.archive-entry{width:100%;display:grid;grid-template-columns:120px 1fr auto 28px;align-items:center;gap:28px;padding:26px 18px 26px 0;color:#eee6d6;text-align:left;border:0;border-bottom:1px solid rgba(238,230,214,.24);background:transparent}.archive-entry:hover{background:#91a39b21}.archive-entry time{display:grid;gap:1px;border-right:1px solid rgba(238,230,214,.35)}.archive-entry time b{font-size:12px;letter-spacing:.17em;text-transform:uppercase}.archive-entry time strong{font:48px/.9 "DM Serif Display",Georgia,serif}.archive-entry span{display:grid;gap:8px}.archive-entry em{font:27px/1 "DM Serif Display",Georgia,serif;font-style:normal}.archive-entry small{font-size:16px;color:#c5d1c8}.archive-entry mark{color:#d9c895;background:transparent;font-size:20px}.archive-entry>i{font:32px/1 Georgia,serif;font-style:normal}.empty{color:#c5d1c8;font-size:18px}.login-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 83% 15%,rgba(86,124,112,.25),transparent 32rem),#082c28}.login-panel{width:min(510px,100%)}.login-panel h1{font-size:clamp(60px,8vw,86px)}.login-panel>p:not(.eyebrow):not(.login-message){max-width:38ch;color:#c5d1c8;line-height:1.6}.login-panel form{margin-top:34px}.login-panel label{display:grid;gap:10px;letter-spacing:.15em;font-size:12px;font-weight:600}.login-panel button[type=submit]{width:100%;margin-top:18px;border:0;background:#c96a47;color:#fff6e9;padding:17px 20px;letter-spacing:.15em;font-weight:600}.login-message{color:#dce3d7;line-height:1.5}.passkey-button,.security button{border:1px solid rgba(238,230,214,.56);color:#eee6d6;background:transparent;padding:15px 18px;letter-spacing:.13em;font-size:12px;font-weight:600}.passkey-button{width:100%;margin-top:8px}.or{color:#aebeb4;text-align:center;text-transform:uppercase;letter-spacing:.16em;font-size:11px;margin:27px 0 -10px}.security{margin-top:52px;padding-top:24px;border-top:1px solid rgba(238,230,214,.24);display:flex;gap:14px;align-items:center;flex-wrap:wrap}.security p{font-size:11px;letter-spacing:.2em;margin:0;color:#b8c9b7}.security small{color:#c5d1c8}@media(max-width:650px){.topbar{height:70px;padding:0 24px}.wordmark,nav button{font-size:11px;letter-spacing:.19em}nav{gap:18px}.entry-page,.archive-page{width:min(100% - 40px,540px);padding-top:58px}.date-row{grid-template-columns:28px 1fr 28px;gap:8px}.date-row h1{font-size:clamp(54px,16vw,75px)}.date-step{font-size:32px}.rust-rule{margin-bottom:37px}.journal-field{margin-bottom:32px}textarea{min-height:136px}.archive-entry{grid-template-columns:54px 1fr 18px;gap:15px;padding:22px 0}.archive-entry time strong{font-size:36px}.archive-entry time{border:0}.archive-entry span{gap:6px}.archive-entry em{font-size:22px}.archive-entry small{font-size:14px;line-height:1.4}.archive-entry mark{display:none}}