:root{--ink:#15110c;--paper:#f8f1e5;--paper-deep:#eae0cf;--white:#fefbf6;--butter:#ffdf76;--pink:#ffbcc3;--blue:#90d4fe;--mint:#a1ebc5;--danger:#ac191f;--success:#00572b;--font-display:"Avenir Next Condensed", "Franklin Gothic Medium", "Trebuchet MS", sans-serif;--font-body:"Avenir Next", "Trebuchet MS", sans-serif;--line:2px solid var(--ink);--shadow-sm:4px 4px 0 var(--ink);--shadow-lg:8px 8px 0 var(--ink);--ease-out:cubic-bezier(.22, 1, .36, 1)}@supports (color:lab(0% 0 0)){:root{--ink:lab(5.25523% 1.45006 2.88487);--paper:lab(95.4173% .878245 6.8566);--paper-deep:lab(89.6361% 1.28278 9.56899);--white:lab(98.8669% .365406 3.03049);--butter:lab(90.0388% 2.07308 55.2369);--pink:lab(82.5762% 34.4339 8.8994);--blue:lab(81.5605% -14.3134 -27.5267);--mint:lab(87.2861% -29.6775 10.4265);--danger:lab(37.8598% 56.9075 38.4584);--success:lab(31.792% -34.8004 20.0031)}}*{box-sizing:border-box}html{background:var(--paper)}body{background-color:var(--paper);min-width:320px;color:var(--ink);font-family:var(--font-body);font-kerning:normal;background-image:linear-gradient(#15110c0b 1px,#0000 1px),linear-gradient(90deg,#15110c0b 1px,#0000 1px);background-image:linear-gradient(lab(5.25523% 1.45006 2.88487/.045) 1px,#0000 1px),linear-gradient(90deg,lab(5.25523% 1.45006 2.88487/.045) 1px,#0000 1px);background-size:24px 24px;margin:0;font-size:1rem;line-height:1.5}button,input{font:inherit;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #006bc8;outline:3px solid lab(43.951% 5.53253 -64.3684)}main{min-height:100vh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.page-shell{width:min(1180px,100%);margin:0 auto}.masthead{border-bottom:var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0 1rem;display:flex}.brand{color:var(--ink);font-family:var(--font-display);letter-spacing:.08em;align-items:center;gap:.65rem;font-size:.78rem;font-weight:900;line-height:.9;text-decoration:none;display:inline-flex}.brand-mark{border:var(--line);background:var(--pink);width:2.5rem;height:2.5rem;box-shadow:3px 3px 0 var(--ink);place-items:center;font-size:1.35rem;display:grid;transform:rotate(-3deg)}.lock-badge{border:var(--line);background:var(--white);min-height:2.5rem;font-family:var(--font-display);letter-spacing:.08em;box-shadow:3px 3px 0 var(--ink);align-items:center;gap:.55rem;padding:.55rem .75rem;font-size:.72rem;font-weight:900;display:inline-flex}.status-dot{border:1.5px solid var(--ink);background:var(--pink);border-radius:50%;width:.7rem;height:.7rem}.lock-badge.is-unlocked{background:var(--mint)}.lock-badge.is-unlocked .status-dot{background:var(--success)}.hero{gap:2rem;padding:clamp(3rem,9vw,7.5rem) 0 clamp(3rem,7vw,5.5rem);display:grid}.kicker,.overline{letter-spacing:.14em;margin:0 0 .65rem;font-size:.72rem;font-weight:900;display:block}h1,h2,p{text-wrap:pretty}h1{max-width:9ch;font-family:var(--font-display);letter-spacing:-.075em;text-transform:uppercase;margin:0;font-size:clamp(4.2rem,14vw,10.5rem);font-weight:900;line-height:.72}h1 span{z-index:0;display:inline-block;position:relative}h1 span:before{z-index:-1;border:2px solid var(--ink);background:var(--butter);content:"";position:absolute;inset:10% -.04em 2%;transform:rotate(-1.3deg)}.hero-note{border:var(--line);background:var(--blue);width:min(20rem,100% - .5rem);box-shadow:var(--shadow-lg);place-self:end start;padding:1.25rem;position:relative;transform:rotate(1.5deg)}.hero-note p{font-family:var(--font-display);margin:0 0 1.25rem;font-size:1.35rem;font-weight:700;line-height:1.15}.hero-note small{border-top:2px dashed var(--ink);letter-spacing:.12em;padding-top:.75rem;font-size:.68rem;font-weight:900;display:block}.scribble{font-family:Comic Sans MS,cursive;font-size:3rem;position:absolute;top:-2.5rem;right:1rem;transform:rotate(15deg)}.access-panel,.publisher-panel{border:var(--line);background:var(--white);box-shadow:var(--shadow-lg)}.access-panel{transition:background-color .15s var(--ease-out);gap:1.25rem;margin:0 .5rem 3.5rem 0;padding:1.25rem;display:grid}.access-panel.is-unlocked{background:var(--mint)}.section-number,.step-number{font-family:var(--font-display);font-weight:900;line-height:1}.section-number{font-size:3rem}.access-copy h2,.panel-heading h2,.published-heading h2{font-family:var(--font-display);letter-spacing:-.05em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.8rem);font-weight:900;line-height:.95}.access-controls label,.step-content>label{letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem;font-size:.78rem;font-weight:900;display:block}.input-action{gap:.65rem;display:grid}input[type=password],.slug-field,input[type=file]{border:var(--line);background:var(--paper);border-radius:0;width:100%;min-height:3.25rem}input[type=password]{padding:.75rem 1rem}input::placeholder{color:#5a4d42;color:lab(33.8476% 3.86319 8.9376);opacity:1}.unlock-button,.publish-button,.page-actions button,.refresh-button{border:var(--line);background:var(--butter);min-height:2.75rem;box-shadow:3px 3px 0 var(--ink);transition:transform .1s var(--ease-out), box-shadow .1s var(--ease-out), background-color .1s var(--ease-out);border-radius:0;padding:.7rem 1rem;font-weight:900}.unlock-button:active,.publish-button:active,.page-actions button:active,.refresh-button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.access-panel.is-unlocked .unlock-button{background:var(--ink);color:var(--paper)}.publisher-panel{margin-right:.5rem;overflow:hidden}.panel-heading,.published-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel-heading{border-bottom:var(--line);background:var(--pink);padding:clamp(1.25rem,4vw,2.5rem)}.edition-stamp{border:2px dashed var(--ink);text-align:center;flex:none;padding:.6rem .8rem;font-size:.65rem;font-weight:900;line-height:1.05;transform:rotate(5deg)}.workflow{container-type:inline-size}.step{border-bottom:var(--line);grid-template-columns:3.25rem minmax(0,1fr);gap:1rem;padding:clamp(1.25rem,4vw,2.5rem);display:grid}.step-number{font-size:2.5rem}.file-step .step-number{color:#a33146;color:lab(39.159% 48.645 15.6807)}.link-step .step-number{color:#005a8f;color:lab(35.7566% -7.65271 -41.2894)}.step-content p{color:#44382d;color:lab(24.5632% 3.9441 9.01803);max-width:48ch;margin:-.15rem 0 1rem;font-size:.875rem}code{font-family:inherit;font-weight:900}input[type=file]{padding:.35rem;font-size:.875rem}input[type=file]::file-selector-button{border:0;border-right:var(--line);background:var(--blue);min-height:2.35rem;font:inherit;cursor:pointer;margin-right:.8rem;padding:.45rem .8rem;font-weight:900}.file-picked{margin-top:.75rem;font-size:.8rem;font-weight:900;display:block}.slug-field{overflow:hidden}.slug-field span{padding:.6rem .75rem .1rem;font-size:.72rem;font-weight:900;display:block}.slug-field input{background:0 0;border:0;border-radius:0;width:100%;min-width:0;padding:.15rem .75rem .65rem;font-size:1rem;font-weight:700}.slug-field input:focus{outline:none}.slug-field:has(input:focus-visible){outline-offset:3px;outline:3px solid #006bc8;outline:3px solid lab(43.951% 5.53253 -64.3684)}.publish-bar{background:var(--butter);gap:1rem;padding:clamp(1.25rem,4vw,2.5rem);display:grid}.publish-button{background:var(--ink);min-height:3.6rem;color:var(--paper);font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-size:1.1rem}.publish-button:disabled{background:var(--paper-deep);color:#554b42;color:lab(32.6969% 3.03836 7.10308);box-shadow:none;opacity:1}.status-message{min-height:1.5rem;margin:0;font-size:.875rem;font-weight:700}.published-section{padding:clamp(4rem,9vw,7rem) 0 3rem}.published-heading{border-bottom:var(--line);padding-bottom:1.25rem}.published-heading sup{vertical-align:top;font-size:.9rem}.refresh-button{background:var(--blue);white-space:nowrap}.page-list{border-bottom:var(--line)}.page-row{border-bottom:1.5px dashed var(--ink);grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:1rem;padding:1.25rem .25rem;display:grid}.page-row:last-child{border-bottom:0}.page-index{font-family:var(--font-display);font-size:1.15rem;font-weight:900}.page-details{min-width:0}.page-details strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1.35rem;font-weight:900;display:block;overflow:hidden}.page-details a{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.8rem;font-weight:700;display:block;overflow:hidden}.page-actions{grid-column:2;grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.page-actions button{background:var(--mint)}.page-actions .delete-button{background:var(--pink);color:var(--danger)}.empty-state{align-items:center;gap:1rem;padding:2rem .25rem;display:flex}.empty-state span{font-size:2rem}.empty-state p{max-width:46ch;margin:0;font-weight:700}.site-footer{letter-spacing:.08em;gap:.5rem;padding:1.25rem 0 0;font-size:.65rem;font-weight:900;display:grid}.reveal{animation:reveal .6s var(--ease-out) both;animation-delay:var(--delay,0s)}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@container (min-width:680px){.workflow{grid-template-columns:1fr 1fr;display:grid}.step{border-bottom:0;min-height:15rem}.file-step{border-right:var(--line)}.slug-field{align-items:center;display:flex}.slug-field span{flex:none;padding:.75rem 0 .75rem .75rem}.slug-field input{padding:.75rem .75rem .75rem .2rem}}@media (min-width:700px){main{padding-inline:clamp(1.5rem,4vw,3.5rem)}.hero{grid-template-columns:minmax(0,1fr) 18rem;align-items:end}.hero-note{justify-self:end;margin-bottom:1rem}.access-panel{grid-template-columns:4rem minmax(11rem,.7fr) minmax(20rem,1.5fr);align-items:end;padding:1.75rem}.input-action{grid-template-columns:minmax(0,1fr) auto}.publish-bar{grid-template-columns:minmax(15rem,.75fr) 1fr;align-items:center}.page-row{grid-template-columns:2.5rem minmax(0,1fr) auto}.page-actions{grid-column:auto;grid-template-columns:auto auto}.site-footer{grid-template-columns:repeat(3,1fr)}.site-footer span:nth-child(2){text-align:center}.site-footer span:last-child{text-align:right}}@media (hover:hover){.unlock-button:hover,.publish-button:not(:disabled):hover,.page-actions button:hover,.refresh-button:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.page-details a:hover{text-underline-offset:3px;text-decoration-thickness:2px}}@media (pointer:coarse){.unlock-button,.publish-button,.page-actions button,.refresh-button{min-height:3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}