:root{--bg:#0e0e0c;--fg:#f2f0ea;--muted:#75736b;--line:hsla(45,24%,93%,.14);--pill:#f5f3ec;--pill-ink:#141412;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-inout:cubic-bezier(0.83,0,0.17,1)}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:has(.stage){overflow:hidden}button{font-family:inherit;background:none;border:0;color:inherit;cursor:pointer}.stage{position:fixed;inset:0}.stage:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,hsla(0,0%,100%,.045),transparent 60%),repeating-linear-gradient(0deg,transparent 0 71px,hsla(0,0%,100%,.028) 71px 72px),repeating-linear-gradient(90deg,transparent 0 71px,hsla(0,0%,100%,.028) 71px 72px);pointer-events:none}.canvas-wrap{position:absolute;inset:0;cursor:-webkit-grab;cursor:grab;transition:opacity .7s var(--ease-inout),transform .7s var(--ease-inout)}.canvas-wrap.dragging{cursor:-webkit-grabbing;cursor:grabbing}.canvas-wrap.hidden{opacity:0;transform:scale(.96);pointer-events:none}.canvas-wrap canvas{display:block}.ghost-title{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transition:opacity .6s var(--ease-out)}.ghost-title.off{opacity:0}.ghost-title span{font-family:var(--serif);font-style:italic;font-size:clamp(56px,11.5vw,190px);letter-spacing:-.03em;line-height:.95;text-align:center;padding:0 4vw;color:transparent;-webkit-text-stroke:1.5px hsla(45,24%,93%,.13);animation:ghost-in 1.1s var(--ease-out) both}@keyframes ghost-in{0%{opacity:0;transform:translateY(38px) scale(.985)}to{opacity:1;transform:none}}.ui{position:fixed;inset:0;pointer-events:none;z-index:10}.ui>*{pointer-events:auto}.brand{position:fixed;top:22px;left:26px;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(-12px);transition:opacity .9s var(--ease-out) .15s,transform .9s var(--ease-out) .15s}.is-loaded .brand{opacity:1;transform:none}.brand-orb{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#eafff0 0,#7fe8a8 25%,#1d5c38 60%,#08130c 95%);box-shadow:inset -6px -8px 14px rgba(0,0,0,.55),0 0 22px rgba(110,230,160,.18);position:relative;animation:orb-bob 5s ease-in-out infinite}.brand-orb:after{left:26%;top:40%;width:48%;height:26%;border-bottom:2.5px solid rgba(6,20,12,.85)}.brand-orb:after,.brand-orb:before{content:"";position:absolute;border-radius:50%}.brand-orb:before{left:30%;top:30%;width:8%;height:8%;background:#061109;box-shadow:16px 0 0 #061109}@keyframes orb-bob{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-4px) rotate(6deg)}}.brand-name{font-size:12px;letter-spacing:.14em;text-transform:uppercase;line-height:1.5;color:var(--muted)}.brand-name strong{color:var(--fg);display:block;font-weight:600}.view-toggle{position:fixed;top:26px;left:50%;transform:translateX(-50%) translateY(-14px);display:flex;align-items:center;gap:14px;font-size:15px;opacity:0;transition:opacity .9s var(--ease-out) .25s,transform .9s var(--ease-out) .25s}.is-loaded .view-toggle{opacity:1;transform:translateX(-50%)}.view-toggle button{color:var(--muted);font-size:15px;letter-spacing:.01em;padding:4px 2px;transition:color .35s}.view-toggle button.active,.view-toggle button:hover{color:var(--fg)}.view-dot{width:5px;height:5px;border-radius:50%;background:var(--muted)}.menu-btn{position:fixed;top:20px;right:24px;z-index:40;display:flex;align-items:center;gap:9px;background:var(--pill);color:var(--pill-ink);border-radius:999px;padding:12px 20px;font-size:15px;transform:translateY(-14px);opacity:0;transition:opacity .9s var(--ease-out) .35s,transform .9s var(--ease-out) .35s,background .3s}.is-loaded .menu-btn{opacity:1;transform:none}.menu-btn:hover{background:#fff}.menu-btn .dot{width:6px;height:6px;border-radius:50%;background:var(--pill-ink);transition:transform .4s var(--ease-out),background .3s}.menu-btn:hover .dot{transform:scale(1.5)}.work-pill{position:fixed;bottom:34px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;background:var(--pill);color:var(--pill-ink);border-radius:18px;padding:9px 22px 9px 9px;min-height:64px;opacity:0;translate:0 16px;transition:opacity .7s var(--ease-out) .5s,translate .7s var(--ease-out) .5s;overflow:hidden}.is-loaded .work-pill{opacity:1;translate:0 0}.work-pill.gone{opacity:0;translate:0 16px;transition-delay:0s;pointer-events:none}.work-pill img{width:46px;height:46px;border-radius:11px;object-fit:cover;display:block}.work-pill .pill-swap{display:flex;align-items:center;gap:13px;animation:pill-in .55s var(--ease-out)}@keyframes pill-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.work-pill .pill-title{font-size:16.5px;font-weight:600;letter-spacing:-.01em;display:block;white-space:nowrap;max-width:min(52vw,320px);overflow:hidden;text-overflow:ellipsis}.work-pill .pill-type{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#86847c;display:block;margin-top:2px}.sound-btn{position:fixed;right:26px;bottom:28px;width:46px;height:46px;border-radius:50%;background:hsla(45,24%,93%,.08);border:1px solid var(--line);display:grid;place-items:center;opacity:0;transition:opacity .9s var(--ease-out) .6s,background .3s}.is-loaded .sound-btn{opacity:1}.sound-btn:hover{background:hsla(45,24%,93%,.16)}.sound-btn .bars{display:flex;gap:3px;align-items:flex-end;height:14px}.sound-btn .bars i{width:2.5px;background:var(--fg);height:4px;border-radius:2px}.sound-btn.on .bars i{animation:eq .9s ease-in-out infinite alternate}.sound-btn.on .bars i:nth-child(2){animation-delay:.15s}.sound-btn.on .bars i:nth-child(3){animation-delay:.3s}@keyframes eq{0%{height:4px}to{height:14px}}.badge{position:fixed;left:-34px;bottom:-34px;width:190px;height:190px;transform:rotate(-12deg);opacity:0;transition:opacity 1s var(--ease-out) .7s,transform .6s var(--ease-out);z-index:9}.is-loaded .badge{opacity:1}.view-list .badge{opacity:0!important;pointer-events:none;transition-delay:0s}.badge:hover{transform:rotate(-4deg) scale(1.04)}.badge img{position:absolute;left:50%;top:50%;width:92px;height:92px;translate:-50% -50%;border-radius:14px;object-fit:cover;box-shadow:0 12px 40px rgba(0,0,0,.6)}.badge svg{position:absolute;inset:0;animation:spin 16s linear infinite}.badge svg text{font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;fill:var(--fg);font-family:var(--sans)}@keyframes spin{to{transform:rotate(1turn)}}.list-view{position:fixed;inset:0;padding:16vh 6vw 12vh;overflow-y:auto;visibility:hidden;z-index:5}.list-view.on{visibility:visible}.list-head{display:flex;justify-content:space-between;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:0 4px 18px;border-bottom:1px solid var(--line);opacity:0;transition:opacity .6s .2s}.list-view.on .list-head{opacity:1}.row{display:grid;grid-template-columns:64px 1fr auto 90px;align-items:baseline;grid-gap:24px;gap:24px;width:100%;text-align:left;padding:26px 4px;border-bottom:1px solid var(--line);color:var(--fg);opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:calc(.06s * var(--i) + .1s)}.list-view.on .row{opacity:1;transform:none}.row-num{font-size:13px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row-title{font-family:var(--serif);font-size:clamp(26px,4.2vw,54px);font-weight:500;letter-spacing:-.02em;line-height:1.05;transition:transform .5s var(--ease-out),font-style 0s,color .4s;color:#b9b7ae}.row:hover .row-title{color:var(--fg);font-style:italic;transform:translateX(18px)}.row-type{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.row-year{text-align:right;font-size:14px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.list-preview{position:fixed;left:0;top:0;width:230px;height:290px;border-radius:16px;object-fit:cover;pointer-events:none;z-index:6;opacity:0;transform:rotate(4deg);transition:opacity .35s;box-shadow:0 30px 80px rgba(0,0,0,.65)}.list-preview.show{opacity:1}.focus{position:fixed;inset:0;z-index:20;visibility:hidden}.focus.on{visibility:visible}.focus-back{position:absolute;inset:0;cursor:default;background:transparent}.panel{position:absolute;right:0;top:0;bottom:0;width:min(470px,92vw);padding:110px 54px 60px;display:flex;flex-direction:column;background:linear-gradient(105deg,rgba(14,14,12,0),rgba(14,14,12,.9) 22%);transform:translateX(60px);opacity:0;transition:transform .85s var(--ease-out) .15s,opacity .85s var(--ease-out) .15s}.focus.on .panel{transform:none;opacity:1}.panel-num{font-size:12px;letter-spacing:.2em;color:var(--muted);margin-bottom:26px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.panel h2{font-family:var(--serif);font-weight:500;font-style:italic;font-size:clamp(34px,3.4vw,48px);letter-spacing:-.02em;line-height:1.04;margin-bottom:20px}.panel-meta{display:flex;gap:10px;align-items:center;font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:34px}.panel-meta i{width:4px;height:4px;border-radius:50%;background:var(--muted)}.panel-cover{display:none}.panel .excerpt{font-family:var(--serif);font-size:17.5px;line-height:1.75;color:#cfccc3;max-width:40ch}.panel .excerpt:first-letter{font-size:3em;float:left;line-height:.85;padding-right:10px}.panel-read{margin-top:auto;display:inline-flex;align-items:center;gap:12px;align-self:flex-start;background:var(--pill);color:var(--pill-ink);padding:15px 26px;border-radius:999px;font-size:14.5px;font-weight:600;transition:gap .35s var(--ease-out),background .3s}.panel-read:hover{gap:20px;background:#fff}.focus-close{position:absolute;top:26px;right:26px;width:52px;height:52px;border-radius:50%;background:var(--pill);color:var(--pill-ink);font-size:17px;transition:transform .4s var(--ease-out)}.focus-close:hover{transform:rotate(90deg)}.focus.list-mode .panel{width:min(560px,94vw);background:rgba(14,14,12,.96)}.focus.list-mode .panel-cover{display:block;width:132px;height:168px;object-fit:cover;border-radius:12px;margin-bottom:30px;box-shadow:0 20px 50px rgba(0,0,0,.55)}.focus.list-mode .focus-back{background:rgba(10,10,9,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.menu{position:fixed;inset:0;z-index:30;background:#0b0b0a;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transition:-webkit-clip-path .8s var(--ease-inout);transition:clip-path .8s var(--ease-inout);transition:clip-path .8s var(--ease-inout),-webkit-clip-path .8s var(--ease-inout);display:flex;align-items:center;padding:0 8vw}.menu.open{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.menu nav{display:flex;flex-direction:column;gap:6px}.menu nav a{font-family:var(--serif);font-size:clamp(44px,7.5vw,96px);color:var(--fg);text-decoration:none;letter-spacing:-.03em;line-height:1.06;display:flex;align-items:baseline;gap:22px;opacity:0;transform:translateY(40px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out),color .3s,font-style 0s}.menu.open nav a{opacity:1;transform:none}.menu.open nav a:first-child{transition-delay:.25s}.menu.open nav a:nth-child(2){transition-delay:.33s}.menu.open nav a:nth-child(3){transition-delay:.41s}.menu.open nav a:nth-child(4){transition-delay:.49s}.menu nav a sup{font-family:var(--sans);font-size:13px;color:var(--muted);letter-spacing:.1em}.menu nav a:hover{font-style:italic;color:#d8ffb0}.menu-side{margin-left:auto;max-width:300px;font-size:13.5px;line-height:1.8;color:var(--muted);opacity:0;transition:opacity .8s .55s}.menu.open .menu-side{opacity:1}.menu-side a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--line)}.edge{position:fixed;top:50%;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl;transform:translateY(-50%);transition:opacity .6s;opacity:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;pointer-events:none}.is-loaded .edge{opacity:1}.edge.off{opacity:0!important}.edge-left{left:22px;transform:translateY(-50%) rotate(180deg)}.edge-right{right:22px}.hint{position:fixed;bottom:112px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);animation:hint-pulse 2.4s ease-in-out infinite;transition:opacity .7s;opacity:0;pointer-events:none}.is-loaded .hint{opacity:1}.hint.off{opacity:0!important}@keyframes hint-pulse{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-6px)}}.cursor-dot,.cursor-ring{display:none;position:fixed;top:0;left:0;pointer-events:none;z-index:99;mix-blend-mode:difference}@media (pointer:fine){.stage,.stage *{cursor:none!important}.cursor-dot{display:block;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:#fff}.cursor-ring{display:block;margin:-20px}.cursor-ring .ring-i{display:block;width:40px;height:40px;border-radius:50%;border:1.5px solid hsla(0,0%,100%,.55);transition:transform .4s var(--ease-out),background .3s,border-color .3s}.cursor-ring.is-link .ring-i{transform:scale(1.55);border-color:hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.08)}}.pg{position:fixed;inset:0;z-index:26;background:#0b0b0a;overflow-y:auto;overscroll-behavior:contain;-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);transition:-webkit-clip-path .9s var(--ease-inout);transition:clip-path .9s var(--ease-inout);transition:clip-path .9s var(--ease-inout),-webkit-clip-path .9s var(--ease-inout)}.pg.open{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.pg-close{position:-webkit-sticky;position:sticky;top:26px;margin:26px 26px -78px auto;display:block;width:52px;height:52px;border-radius:50%;background:var(--pill);color:var(--pill-ink);font-size:17px;z-index:2;transition:transform .4s var(--ease-out)}.pg-close:hover{transform:rotate(90deg)}.pg-in{width:min(1060px,88vw);margin:0 auto;padding:15vh 0 14vh}.pg-kicker{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:34px}.pg-title{font-family:var(--serif);font-weight:500;font-size:clamp(38px,6vw,88px);letter-spacing:-.03em;line-height:1.04;margin-bottom:8vh}.pg-title span{display:block}.pg-title em{color:#d8ffb0}.rv{opacity:0;transform:translateY(46px);transition:opacity .9s var(--ease-out) var(--d,.3s),transform .9s var(--ease-out) var(--d,.3s)}.pg.open .rv{opacity:1;transform:none}.pg-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:7vh 6vw;gap:7vh 6vw;margin-bottom:10vh}.pg h3{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:16px}.pg-cols p{font-family:var(--serif);font-size:18px;line-height:1.8;color:#cfccc3;max-width:56ch}.pg-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-bottom:9vh}.pg-stats div{border-right:1px solid var(--line);padding:30px 0 30px 24px}.pg-stats div:first-child{padding-left:0}.pg-stats div:last-child{border-right:0}.pg-stats strong{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(34px,4vw,56px);letter-spacing:-.03em}.pg-stats span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.pg-cta button{background:var(--pill);color:var(--pill-ink);border-radius:999px;padding:17px 30px;font-size:15px;font-weight:600;transition:background .3s,transform .4s var(--ease-out)}.pg-cta button:hover{background:#fff;transform:translateX(6px)}.pg-mail{display:inline-block;font-family:var(--serif);font-style:italic;font-size:clamp(30px,5.4vw,76px);color:var(--fg);letter-spacing:-.02em;text-decoration:none;border-bottom:2px solid var(--line);padding-bottom:8px;margin-bottom:9vh;transition:color .35s,border-color .35s}.pg-mail:hover{color:#d8ffb0;border-color:#d8ffb0}.pg-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:5vh 5vw;gap:5vh 5vw;border-top:1px solid var(--line);padding-top:6vh}.pg-meta p{font-family:var(--serif);font-size:17px;line-height:1.7;color:#cfccc3}.pg-meta a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--line);transition:color .3s,border-color .3s}.pg-meta a:hover{color:#d8ffb0;border-color:#d8ffb0}.pg-meta .tz{font-family:var(--sans);font-size:11px;letter-spacing:.15em;color:var(--muted);vertical-align:middle}.loader{position:fixed;inset:0;z-index:50;background:#0b0b0a;display:flex;align-items:center;justify-content:center;transform-origin:top center;transition:transform .9s cubic-bezier(.77,0,.175,1);transform:translateY(0)}.loader.done{transform:translateY(100%);pointer-events:none}.loader.done .loader-actions,.loader.done .loader-text{opacity:0;transition:opacity .4s ease}.loader-center{text-align:center;margin-top:-10vh}.loader-center,.loader-text{display:flex;flex-direction:column;align-items:center}.loader-text{margin-bottom:40px;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s cubic-bezier(.19,1,.22,1)}.loader-text.show{opacity:1;transform:translateY(0)}.loader-kicker{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.loader-brand{font-size:clamp(40px,6vw,80px);color:var(--fg);line-height:1.1;letter-spacing:-.02em}.loader-brand,.loader-tagline{font-family:var(--serif);font-style:italic}.loader-tagline{font-size:clamp(20px,3vw,36px);color:var(--muted);margin-top:4px}.loader-actions{display:flex;flex-direction:column;align-items:center;gap:16px;opacity:0;transform:translateY(10px);transition:opacity .6s ease .3s,transform .6s ease .3s}.loader-actions.show{opacity:1;transform:translateY(0)}.loader-enter{background:var(--fg);color:#0b0b0a;border:none;border-radius:40px;padding:12px 28px;font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:10px;transition:transform .2s ease,opacity .2s ease}.loader-enter:hover{transform:scale(1.05)}.loader-enter:active{transform:scale(.95)}.loader-dot{display:block;width:6px;height:6px;border-radius:50%;background:#0b0b0a}.loader-skip{background:none;border:none;color:var(--muted);font-family:var(--sans);font-size:12px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;padding:4px;transition:color .2s ease;position:relative}.loader-skip:hover{color:var(--fg)}.loader-skip:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--fg);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.loader-skip:hover:after{transform:scaleX(1);transform-origin:left}.loader-pct{position:absolute;left:5vw;bottom:4vh;font-family:var(--serif);font-size:clamp(50px,8vw,100px);color:var(--fg);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.04em;opacity:.4}.loader-bar{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left;transform:scaleX(0);background:var(--fg);opacity:.5}@media (max-width:760px){.badge,.brand-name{display:none}.row{grid-template-columns:40px 1fr auto}.row-type{display:none}.panel{padding:96px 30px 40px}.work-pill{bottom:24px}.edge,.menu-side,.sound-btn{display:none}.hint{bottom:104px;width:90vw;text-align:center}.pg-cols{grid-template-columns:1fr}.pg-stats{grid-template-columns:repeat(2,1fr)}.pg-stats div:nth-child(2){border-right:0}.pg-meta{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.badge svg,.brand-orb{animation:none}}.reader{min-height:100vh;padding:90px 20px 0;background:radial-gradient(90% 60% at 50% 30%,rgba(255,250,235,.045),transparent 65%),var(--bg)}.read-progress{position:fixed;top:0;left:0;right:0;height:2.5px;z-index:20;background:hsla(45,24%,93%,.08)}.read-progress i{display:block;height:100%;background:#d8ffb0;transform:scaleX(0);transform-origin:left}.read-top{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;z-index:15;background:linear-gradient(180deg,rgba(14,14,12,.92),rgba(14,14,12,0));pointer-events:none}.read-top>*{pointer-events:auto}.read-back{color:var(--muted);text-decoration:none;font-size:13.5px;letter-spacing:.04em;transition:color .3s}.read-back:hover{color:var(--fg)}.read-mins{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.sheet{width:min(760px,100%);margin:0 auto;background:linear-gradient(180deg,rgba(0,0,0,.035),transparent 120px),#f5f1e7;color:#26241f;border-radius:4px 4px 0 0;padding:clamp(48px,8vw,96px) clamp(24px,7vw,92px) clamp(48px,6vw,80px);box-shadow:0 -1px 0 hsla(0,0%,100%,.06),0 30px 90px rgba(0,0,0,.55),inset 0 0 120px rgba(120,100,60,.07);animation:sheet-rise .9s var(--ease-out) both;position:relative}.sheet:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.42 0 0 0 0 0.35 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes sheet-rise{0%{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}.sheet-head{text-align:center;margin-bottom:clamp(36px,6vw,64px)}.sheet-thumb{width:74px;height:92px;object-fit:cover;border-radius:8px;box-shadow:0 10px 26px rgba(30,25,10,.35);margin-bottom:26px;transform:rotate(-2.5deg)}.sheet-kicker{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#8a8474;margin-bottom:16px}.sheet-head h1{font-family:var(--serif);font-weight:500;font-size:clamp(32px,5.2vw,54px);letter-spacing:-.02em;line-height:1.08;margin-bottom:12px}.sheet-by{font-family:var(--serif);font-style:italic;color:#8a8474;font-size:16px}.sheet-rule{margin-top:26px;color:#b3a98e;font-size:15px;letter-spacing:.5em}.sheet-body{font-family:var(--serif);font-size:clamp(17.5px,1.35vw,19.5px);line-height:1.92;max-width:62ch;margin:0 auto}.sheet-body p{margin-bottom:1.55em}.sheet-body p.drop:first-letter{font-size:3.6em;float:left;line-height:.82;padding:.06em .12em 0 0;font-weight:600;color:#5c5340}.sheet-body h2{font-family:var(--sans);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:#8a8474;margin:3em 0 1.6em;font-weight:600}.sheet-body blockquote{border-left:2.5px solid #c9b98a;padding-left:1.4em;font-style:italic;color:#4c4638;margin:0 0 1.55em;white-space:pre-line}.sheet-body .orn{text-align:center;color:#b3a98e;margin:2.4em 0;letter-spacing:.6em}.type-poetry .sheet-body{max-width:40ch}.type-poetry .stanza{white-space:pre-line;line-height:2.05;margin-bottom:2.2em}.type-journal .sheet-body p{white-space:pre-line}.type-journal .sheet-body{font-size:clamp(16.5px,1.25vw,18px)}.type-journal .sheet-body h2{font-family:var(--serif);font-style:italic;text-transform:none;letter-spacing:0;font-size:1.05em;color:#6b6250;border-bottom:1px solid rgba(107,98,80,.25);padding-bottom:.5em}.sheet-end{text-align:center;margin-top:clamp(40px,6vw,70px)}.sheet-end .orn{color:#b3a98e;letter-spacing:.6em;margin-bottom:1.6em}.end-note{font-family:var(--serif);font-style:italic;color:#6b6250;font-size:15.5px}.end-note a{color:#26241f}.sheet ::selection{background:#d8ffb0;color:#1a1a14}.next-piece{display:block;width:min(760px,100%);margin:0 auto;padding:44px 0 90px;text-decoration:none;color:var(--fg)}.next-label{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.next-row{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:24px}.next-row img{width:52px;height:64px;object-fit:cover;border-radius:8px;transition:transform .4s var(--ease-out)}.next-piece:hover .next-row img{transform:rotate(-3deg) scale(1.06)}.next-row strong{display:block;font-family:var(--serif);font-weight:500;font-size:22px;letter-spacing:-.01em}.next-row em{font-style:normal;font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.next-row i{margin-left:auto;font-style:normal;font-size:22px;transition:transform .35s var(--ease-out)}.next-piece:hover .next-row i{transform:translateX(8px)}.studio{min-height:100vh;width:min(1120px,92vw);margin:0 auto;padding:90px 0 120px}.studio-top{margin-bottom:60px}.studio-top .read-back{display:inline-block;margin-bottom:34px}.studio-top h1{font-family:var(--serif);font-weight:500;font-size:clamp(40px,6vw,72px);letter-spacing:-.03em;margin-bottom:12px}.studio-sub{color:var(--muted);font-size:14.5px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:60px;gap:60px;align-items:start;margin-bottom:90px}.studio-form label{display:block;margin-bottom:26px}.studio-form label>span{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.studio-form label>span em{font-style:normal;text-transform:none;letter-spacing:.02em;color:#55534c}.studio-form input,.studio-form select,.studio-form textarea{width:100%;background:hsla(45,24%,93%,.045);border:1px solid var(--line);border-radius:10px;color:var(--fg);font-family:var(--sans);font-size:15.5px;padding:13px 16px;outline:none;transition:border-color .3s,background .3s}.studio-form input:focus,.studio-form select:focus,.studio-form textarea:focus{border-color:rgba(216,255,176,.5);background:hsla(45,24%,93%,.07)}.studio-form textarea{resize:vertical;line-height:1.7}.studio-form .studio-body{font-family:var(--serif);font-size:17px;line-height:1.85;min-height:380px}.studio-row{display:grid;grid-template-columns:1fr 130px;grid-gap:18px;gap:18px}.studio-actions{display:flex;gap:16px;align-items:center}.studio-publish{background:var(--pill);color:var(--pill-ink);border-radius:999px;padding:16px 30px;font-size:15px;font-weight:600;transition:background .3s,transform .35s var(--ease-out)}.studio-publish:hover{background:#fff;transform:translateY(-2px)}.studio-publish:disabled{opacity:.5}.studio-cancel{color:var(--muted);font-size:14px}.studio-cancel:hover{color:var(--fg)}.studio-status{margin-top:20px;font-size:14.5px}.studio-status.ok{color:#d8ffb0}.studio-status.err{color:#ff9d9d}.studio-status a{color:inherit}.studio-preview{position:-webkit-sticky;position:sticky;top:40px;border:1px solid var(--line);border-radius:18px;padding:26px;background:hsla(45,24%,93%,.028)}.preview-canvas canvas{width:100%;height:auto;border-radius:12px;display:block;box-shadow:0 24px 60px rgba(0,0,0,.5)}.preview-meta{margin-top:24px}.preview-meta>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}.preview-meta dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;padding-top:3px}.preview-meta dd{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.preview-note{margin-top:18px;font-family:var(--serif);font-style:italic;font-size:13.5px;line-height:1.7;color:var(--muted)}.studio-list h2{font-family:var(--serif);font-weight:500;font-size:26px;letter-spacing:-.01em;margin-bottom:22px}.shelf-row{display:flex;align-items:baseline;gap:22px;padding:16px 4px;border-bottom:1px solid var(--line)}.shelf-title{font-family:var(--serif);font-size:19px}.shelf-meta{color:var(--muted);font-size:12.5px;letter-spacing:.06em}.shelf-acts{margin-left:auto;display:flex;gap:18px;font-size:13.5px}.shelf-acts a,.shelf-acts button{color:var(--muted);text-decoration:none;transition:color .25s}.shelf-acts a:hover,.shelf-acts button:hover{color:var(--fg)}.shelf-acts .danger:hover{color:#ff9d9d}@media (max-width:900px){.studio-grid{grid-template-columns:1fr}.studio-preview{position:static}}.artifact-3d{width:100%;min-height:240px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(80% 70% at 50% 42%,hsla(0,0%,100%,.05),transparent 70%),repeating-linear-gradient(0deg,transparent 0 35px,hsla(0,0%,100%,.025) 35px 36px),repeating-linear-gradient(90deg,transparent 0 35px,hsla(0,0%,100%,.025) 35px 36px)}.artifact-3d canvas{display:block;touch-action:none}.reroll{display:block;width:100%;margin-top:14px;padding:11px 0;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px;letter-spacing:.06em;transition:color .25s,border-color .25s,transform .3s var(--ease-out)}.reroll:hover{color:var(--fg);border-color:rgba(216,255,176,.5);transform:translateY(-1px)}.body-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.zen-btn{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 13px;transition:color .25s,border-color .25s;flex:none}.zen-btn:hover{color:var(--fg);border-color:rgba(216,255,176,.5)}.studio-kbd{font-size:11px;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:4px 7px}.studio-saved{font-size:12px;color:var(--muted);font-style:italic;font-family:var(--serif)}.studio.zen .body-label{position:fixed;inset:0;z-index:60;margin:0;background:radial-gradient(90% 60% at 50% 30%,rgba(255,250,235,.05),transparent 65%),var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:zen-in .5s var(--ease-out)}@keyframes zen-in{0%{opacity:0}to{opacity:1}}.studio.zen .body-head{display:none}.studio.zen .studio-body{width:min(760px,94vw);height:80vh;min-height:0;background:#f5f1e7;color:#26241f;border:none;border-radius:6px;padding:clamp(38px,6vw,84px);font-size:19px;line-height:1.95;box-shadow:0 40px 120px rgba(0,0,0,.7),inset 0 0 110px rgba(120,100,60,.06);resize:none}.studio.zen .studio-body:focus{background:#f6f2e9;border:none}.studio.zen .studio-body::selection{background:#d8ffb0;color:#1a1a14}.zen-bar{display:block;margin-top:18px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.shelf-thumb{width:30px;height:38px;object-fit:cover;border-radius:5px;align-self:center;flex:none}.studio-tabs{display:flex;align-items:center;gap:16px;margin-top:34px;border-bottom:1px solid var(--line);padding-bottom:18px}.studio-tabs button{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--muted);transition:color .3s;letter-spacing:-.01em}.studio-tabs button.active,.studio-tabs button:hover{color:var(--fg)}.pages-editor{max-width:780px}.pages-editor fieldset{border:1px solid var(--line);border-radius:16px;padding:26px 26px 12px;margin-bottom:34px}.pages-editor legend{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);padding:0 10px}.pages-editor label{display:block;margin-bottom:20px}.pages-editor label>span{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.pages-editor label>span em{font-style:normal;text-transform:none;letter-spacing:.02em;color:#55534c}.pages-editor input,.pages-editor textarea{width:100%;background:hsla(45,24%,93%,.045);border:1px solid var(--line);border-radius:10px;color:var(--fg);font-family:var(--sans);font-size:14.5px;padding:11px 14px;outline:none;transition:border-color .3s,background .3s}.pages-editor textarea{resize:vertical;line-height:1.7}.pages-editor input:focus,.pages-editor textarea:focus{border-color:rgba(216,255,176,.5);background:hsla(45,24%,93%,.07)}.studio-row.even{grid-template-columns:1fr 1fr;display:grid;grid-gap:18px;gap:18px}.section-block{border-top:1px dashed var(--line);padding-top:20px;margin-top:6px}.section-head{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;align-items:start}.section-remove{color:var(--muted);font-size:13px;padding:10px;margin-top:24px;transition:color .25s}.section-remove:hover{color:#ff9d9d}.section-add{color:var(--muted);font-size:13.5px;padding:6px 0 16px;transition:color .25s}.section-add:hover{color:var(--fg)}.social-row{display:grid;grid-template-columns:1fr 1.6fr auto;grid-gap:14px;gap:14px;align-items:start}@media (max-width:700px){.social-row,.studio-row.even{grid-template-columns:1fr}}.gate{min-height:100vh;display:grid;place-items:center;padding:20px}.gate-back{position:fixed;top:24px;left:28px}.gate-card{width:min(430px,92vw)}.gate-card h1{font-family:var(--serif);font-weight:500;font-size:clamp(40px,6vw,58px);letter-spacing:-.03em;margin:14px 0 34px}.gate-card h1 em{color:#d8ffb0}.gate-card form{display:flex;gap:12px}.gate-card input{flex:1 1;background:hsla(45,24%,93%,.045);border:1px solid var(--line);border-radius:999px;color:var(--fg);font-size:16px;letter-spacing:.2em;padding:14px 22px;outline:none;transition:border-color .3s}.gate-card input:focus{border-color:rgba(216,255,176,.5)}.gate-note{margin-top:26px;font-family:var(--serif);font-size:15.5px;color:#cfccc3}.gate-note a{color:var(--fg)}.gate-note.quiet{color:var(--muted);font-size:13px}.gate-note code{font-size:12px;background:hsla(45,24%,93%,.07);padding:2px 7px;border-radius:6px}.gate-card .shake{animation:gate-shake .4s}@keyframes gate-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}.studio-topline{display:flex;justify-content:space-between;align-items:baseline}.lock-btn{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:8px 16px;transition:color .25s,border-color .25s}.lock-btn:hover{color:var(--fg);border-color:rgba(216,255,176,.5)}.studio-draft{color:var(--muted);font-size:14px;border:1px solid var(--line);border-radius:999px;padding:15px 22px;transition:color .25s,border-color .25s}.studio-draft:hover{color:var(--fg);border-color:rgba(216,255,176,.5)}.studio-draft:disabled{opacity:.5}.draft-chip{display:inline-block;margin-left:12px;font-family:var(--sans);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#e7c14b;border:1px solid rgba(231,193,75,.45);border-radius:999px;padding:3px 9px;vertical-align:middle}.shelf-row.is-draft .shelf-title{color:var(--muted)}.shelf-row.is-draft .shelf-thumb{opacity:.55;filter:saturate(.7)}.draft-ribbon{position:fixed;top:0;left:0;right:0;z-index:16;text-align:center;padding:7px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#1a1a14;background:repeating-linear-gradient(45deg,#e7c14b,#e7c14b 14px,#d8ae35 0,#d8ae35 28px)}.reader:has(.draft-ribbon) .read-top{top:30px}.audio-dock{position:fixed;right:26px;bottom:28px;z-index:12}.audio-panel{position:absolute;right:0;bottom:58px;width:260px;background:rgba(20,20,18,.96);border:1px solid var(--line);border-radius:16px;padding:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(10px) scale(.98);transform-origin:bottom right;pointer-events:none;transition:opacity .35s var(--ease-out),transform .35s var(--ease-out)}.audio-dock.open .audio-panel{opacity:1;transform:none;pointer-events:auto}.audio-title{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding:4px 6px 12px}.audio-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 8px;border-radius:9px;font-size:14px;color:var(--fg);transition:background .25s}.audio-row:hover{background:hsla(45,24%,93%,.06)}.audio-row:disabled{opacity:.4}.spotify-row{color:#7fe8a8;justify-content:flex-start;gap:8px}.sw{width:34px;height:19px;border-radius:999px;background:hsla(45,24%,93%,.14);position:relative;transition:background .3s;flex:none}.sw:after{content:"";position:absolute;top:2.5px;left:2.5px;width:14px;height:14px;border-radius:50%;background:#f2f0ea;transition:transform .3s var(--ease-out)}.sw.on{background:#7fe8a8}.sw.on:after{transform:translateX(15px);background:#0e0e0c}.audio-spotify{margin-top:8px;border-radius:12px;overflow:hidden}.audio-spotify iframe{display:block;border:0;border-radius:12px}.read-right{display:flex;align-items:center;gap:16px}.read-ambient{font-size:12px;letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 12px;transition:color .25s,border-color .25s,background .25s}.read-ambient:hover{color:var(--fg)}.read-ambient.on{color:#1a1a14;background:#d8ffb0;border-color:#d8ffb0}.read-spotify{position:fixed;bottom:28px;right:28px;width:300px;border-radius:14px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.38),0 2px 8px rgba(0,0,0,.22);z-index:800;animation:spotify-up .32s cubic-bezier(.22,1,.36,1);background:#121212}@keyframes spotify-up{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.read-spotify-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1db954;color:#fff;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.read-spotify-bar button{background:none;border:none;color:hsla(0,0%,100%,.75);font-size:13px;cursor:pointer;padding:2px 4px;line-height:1;transition:color .15s}.read-spotify-bar button:hover{color:#fff}.read-spotify iframe{display:block;border:none}@media (max-width:600px){.read-spotify{width:calc(100vw - 32px);right:16px;bottom:16px}}.sheet-body strong{font-weight:700}.sheet-body em{font-style:italic}.sheet-body u{text-decoration:none;box-shadow:inset 0 -.5px 0 rgba(38,36,31,.6);padding-bottom:.02em}.sheet-body del{color:#8a8474}.sheet-body code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.86em;background:rgba(80,70,45,.12);padding:.1em .36em;border-radius:5px}.sheet-body a{color:#7c4a2d;text-underline-offset:3px}.body-head-btns{display:flex;gap:8px;flex:none}.zen-btn.active{color:#1a1a14;background:#d8ffb0;border-color:#d8ffb0}.body-toolbar{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.fmt{min-width:34px;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:8px;color:var(--fg);font-size:14px;transition:background .2s,border-color .2s}.fmt:hover{background:hsla(45,24%,93%,.08);border-color:rgba(216,255,176,.5)}.fmt-b{font-weight:800}.fmt-i{font-style:italic;font-family:var(--serif)}.fmt-u{text-decoration:underline}.fmt-s{text-decoration:line-through}.body-preview{min-height:380px;border:1px solid var(--line);border-radius:10px;padding:22px 24px;background:#f5f1e7;color:#26241f;font-family:var(--serif);font-size:17px;line-height:1.85;overflow-y:auto;max-height:60vh}.body-preview p{margin-bottom:1em}.body-preview h3{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8a8474;margin:1.4em 0 .8em}.body-preview .orn{text-align:center;color:#b3a98e;letter-spacing:.5em;margin:1.4em 0}.body-preview u{text-decoration:none;box-shadow:inset 0 -.5px 0 rgba(38,36,31,.6)}.body-preview del{color:#8a8474}.body-preview a{color:#7c4a2d}.body-preview code{font-family:ui-monospace,Menlo,monospace;font-size:.86em;background:rgba(80,70,45,.12);padding:.1em .36em;border-radius:5px}.audio-dock .sound-btn{position:relative;right:auto;bottom:auto}.spiral-filter{position:fixed;top:58px;left:50%;transform:translateX(-50%);z-index:11;opacity:0;transition:opacity .6s var(--ease-out) .4s}.is-loaded .spiral-filter{opacity:1}.spiral-filter.off{opacity:0!important;pointer-events:none;transition-delay:0s}.filter-trigger{display:inline-flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.06em;color:var(--muted);padding:5px 13px;border:1px solid var(--line);border-radius:999px;transition:color .25s,border-color .25s}.filter-trigger:hover{color:var(--fg)}.spiral-filter.open .filter-trigger{color:var(--fg);border-color:rgba(216,255,176,.5)}.filter-trigger .caret{font-size:8px;transition:transform .3s}.spiral-filter.open .caret{transform:rotate(180deg)}.filter-menu{position:absolute;top:38px;left:50%;transform:translateX(-50%) translateY(-6px);display:flex;flex-direction:column;min-width:168px;background:rgba(20,20,18,.96);border:1px solid var(--line);border-radius:12px;padding:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s var(--ease-out)}.spiral-filter.open .filter-menu{opacity:1;transform:translateX(-50%);pointer-events:auto}.filter-menu button{text-align:left;padding:9px 12px;border-radius:8px;font-size:13.5px;color:var(--muted);transition:background .2s,color .2s}.filter-menu button:hover{background:hsla(45,24%,93%,.06);color:var(--fg)}.filter-menu button.active{color:var(--fg)}.pill-star{color:#e7c14b;margin-right:6px}.row-star{color:#e7c14b;margin-right:10px;font-size:.62em;vertical-align:middle}.shelf-star{color:#e7c14b;margin-right:8px}.fav-toggle{color:var(--muted);font-size:14px;border:1px solid var(--line);border-radius:999px;padding:15px 20px;transition:color .25s,border-color .25s}.fav-toggle:hover{color:var(--fg);border-color:rgba(231,193,75,.5)}.fav-toggle.on{color:#e7c14b;border-color:rgba(231,193,75,.5)}.bg-wash{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;mix-blend-mode:screen;transition:opacity 1.1s var(--ease-out)}.is-loaded .bg-wash{opacity:.28}.is-loaded .bg-wash.dim{opacity:.1}@media (prefers-reduced-motion:reduce){.is-loaded .bg-wash{opacity:.2}}.read-tool{font-size:12px;letter-spacing:.05em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 12px;transition:color .25s,border-color .25s}.read-tool:hover{color:var(--fg)}.read-menuwrap{position:relative;display:inline-flex}.read-pop{position:absolute;top:38px;right:0;min-width:200px;background:rgba(18,18,16,.97);border:1px solid var(--line);border-radius:13px;padding:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;animation:read-pop .25s var(--ease-out)}@keyframes read-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.contents-menu{max-height:60vh;overflow-y:auto}.contents-menu button{display:flex;gap:11px;width:100%;text-align:left;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--muted);transition:background .2s,color .2s}.contents-menu button>span{color:#5c5a51;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.contents-menu button.active,.contents-menu button:hover{color:var(--fg);background:hsla(45,24%,93%,.06)}.read-prefs .pref-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px 8px}.read-prefs .pref-row>span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.seg{display:flex;gap:5px}.seg>button{width:30px;height:28px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:12px;transition:color .2s,background .2s,border-color .2s}.seg>button:hover{color:var(--fg)}.seg>button.on{color:#1a1a14;background:#d8ffb0;border-color:#d8ffb0}.seg.swatches>button{width:24px;height:24px;border-radius:50%}.sw-paper{background:#f5f1e7}.sw-sepia{background:#f0e4cc}.sw-night{background:#17160f}.seg.swatches>button.on{outline:2px solid #d8ffb0;outline-offset:2px;border-color:transparent}.reader.size-s .sheet-body{font-size:clamp(15.5px,1.2vw,17px)}.reader.size-l .sheet-body{font-size:clamp(19px,1.55vw,22px)}.reader.measure-narrow .sheet-body{max-width:54ch}.reader.measure-wide .sheet-body{max-width:72ch}.reader.type-poetry.measure-narrow .sheet-body{max-width:34ch}.reader.type-poetry.measure-wide .sheet-body{max-width:46ch}.chapter-head{text-align:center;margin:0 0 clamp(30px,5vw,52px)}.chapter-num{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#8a8474}.chapter-title{font-family:var(--serif);font-weight:500;font-size:clamp(28px,4.4vw,46px);letter-spacing:-.02em;line-height:1.06;margin-top:12px;color:inherit}.sheet-body{animation:sb-fade .5s var(--ease-out)}@keyframes sb-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.chapter-nav{display:flex;justify-content:space-between;gap:20px;margin-top:clamp(42px,6vw,72px);border-top:1px solid rgba(120,110,90,.28);padding-top:30px}.chapter-nav button{text-align:left}.chapter-nav .cn-next{text-align:right;margin-left:auto}.chapter-nav .cn-dir{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#8a8474;margin-bottom:7px}.chapter-nav .cn-title{font-family:var(--serif);font-size:20px;color:inherit;transition:color .3s,transform .4s var(--ease-out);display:inline-block}.chapter-nav button:hover .cn-title{color:#7c4a2d}.chapter-nav button:hover .cn-dir{color:#5c5a51}.reader.theme-sepia .sheet{background:linear-gradient(180deg,rgba(0,0,0,.03),transparent 120px),#f0e4cc;color:#3a2f1c}.reader.theme-sepia .sheet-body{color:#40351f}.reader.theme-night .sheet{background:linear-gradient(180deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,0) 120px),#17160f;color:#d0c9b6;box-shadow:0 30px 90px rgba(0,0,0,.7),inset 0 0 120px rgba(0,0,0,.35)}.reader.theme-night .sheet-body{color:#ccc5b2}.reader.theme-night .sheet-body p.drop:first-letter{color:#b7ae8d}.reader.theme-night .chapter-num,.reader.theme-night .cn-dir,.reader.theme-night .sheet-body h2,.reader.theme-night .sheet-kicker{color:#8f8975}.reader.theme-night .chapter-title,.reader.theme-night .end-note,.reader.theme-night .sheet-by{color:#a89f88}.reader.theme-night .sheet-body u{box-shadow:inset 0 -.5px 0 hsla(44,22%,76%,.55)}.reader.theme-night .chapter-nav button:hover .cn-title,.reader.theme-night .end-note a,.reader.theme-night .sheet-body a{color:#d8b98a}.reader.theme-night .sheet-body blockquote{color:#b3ab95;border-left-color:#6b6250}.reader.theme-night .sheet-body .orn,.reader.theme-night .sheet-end .orn,.reader.theme-night .sheet-rule{color:#6b6250}@media (max-width:620px){.read-tool{padding:5px 9px;font-size:11px}.read-pop{position:fixed;top:54px;right:12px;left:auto;min-width:0;width:min(250px,calc(100vw - 24px))}}.read-tool.ok{color:#1a1a14;background:#d8ffb0;border-color:#d8ffb0}.alt-add{color:var(--muted);font-size:13.5px;border:1px dashed var(--line);border-radius:10px;padding:13px 18px;width:100%;margin-bottom:26px;transition:color .25s,border-color .25s}.alt-add:hover{color:var(--fg);border-color:rgba(216,255,176,.5)}.alt-block{border:1px solid var(--line);border-radius:14px;padding:20px 20px 4px;margin-bottom:26px}.alt-head{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:18px}.alt-head>span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.alt-head>span em{font-style:normal;text-transform:none;letter-spacing:.02em;color:#55534c}.alt-remove{color:var(--muted);font-size:12.5px;transition:color .2s;flex:none}.alt-remove:hover{color:#ff9d9d}.alt-langs{grid-template-columns:1fr 1fr!important}.read-lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.read-lang button{font-size:11.5px;letter-spacing:.08em;color:var(--muted);padding:5px 11px;transition:color .25s,background .25s}.read-lang button.on{color:#1a1a14;background:#d8ffb0}.reader.theme-night .read-lang button.on{color:#17160f}.tool-icon{display:none}@media (max-width:620px){.read-top{padding:13px 14px}.read-right{gap:7px}.read-back{font-size:17px}.read-top .tool-label{display:none}.read-top .tool-icon{display:inline}.read-mins{display:none}.read-tool{font-size:12.5px}.read-ambient,.read-tool{padding:7px 10px}.read-lang button{padding:6px 9px}}.signature{margin:100px auto 40px;max-width:380px;text-align:center;animation:fade-in-up 1s ease-out forwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.signature-label{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}.signature-art{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.04);margin-bottom:24px;background:var(--bg);-webkit-mask-image:radial-gradient(ellipse at center,#000 65%,transparent 100%);mask-image:radial-gradient(ellipse at center,#000 65%,transparent 100%)}.signature-note{font-family:var(--serif);font-size:15px;line-height:1.6;color:var(--fg);opacity:.85;margin-bottom:24px;max-width:480px;margin-left:auto;margin-right:auto}.signature-save{display:inline-block;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg);border:1px solid var(--line);padding:8px 16px;border-radius:40px;transition:background .2s,color .2s;text-decoration:none}.signature-save:hover{background:var(--fg);color:var(--bg)}.loader.is-loaded{opacity:0;pointer-events:none;transition:opacity 1.2s ease}.floating-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;background:rgba(11,11,10,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,250,235,.1);padding:2.5rem;border-radius:16px;width:90%;max-width:480px;text-align:center;animation:modalFadeIn .8s cubic-bezier(.19,1,.22,1) forwards;box-shadow:0 10px 40px rgba(0,0,0,.5)}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.fm-welcome{font-family:var(--serif);font-size:1.4rem;margin:0 0 1rem;color:var(--fg)}.fm-desc{font-size:.95rem;line-height:1.5;color:var(--fg-muted);margin:0 0 2rem}.fm-actions{display:flex;gap:1rem;justify-content:center}.fm-btn{padding:.75rem 1.25rem;border-radius:999px;font-size:.85rem;letter-spacing:.05em;text-transform:lowercase;transition:transform .2s,background .2s,color .2s}.fm-btn-primary{background:var(--fg);color:var(--bg);border:1px solid var(--fg)}.fm-btn-primary:hover{transform:scale(1.05)}.fm-btn-primary:active{transform:scale(.95)}.fm-btn-ghost{background:transparent;color:var(--fg-muted);border:1px solid transparent}.fm-btn-ghost:hover{color:var(--fg);border-color:rgba(255,250,235,.2)}.studio-threads{display:flex;flex-direction:column;gap:2rem;max-width:600px;margin:0 auto;padding:2rem 0}.st-composer{background:hsla(0,0%,100%,.03);border:1px solid var(--line);padding:1.5rem;border-radius:12px}.st-composer h3{margin:0 0 1rem;font-family:var(--serif);font-size:1.2rem;font-style:italic;font-weight:400}.st-composer textarea{width:100%;background:transparent;border:none;color:var(--fg);font-family:var(--sans);font-size:1rem;line-height:1.5;resize:vertical;outline:none}.st-composer textarea::placeholder{color:var(--fg-muted)}.st-actions{display:flex;justify-content:flex-end;margin-top:1rem}.st-post-btn{background:var(--fg);color:var(--bg);padding:.5rem 1rem;border-radius:999px;font-size:.85rem;font-weight:700;letter-spacing:.05em;transition:opacity .2s}.st-post-btn:disabled{opacity:.5;cursor:not-allowed}.st-list{display:flex;flex-direction:column;gap:1.5rem}.st-list h3{margin:0;font-family:var(--serif);font-size:1.2rem;font-style:italic;font-weight:400;border-bottom:1px solid var(--line);padding-bottom:.5rem}.st-item{border-bottom:1px dashed var(--line);padding-bottom:1rem}.st-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--fg-muted);margin-bottom:.5rem}.st-del{color:#f55;opacity:0;transition:opacity .2s}.st-item:hover .st-del{opacity:1}.st-text{font-size:.95rem;line-height:1.5;margin:0;white-space:pre-wrap}.st-empty{color:var(--fg-muted);font-style:italic}.threads-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:380px;background:rgba(11,11,10,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid rgba(255,250,235,.05);z-index:99;transform:translateX(100%);transition:transform .5s cubic-bezier(.19,1,.22,1);display:flex;flex-direction:column}.threads-panel.open{transform:translateX(0)}.tp-header{padding:2rem;border-bottom:1px solid rgba(255,250,235,.05);display:flex;justify-content:space-between;align-items:center}.tp-header h2{margin:0;font-family:var(--serif);font-size:1.5rem;font-style:italic;font-weight:400}.tp-close{font-size:2rem;line-height:1;color:var(--fg-muted);transition:color .2s;background:none;border:none;cursor:pointer}.tp-close:hover{color:var(--fg)}.tp-content{padding:2rem;flex:1 1;overflow-y:auto;gap:2rem}.tp-content,.tp-item{display:flex;flex-direction:column}.tp-item{gap:.5rem;padding-bottom:2rem;border-bottom:1px dashed rgba(255,250,235,.1)}.tp-item:last-child{border-bottom:none}.tp-text{margin:0;font-size:.95rem;line-height:1.6;white-space:pre-wrap}.tp-meta{font-size:.75rem;color:var(--fg-muted);letter-spacing:.05em;text-transform:uppercase}.tp-empty,.tp-loading{color:var(--fg-muted);font-style:italic;text-align:center;margin-top:2rem}@media (max-width:600px){.threads-panel{max-width:100vw}}.echoes-feed{gap:4rem;max-width:640px;margin:3rem auto}.echoes-feed,.echoes-item{display:flex;flex-direction:column}.echoes-item{gap:1.5rem}.echoes-tag{align-self:flex-start;font-family:var(--sans);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:.2rem .6rem;border-radius:999px}.echoes-image{width:100%;border-radius:8px;object-fit:cover;border:1px solid var(--line)}.echoes-text{margin:0;font-family:var(--serif);font-size:1.6rem;line-height:1.6;white-space:pre-wrap;color:var(--fg)}.echoes-meta{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;border-top:1px dashed var(--line);padding-top:1rem}.echoes-like{background:none;border:none;color:var(--muted);font-family:var(--serif);font-size:.9rem;cursor:pointer;transition:color .3s}.echoes-like.liked,.echoes-like:hover{color:var(--fg)}.echoes{min-height:100vh;width:min(640px,92vw);margin:0 auto;padding:86px 0 100px}.echoes-top{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;z-index:15;background:linear-gradient(180deg,rgba(14,14,12,.94),rgba(14,14,12,0));pointer-events:none}.echoes-top>*{pointer-events:auto}.echoes-count{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.echoes-head{display:flex;align-items:center;gap:18px;margin-bottom:40px}.echoes-head h1{font-family:var(--serif);font-weight:500;font-size:clamp(38px,6vw,56px);letter-spacing:-.03em;line-height:1}.echoes-sub{margin-top:8px;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--muted)}.echo-composer{border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:30px;background:hsla(45,24%,93%,.028)}.echo-composer textarea,.echo-editbox textarea{width:100%;background:none;border:0;outline:none;color:var(--fg);font-family:var(--serif);font-size:17px;line-height:1.7;resize:vertical}.ec-row{display:flex;align-items:center;gap:14px;margin-top:10px}.ec-tag{flex:1 1;background:none;border:0;outline:none;color:var(--muted);font-size:13px;letter-spacing:.04em}.ec-tag:focus{color:#d8ffb0}.ec-count{font-size:11px;color:#55534c;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ec-count.warn{color:#e7c14b}.ec-post{background:var(--pill);color:var(--pill-ink);border-radius:999px;padding:9px 22px;font-size:13.5px;font-weight:600;transition:background .25s,transform .3s var(--ease-out)}.ec-post:hover{background:#fff;transform:translateY(-1px)}.ec-post:disabled{opacity:.45;transform:none}.ec-hint{margin-top:10px;font-size:11.5px;color:#55534c;font-style:italic}.echoes-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.echoes-tags button{font-size:12px;letter-spacing:.05em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 13px;transition:color .25s,border-color .25s,background .25s}.echoes-tags button:hover{color:var(--fg)}.echoes-tags button.on{color:#1a1a14;background:#d8ffb0;border-color:#d8ffb0}.echoes-stream{display:flex;flex-direction:column}.echo{display:flex;gap:18px;padding:22px 2px;border-bottom:1px solid var(--line)}.echo-rail{width:3px;border-radius:3px;background:linear-gradient(180deg,rgba(216,255,176,.35),rgba(216,255,176,.04));flex:none}.echo-body{min-width:0;flex:1 1}.echo-meta{display:flex;align-items:baseline;gap:10px;font-size:12px;color:var(--muted);margin-bottom:8px}.echo-author{color:var(--fg);font-weight:600;letter-spacing:.02em}.echo-edited{font-style:italic;color:#55534c}.echo-tag{color:#9fdc8a;font-size:12px;letter-spacing:.03em;transition:color .25s}.echo-tag:hover{color:#d8ffb0}.echo-text{font-family:var(--serif);font-size:17.5px;line-height:1.75;color:#d9d6cc;white-space:pre-line;overflow-wrap:break-word}.echo-text a{color:#9fdc8a;text-underline-offset:3px}.echo-text code{font-family:ui-monospace,Menlo,monospace;font-size:.85em;background:hsla(45,24%,93%,.08);padding:.08em .35em;border-radius:5px}.echo-image{margin-top:12px;max-width:100%;border-radius:12px;border:1px solid var(--line)}.echo-acts{display:flex;gap:16px;margin-top:10px}.echo-act{font-size:12px;color:#55534c;transition:color .25s}.echo-act:hover{color:var(--fg)}.echo-act.danger:hover{color:#ff9d9d}.echo-editbox{border:1px solid var(--line);border-radius:12px;padding:12px}.echoes-empty{padding:60px 0;text-align:center;font-family:var(--serif);font-style:italic;color:var(--muted)}.echoes-more{display:block;margin:30px auto 0;color:var(--muted);font-size:13px;letter-spacing:.08em;border:1px solid var(--line);border-radius:999px;padding:11px 26px;transition:color .25s,border-color .25s}.echoes-more:hover{color:var(--fg);border-color:rgba(216,255,176,.5)}.echoes-foot{margin-top:60px;text-align:center;font-size:12px;color:#55534c}.echoes-foot a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}.echoes-foot a:hover{color:var(--fg)}@media (max-width:620px){.echoes{padding-top:74px}.echoes-head .brand-orb{width:34px;height:34px}}