@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111713;--text:#d8d5c8;--dim:#969d8d;--gold:#c7b184;--line:#67705c40;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--sans);font-size:13px;line-height:1.7;background:radial-gradient(ellipse at 15% 25%,#3c493625 0,transparent 50%),radial-gradient(ellipse at 85% 65%,#56614a12,transparent 45%),linear-gradient(100deg,#0c120f,#1c221a 60%,#111610);min-height:100vh}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e0c791;outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.2}h1,h2,p{margin:0}.frame{position:fixed;inset:14px;border:1px solid #919a7130;pointer-events:none;z-index:8}.frame:before,.frame:after{content:'';position:absolute;width:7px;height:7px;border:1px solid #88926a;transform:rotate(45deg);top:-4px;background:var(--bg)}.frame:before{left:40px}.frame:after{right:40px}.grain{position:fixed;inset:0;opacity:.075;pointer-events:none;z-index:7;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.55' filter='url(%23n)'/%3E%3C/svg%3E")}.fog{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.fog:before{content:'';position:absolute;width:140%;height:75%;top:0;left:-20%;background:radial-gradient(ellipse at 30% 45%,#a0b3950b,transparent 45%),radial-gradient(ellipse at 70% 45%,#d1ddbc08,transparent 50%);animation:drift 28s ease-in-out infinite alternate}@keyframes drift{to{transform:translate(8%,10%)}}.masthead{position:relative;z-index:1;max-width:1440px;padding:42px 6.3% 24px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-size:10px;font-weight:600;letter-spacing:2.2px;line-height:1.65;color:#c3c6ad}.brand svg{width:37px;height:40px;color:#c5b88d}.header-right{display:flex;gap:38px;align-items:center}.archive{font-size:9px;letter-spacing:1.8px;color:#7f8978}.archive b{font-weight:500;color:#b7bba4;margin-left:9px}.control{border:1px solid #808b6b50;background:#a4b58d05;padding:10px 15px;font-size:10px;letter-spacing:.5px;color:#b7bfab;display:inline-flex;gap:14px;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.control:hover{background:#b4bf8e10;border-color:#a9b78b}.sound>span:first-child{font-size:18px;line-height:1;color:var(--gold)}main{position:relative;z-index:1;max-width:1160px;padding:0 38px;margin:auto}.introduction{text-align:center;padding:54px 0 48px}.eyebrow{font:500 9px/1.5 var(--sans);letter-spacing:2.5px;color:var(--gold)}.introduction .eyebrow{display:flex;align-items:center;justify-content:center;gap:10px}.eyebrow>span{width:4px;height:4px;background:#c8b282;transform:rotate(45deg)}h1{font:400 clamp(43px,5.3vw,73px)/1.06 var(--serif);letter-spacing:-1.3px;margin:24px 0 21px;color:#e1dfd1}h1 em{font-weight:400;color:#c0b18d}.intro-copy{color:#99a18f;font-size:12px;line-height:1.9}.small-rule{display:flex;align-items:center;justify-content:center;gap:19px;margin-top:30px;color:#998e69}.small-rule span{height:1px;width:66px;background:linear-gradient(to right,transparent,#8b84614d)}.small-rule span:last-child{transform:rotate(180deg)}.workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:57px;align-items:start}.library{padding-top:19px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.muted{color:#8d987d;letter-spacing:2px;font-size:8px}h2{font:400 26px/1.2 var(--serif)}.section-top h2{margin-top:8px}.inventory{font:10px var(--serif);color:#9b9f84;letter-spacing:1.5px;padding:8px 0 8px 15px;border-left:1px solid var(--line);white-space:nowrap}.shelf-instruction{color:#89927f;font-size:10px;line-height:1.8;margin-top:17px}.shelf-scene{position:relative;padding:43px 15px 0;margin-top:10px}.shelf-arch{position:absolute;inset:4px 5% 25px;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 45%,#5a604222,transparent 75%);border-top:1px solid #56604428}.books{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:9px;height:300px;padding:0 12px;perspective:1000px}.book{position:relative;isolation:isolate;flex:1;max-width:82px;min-width:0;height:273px;padding:0;border:1px solid #b1a27628;border-radius:3px 5px 2px 1px;box-shadow:inset 4px 0 5px #0008,inset -3px 0 3px #0006,5px 0 9px #0006,0 9px 12px #0005;color:#c5b68d;background:linear-gradient(90deg,#0006,transparent 15%,#ffffff08 21%,transparent 28%,#0002 88%,#0009),var(--cover);transition:transform .25s,box-shadow .25s,filter .25s;touch-action:manipulation}.book:before{content:'';position:absolute;inset:13px 8px;border:1px solid #dfc98e30;z-index:-1}.book:after{content:'';position:absolute;inset:0;opacity:.25;background:repeating-linear-gradient(3deg,transparent 0 3px,#0002 3px 4px),repeating-linear-gradient(95deg,transparent 0 3px,#fff1 3px 4px);pointer-events:none}.book.olive{--cover:#454732;height:281px}.book.wine{--cover:#5a3030;height:264px}.book.slate{--cover:#39454a;height:286px}.book.ochre{--cover:#6d5734;height:269px}.book.forest{--cover:#30483c;height:294px}.book:hover{transform:translateY(-9px);filter:brightness(1.13)}.book[aria-pressed=true],.book.drag-over{transform:translateY(-19px);box-shadow:0 0 0 1px var(--gold),0 0 25px #b3a46e24;filter:brightness(1.18)}.book.dragging{opacity:.35}.book-edge{position:absolute;inset:5px auto 5px 4px;width:3px;border-right:1px solid #dbce9930;border-left:1px solid #0007}.book-author{position:absolute;top:21px;left:5px;right:5px;font:8px var(--serif);font-variant:small-caps;letter-spacing:.4px;white-space:nowrap}.book-symbol{position:absolute;top:43px;left:0;right:0;text-align:center;font:23px var(--serif);opacity:.75}.book-title{position:absolute;top:85px;bottom:65px;left:0;right:0;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;font:500 20px/1.15 var(--serif);letter-spacing:.7px;text-shadow:0 1px #0009;white-space:nowrap}.book-digit{position:absolute;bottom:23px;left:0;right:0;font:26px var(--serif);text-shadow:1px 2px #0008}.book-lines{position:absolute;left:9px;right:9px;bottom:11px;height:5px;border-top:1px solid #dfc98e50;border-bottom:1px solid #dfc98e40}.shelf-plank{position:relative;height:16px;margin:0 -15px;background:linear-gradient(#827957,#494634 18%,#2d3024 40%,#22261d 80%,#151b15);border-top:2px solid #8a826059;box-shadow:0 17px 22px #0007}.shelf-plank:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#b2a57712 4px 5px)}.positions{display:flex;justify-content:center;gap:9px;margin-top:14px;padding:0 12px;font:10px var(--serif);color:#727d66}.positions span{flex:1;max-width:82px;text-align:center}.shelf-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:23px;padding-bottom:29px;border-bottom:1px solid var(--line);min-height:63px}.selection-status{font-size:9px;color:#7f8b76;max-width:70%}.text-button{border:0;background:none;color:#a5ae97;font-size:9px;white-space:nowrap;padding:10px 0}.text-button:hover{color:var(--gold)}.lock{padding-top:29px}.lock-heading{display:flex;gap:17px;align-items:center}.lock-heading>svg{color:#b9a576}.lock-heading h2{font-size:25px;margin-top:5px}form{margin-top:20px}form label{font-size:10px;color:#939c88}.code-row{display:flex;gap:10px;margin-top:12px}.code-row input{width:46%;min-width:0;border:1px solid #7f8b644d;background:#090e0b55;color:#d0bc8d;text-align:center;font:29px var(--serif);letter-spacing:10px;text-indent:10px;border-radius:0;padding:9px 7px}.code-row input::placeholder{color:#889072;opacity:.65}.code-row input[aria-invalid=true]{border-color:#b87f64}.unlock{background:#bba676;color:#182018;border:1px solid #d0b98a;padding:14px 22px;font-size:10px;font-weight:700;letter-spacing:.3px;display:inline-flex;align-items:center;justify-content:center;gap:21px;transition:background .2s}.unlock:hover{background:#d4be90}.code-row .unlock{flex:1}.unlock>span{font-size:19px;font-weight:400;line-height:1}.code-status{color:#8e997f;font-size:10px;min-height:32px;margin-top:9px}.manuscript{position:relative;color:#383a2b;padding:32px 30px 22px;transform:rotate(1.3deg);background:radial-gradient(ellipse at 23% 30%,#e7d9af,transparent 80%),linear-gradient(110deg,#c0b58d,#ded1a9 25%,#cfc29a 80%,#b9ad81);box-shadow:3px 12px 38px #0006,inset 0 0 45px #60562933;clip-path:polygon(0 .4%,22% 0,45% .3%,68% 0,100% .5%,99.7% 25%,100% 51%,99.6% 75%,100% 99.6%,79% 100%,53% 99.7%,31% 100%,0 99.6%,.4% 70%,0 45%,.3% 20%)}.manuscript:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.paper-pin{position:absolute;top:12px;left:50%;width:5px;height:5px;border-radius:50%;background:#615c46;box-shadow:1px 1px 3px #0008}.note-header{font-size:7px;letter-spacing:1.4px;display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #5c563d50;color:#777052}.note-header span:last-child{font:18px var(--serif)}.manuscript h2{font:500 29px/1.15 var(--serif);margin:20px 0 15px;letter-spacing:-.5px}.note-lead{font:italic 17px/1.4 var(--serif);color:#635b41;padding-bottom:18px;border-bottom:1px solid #766a4830}.poem{padding-top:3px}.poem p{font:500 17px/1.25 var(--serif);margin-top:19px}.poem p:before{content:'';width:3px;height:3px;background:#857652;display:block;margin-bottom:7px}.note-ending{margin-top:23px;font:italic 18px/1.35 var(--serif);color:#5c5138;border-top:1px solid #766a4830;padding-top:16px}.note-footer{display:flex;align-items:center;justify-content:space-between;margin-top:19px;gap:14px;font-size:6px;letter-spacing:1.1px;color:#7d7250}.note-footer svg{width:33px;height:33px;flex-shrink:0;opacity:.6}.help{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin:50px 0 44px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.help>div{display:flex;gap:20px;align-items:center}.hint-symbol{font:34px var(--serif);color:#a49773}.help h2{font-size:24px;color:#bdc1ac}.help p{font-size:10px;color:#839078;margin-top:5px}.help .control{font-size:10px;padding:12px 18px;gap:25px}.help .control span{color:#898f73;font-size:9px;white-space:nowrap}#hint-text{flex-basis:100%;font-size:12px;line-height:1.9;padding:18px 22px;border-left:1px solid #b6a06f;background:#9da47e08;color:#b8bca7;margin:0}.footer{position:relative;z-index:1;max-width:1440px;margin:auto;padding:0 6.3% 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#68745f;font-size:8px;letter-spacing:1.5px}.footer>span:nth-child(2){letter-spacing:.3px;font-size:9px;color:#596452}.birthday{display:flex;gap:15px;align-items:center}.birthday>span{font-size:20px;color:#a99970}dialog{max-width:520px;width:calc(100% - 40px);padding:45px 30px 40px;text-align:center;color:var(--text);background:radial-gradient(ellipse at top,#3d4831,#171f18 65%);border:1px solid #a99a6d88;box-shadow:0 0 0 7px #a99a6d10,0 20px 100px #000a}dialog::backdrop{background:#050b08d9;backdrop-filter:blur(8px)}dialog .eyebrow{font-size:8px}dialog h2{font:400 43px/1.05 var(--serif);color:#e2dfcd}dialog p:not(.eyebrow){font-size:12px;color:#a4ad95;margin-top:20px}.success-icon{font:65px var(--serif);color:#c5b383;margin:12px 0}.winning-code{font:45px var(--serif);letter-spacing:16px;text-indent:16px;margin:25px auto;padding:10px 0;border-block:1px solid var(--line);color:#d6c394;max-width:270px}dialog .birthday-wish{font:italic 21px/1.4 var(--serif)!important;margin-bottom:30px;color:#c1b99f!important}.dialog-close{position:absolute;top:7px;right:12px;background:none;border:0;color:#99a08b;font-size:26px;padding:0 8px}.no-script{padding:25px;border:1px solid #b9956b;color:#d7c69d}
.book.wine .book-title{font-size:15px;letter-spacing:0}
@media(min-width:1440px){.masthead{padding-inline:80px}.introduction{padding-top:64px;padding-bottom:65px}.workspace{gap:80px}.books{gap:12px}.positions{gap:12px}.manuscript{padding-inline:34px}}
@media(max-width:1000px){.workspace{gap:32px;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr)}main{padding-inline:32px}.masthead{padding-inline:40px}.manuscript{padding-inline:23px}.manuscript h2{font-size:25px}.poem p{font-size:16px}.books{gap:6px;padding-inline:0}.positions{gap:6px;padding-inline:0}.book-title{font-size:18px}.book-author{font-size:7px}.code-row{flex-wrap:wrap}.code-row input{width:100%}.code-row .unlock{width:100%}.shelf-instruction br{display:none}.inventory{display:none}.footer{padding-inline:40px}.footer>span:nth-child(2){display:none}}
@media(max-width:700px){.frame{inset:8px}.masthead{padding:30px 25px 10px}.brand{font-size:8px;letter-spacing:1.6px;gap:8px}.brand svg{width:30px}.archive{display:none}.header-right{gap:0}.sound{padding:8px 10px;font-size:9px;gap:7px}main{padding-inline:26px}.introduction{padding:45px 0 34px}.introduction .eyebrow{font-size:7px;letter-spacing:1.9px}h1{font-size:48px;margin-top:20px;letter-spacing:-1px}.intro-copy{font-size:11px}.small-rule{margin-top:25px}.workspace{display:flex;flex-direction:column;gap:32px}.library{width:100%;padding-top:8px}.section-top h2{font-size:27px}.inventory{display:block}.shelf-instruction{font-size:10px;max-width:330px}.shelf-scene{padding:28px 7px 0;margin-top:0}.books{height:280px;gap:8px;padding:0 4px}.book{max-width:77px}.book.olive{height:261px}.book.wine{height:244px}.book.slate{height:266px}.book.ochre{height:249px}.book.forest{height:274px}.book-title{font-size:20px;top:77px}.book-author{font-size:7px}.shelf-plank{margin-inline:-9px}.positions{padding-inline:4px;gap:8px}.positions span{max-width:77px}.shelf-bottom{padding-bottom:20px;margin-top:13px}.selection-status{max-width:65%}.lock{padding-top:23px}.lock-heading h2{font-size:26px}.code-row{flex-wrap:nowrap}.code-row input{width:45%;padding:9px 3px;font-size:27px;letter-spacing:8px;text-indent:8px}.code-row .unlock{width:auto;font-size:9px;padding:14px 12px;gap:13px}.manuscript{align-self:center;width:100%;max-width:450px;transform:rotate(.7deg);padding:32px 29px 25px}.manuscript h2{font-size:31px}.note-lead{font-size:19px}.poem p{font-size:19px;line-height:1.3;margin-top:22px}.note-ending{font-size:20px}.note-header{font-size:7px}.help{margin-top:35px;margin-bottom:30px;gap:18px}.help h2{font-size:25px}.help>div{gap:12px}.help p{font-size:10px;max-width:250px}.help .control{margin-left:37px}.footer{padding:0 27px 28px;align-items:flex-start;font-size:6px;letter-spacing:1px}.birthday{max-width:125px;gap:10px}.birthday span{font-size:17px}.footer>span:first-child{padding-top:5px}.book[aria-pressed=true]{transform:translateY(-13px)}}
@media(max-width:370px){main{padding-inline:21px}.masthead{padding-inline:21px}h1{font-size:42px}.book-title{font-size:17px}.book-author{font-size:6px}.books{gap:6px}.positions{gap:6px}.code-row .unlock{font-size:8px;gap:8px}.manuscript{padding-inline:23px}.poem p{font-size:18px}.brand{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.final-stamp{display:table;margin:16px auto 0!important;padding:7px 13px;border:2px solid #a34b3c;border-radius:2px;color:#b45a4b!important;font:700 10px/1.2 var(--sans)!important;letter-spacing:2px;transform:rotate(-4deg);box-shadow:inset 0 0 0 2px #a34b3c22;animation:stamp-arrive .55s cubic-bezier(.2,.9,.2,1.2) both}.final-stamp:before,.final-stamp:after{content:'✦';padding:0 7px;font-size:8px}@keyframes stamp-arrive{from{opacity:0;transform:rotate(-9deg) scale(1.28)}to{opacity:1;transform:rotate(-4deg) scale(1)}}