:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff8ec;--ink:#201820;--muted:#6d5b66;--panel:#fff;--line:#ead8c6;--rose:#ff4f86;--sun:#ffd166;--mint:#42d6a4;--blue:#4d8cff;--lilac:#a66cff;--shadow:0 18px 60px #3c253424;--radius:8px}body.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17151d;--ink:#fff6fb;--muted:#cbbbc7;--panel:#23202c;--line:#413747;--shadow:0 18px 60px #00000061}*{box-sizing:border-box}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--rose);outline-offset:2px}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 8%, #ff4f862e, transparent 28rem), radial-gradient(circle at 86% 12%, #42d6a429, transparent 24rem), linear-gradient(180deg, var(--bg), #fffdf8 48%, var(--bg));color:var(--ink);letter-spacing:0;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .24s,color .24s}body.dark{background:radial-gradient(circle at 14% 8%, #ff4f8633, transparent 28rem), radial-gradient(circle at 86% 12%, #4d8cff33, transparent 24rem), linear-gradient(180deg, var(--bg), #111018 55%, var(--bg))}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:color-mix(in srgb, var(--bg) 82%, transparent);border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem clamp(1rem,4vw,4rem);display:flex;position:sticky;top:0}.brand{align-items:center;gap:.55rem;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{background:var(--ink);color:var(--bg);justify-content:center;align-items:center;width:2.15rem;height:2.15rem;display:inline-flex;transform:rotate(-5deg)}.nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.nav a,.icon-button,.pill-button{border:1px solid var(--line);color:var(--ink);border-radius:999px;align-items:center;min-height:2.45rem;padding:.55rem .9rem;text-decoration:none;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.nav a:hover,.icon-button:hover,.pill-button:hover{background:color-mix(in srgb, var(--sun) 45%, transparent);border-color:var(--ink);transform:translateY(-2px)}.icon-button{background:var(--panel);justify-content:center;width:2.45rem;padding:0}.hero{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.75fr);gap:clamp(1.5rem,4vw,4rem);min-height:calc(100vh - 4.2rem);padding:clamp(2rem,6vw,5rem) clamp(1rem,5vw,5rem) 3rem;display:grid;position:relative}.hero-copy{align-self:center;max-width:56rem}.kicker,.eyebrow{color:var(--rose);text-transform:uppercase;font-size:.82rem;font-weight:800}h1,h2,h3{margin:0;font-family:Fraunces,Georgia,serif;line-height:.98}h1{max-width:10ch;font-size:clamp(3.6rem,12vw,9.5rem)}h2{font-size:clamp(2.3rem,6vw,4.8rem)}h3{font-size:clamp(1.55rem,3vw,2.2rem)}.tagline{color:var(--muted);max-width:42rem;font-size:clamp(1.1rem,2.2vw,1.55rem);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.7rem;display:flex}.pill-button{background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:800}.pill-button.secondary{background:var(--panel);color:var(--ink)}.visual-stack{align-self:center;gap:1rem;display:grid}.portrait-frame{aspect-ratio:4/5;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:10px 10px 0 var(--ink);background:linear-gradient(135deg,#ff4f86db,#ffd166db),url(/assets/portrait-placeholder.svg) 50%/cover;min-height:24rem;position:relative;overflow:hidden}.portrait-frame:after{content:"photo goes here, main character energy stays";max-width:13rem;font-weight:900;position:absolute;bottom:1rem;left:1rem}.sticky-note{background:var(--sun);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:7px 7px 0 var(--ink);justify-self:end;max-width:17rem;padding:1rem;font-weight:900;transform:rotate(2deg)}.section{padding:clamp(2.5rem,7vw,6rem) clamp(1rem,5vw,5rem)}.section-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.section-head p,.about-text p,.reader p,.draft-form p{color:var(--muted);line-height:1.75}.featured{background:var(--panel);border-block:1px solid var(--line)}.featured-grid,.about-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1.5rem;display:grid}.feature-pick{background:var(--ink);border-radius:var(--radius);color:var(--bg);align-self:start;padding:clamp(1.2rem,3vw,2rem)}.feature-pick p{line-height:1.7}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.piece-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;min-height:18rem;padding:1.1rem;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.piece-card:hover{border-color:var(--ink);box-shadow:8px 8px 0 var(--ink);transform:translateY(-4px)rotate(-.5deg)}.piece-card.featured-card{background:linear-gradient(135deg, var(--rose), var(--sun));color:#211414}.card-cover{border-radius:calc(var(--radius) - 4px);object-fit:cover;width:100%;height:8rem;margin-bottom:.75rem}.card-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:1rem;font-size:.9rem;display:flex}.featured-card .card-meta{color:#4d1e28}.piece-card p{color:var(--muted);line-height:1.65}.featured-card p{color:#2a1718}.card-bottom{margin-top:auto;font-weight:900}.card-tags{flex-wrap:wrap;gap:.4rem;margin:.6rem 0;display:flex}.tag-pill{background:color-mix(in srgb, var(--sun) 35%, transparent);border-radius:999px;padding:.2rem .6rem;font-size:.78rem;font-weight:800}.filter-bar{gap:.85rem;margin-bottom:1.5rem;display:grid}#pieceSearch{max-width:24rem}.tag-row{flex-wrap:wrap;gap:.5rem;display:flex}.tag-filter{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;font-weight:800;transition:transform .16s,background .16s}.tag-filter:hover{transform:translateY(-2px)}.tag-filter.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.empty-state{color:var(--muted);text-align:center;padding:2rem 0;font-weight:700}.stats-corner{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--sun) 16%, transparent))}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;display:grid}.stat-card{background:var(--panel);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:6px 6px 0 var(--ink);text-align:center;gap:.35rem;padding:1.4rem 1rem;display:grid;position:relative}.stat-card:before{background:color-mix(in srgb, var(--sun) 75%, transparent);content:"";width:3.6rem;height:1.4rem;position:absolute;top:-.7rem;left:50%;transform:translate(-50%)rotate(-3deg)}.stat-card.tape-b:before{background:color-mix(in srgb, var(--mint) 75%, transparent);transform:translate(-50%)rotate(3deg)}.stat-number{font-family:Fraunces,Georgia,serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900}.stat-label{color:var(--muted);font-size:.85rem;font-weight:700}.about{background:linear-gradient(90deg, color-mix(in srgb, var(--mint) 18%, transparent), transparent)}.about-photo{aspect-ratio:1;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:-8px 8px 0 var(--ink);text-align:center;background:linear-gradient(135deg,#4d8cffc2,#a66cffc7),url(/assets/portrait-placeholder.svg) 50%/cover;justify-content:center;align-items:center;min-height:18rem;font-family:Fraunces,Georgia,serif;font-size:clamp(2.2rem,6vw,5rem);display:flex}.egg-button{background:var(--panel);border:1px dashed var(--ink);border-radius:999px;margin-top:1rem;padding:.65rem 1rem}.draft{background:var(--panel);border-block:1px solid var(--line)}.draft-form{gap:.85rem;max-width:52rem;display:grid}.field-row{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}label{gap:.4rem;font-weight:800;display:grid}input,textarea,select{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);min-height:3rem;padding:.85rem}textarea{resize:vertical;min-height:12rem}.footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem clamp(1rem,5vw,5rem);display:flex}.socials{flex-wrap:wrap;gap:.6rem;display:flex}.socials a{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.6rem .9rem;font-weight:800;text-decoration:none}.reader-shell{max-width:48rem;margin:0 auto;padding:clamp(2rem,6vw,5rem) 1rem}.reader{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.2rem,4vw,3rem)}.reader-cover{border-radius:calc(var(--radius) - 4px);object-fit:cover;width:100%;max-height:22rem;margin-bottom:1.5rem}.reader h1{max-width:13ch;font-size:clamp(2.5rem,8vw,5.2rem)}.reader article{margin-top:2rem;font-family:Georgia,Times New Roman,serif;font-size:1.18rem;line-height:1.9}.reader article p{color:var(--ink)}.share-row{flex-wrap:wrap;gap:.65rem;margin-top:2rem;display:flex}.share-row button,.share-row a{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:.65rem .9rem;font-weight:800;text-decoration:none}.reading-progress{z-index:50;height:3px;position:fixed;top:0;left:0;right:0}.reading-progress-fill{background:var(--rose);height:100%;transition:width 80ms linear}.reader-toolbar{justify-content:space-between;align-items:center;gap:.6rem;display:flex}body.font-scale-large .reader article{font-size:1.35rem}body.font-scale-xl .reader article{font-size:1.55rem}.toc{background:color-mix(in srgb, var(--line) 40%, transparent);border-radius:calc(var(--radius) - 4px);margin:1.5rem 0;padding:1rem 1.2rem}.toc ol{margin:.5rem 0 0;padding:0;list-style:none}.toc a{color:var(--ink);text-decoration:none}.toc a:hover{text-decoration:underline}.toc-level-3{padding-left:1.2rem}.adjacent-nav{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;display:grid}.adjacent-nav-link{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.3rem;padding:1rem 1.2rem;text-decoration:none;display:flex}.adjacent-nav-link span{color:var(--muted);font-size:.85rem;font-weight:800}.adjacent-nav-link-end{text-align:right;align-items:flex-end}.related-pieces{margin-top:2.5rem}.related-pieces-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin-top:1rem;display:grid}@media (max-width:640px){.adjacent-nav{grid-template-columns:1fr}.adjacent-nav-link-end{text-align:left;align-items:flex-start}}@media print{.topbar,.reading-progress,.reader-toolbar,.share-row,.adjacent-nav,.related-pieces,footer{display:none!important}.reader{box-shadow:none;border:none;padding:0}.reader article{font-size:1rem;line-height:1.6}}.event-modal{z-index:50;background:#141219b8;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0;overflow-y:auto}.event-modal.show{display:flex}.event-modal-card{background:var(--bg);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:12px 12px 0 var(--rose);max-width:36rem;margin:auto;padding:clamp(1.2rem,4vw,2rem);position:relative;overflow:hidden}.confetti{pointer-events:none;height:6rem;position:absolute;inset:0 0 auto}.confetti span{background:var(--rose);height:.8rem;left:var(--x);top:var(--y);transform:rotate(var(--r));width:.8rem;animation:1.3s ease-in-out infinite alternate fall;display:block;position:absolute}.toast{background:var(--ink);color:var(--bg);z-index:60;border-radius:999px;padding:.8rem 1rem;font-weight:800;display:none;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.toast.show{display:block}.sparkle{animation:1.8s ease-in-out infinite pulse;display:inline-block}.page-enter{animation:.56s both page-fade-in}.section{animation:.64s both reveal-in}.piece-card,.stat-card{animation:.52s both reveal-in}.piece-card:nth-child(2){animation-delay:60ms}.piece-card:nth-child(3){animation-delay:.12s}.piece-card:nth-child(4){animation-delay:.18s}.stat-card:nth-child(2){animation-delay:60ms}.stat-card:nth-child(3){animation-delay:.12s}.stat-card:nth-child(4){animation-delay:.18s}@media (prefers-reduced-motion:reduce){.page-enter,.section,.piece-card,.stat-card{animation:none}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes reveal-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fall{to{transform:translateY(1.5rem) rotate(calc(var(--r) + 40deg))}}@keyframes pulse{50%{transform:scale(1.14)rotate(8deg)}}@media (max-width:900px){.hero,.featured-grid,.about-grid,.field-row{grid-template-columns:1fr}.hero{min-height:auto}.card-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.topbar{flex-direction:column;align-items:flex-start}.nav{justify-content:flex-start}.nav a{min-height:2.25rem;padding:.45rem .7rem;font-size:.9rem}.card-grid,.stats-grid{grid-template-columns:1fr}.portrait-frame{min-height:19rem}.section-head{flex-direction:column;align-items:start}}.dashboard-shell{min-height:100vh}.dashboard-nav{background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.dashboard-nav-toggle{border:1px solid var(--line);background:0 0;border-radius:999px;padding:.5rem .75rem;font-size:1.1rem;line-height:1;display:none}.dashboard-nav-links{flex-wrap:wrap;gap:.4rem;display:flex}@media (max-width:640px){.dashboard-nav-toggle{display:block}.dashboard-nav-links{flex-direction:column;flex-basis:100%;gap:.5rem;display:none}.dashboard-nav-links.open{display:flex}.dashboard-nav-links a,.dashboard-nav-links button{text-align:center}}.dashboard-nav-links a,.dashboard-nav-links button{border:1px solid var(--line);border-radius:999px;padding:.5rem .85rem;font-weight:800;text-decoration:none}.dashboard-nav-links a.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.dashboard-content{max-width:64rem;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,4vw,2rem)}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.stat-strip{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-strip .stat-card{padding:1rem}.post-list{gap:.85rem;display:grid}.trash-section{margin-top:2.5rem}.trash-section summary{color:var(--muted);cursor:pointer;font-weight:800}.trash-section p{margin:.75rem 0}.trash-section .post-list{margin-top:.75rem}.post-row{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.2rem;display:flex}.post-row-main{gap:.25rem;min-width:12rem;display:grid}.post-row-main .muted{color:var(--muted);font-size:.85rem}.post-row-actions{flex-wrap:wrap;gap:.5rem;display:flex}.post-row-actions button,.post-row-actions a{background:var(--bg);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:999px;padding:.45rem .75rem;font-size:.82rem;font-weight:800;text-decoration:none}.post-row-actions .danger{border-color:var(--rose);color:var(--rose)}.form-actions .danger{background:var(--panel);border:1px solid var(--rose);color:var(--rose);cursor:pointer;border-radius:999px;align-items:center;min-height:2.45rem;padding:.55rem .9rem;font-weight:800;display:inline-flex}.status-badge{text-transform:uppercase;border-radius:999px;width:fit-content;padding:.2rem .6rem;font-size:.75rem;font-weight:800}.status-badge.published{background:color-mix(in srgb, var(--mint) 45%, transparent)}.status-badge.draft{background:color-mix(in srgb, var(--sun) 45%, transparent)}.status-badge.scheduled{background:color-mix(in srgb, var(--blue) 40%, transparent)}.status-badge.active{background:color-mix(in srgb, var(--mint) 45%, transparent)}.status-badge.upcoming{background:color-mix(in srgb, var(--blue) 40%, transparent)}.status-badge.expired{background:color-mix(in srgb, var(--line) 100%, transparent);color:var(--muted)}.status-badge.disabled{background:color-mix(in srgb, var(--rose) 30%, transparent)}.post-form{gap:1rem;max-width:46rem;display:grid}.editor-tabs{gap:.5rem;margin-bottom:.5rem;display:flex}.editor-tabs button{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.4rem .9rem;font-weight:800}.editor-tabs button.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.markdown-preview{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:14rem;padding:1.2rem;font-family:Georgia,Times New Roman,serif;line-height:1.8}.checkbox-row{align-items:center;gap:.6rem;display:flex}.checkbox-row input{width:auto;min-height:auto}.form-actions{flex-wrap:wrap;gap:.6rem;display:flex}@media (max-width:640px){.stat-strip{grid-template-columns:1fr}.post-row{flex-direction:column;align-items:stretch}}