body{background:radial-gradient(120% 90% at 50% 115%,#14120f,#0d0c0a 60%) #0d0c0a;color:#ede8df}::selection{background:#3a3a2a;color:#ede8df}.tshell{--night: #0d0c0a;--night2: #14120f;--ink: #ede8df;--ink2: #a49c8d;--ink3: #6e675b;--lime: #9dbf5a;--pink: #d98e97;--sage: #5a9dbf;--ease: cubic-bezier(.2,.7,.3,1);--ease-out: cubic-bezier(.16,1,.3,1);position:relative;min-height:100svh;display:flex;flex-direction:column;padding:clamp(12px,2.5svh,40px) clamp(20px,5vw,64px);overflow:hidden}.tshell .stars{position:fixed;inset:0;pointer-events:none}.tshell .stars canvas{position:absolute;left:0;top:-20svh;width:100vw;height:140svh}.tshell .stars .tw{animation:t-twinkle 7s ease-in-out infinite alternate}@keyframes t-twinkle{0%{opacity:.25}to{opacity:.75}}.tshell .top{display:flex;justify-content:space-between;align-items:baseline;position:relative;z-index:3}.tshell .wordmark{font-weight:800;font-size:1.3rem;letter-spacing:-.03em;color:var(--ink)}.tshell .wordmark i{font-style:normal;color:var(--lime)}.tshell .toplabel,.tshell .eyebrow{font-size:.6875rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink3)}.tshell .foot{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;color:var(--ink3);font-size:.875rem;position:relative;z-index:3}.tshell .foot-legal{display:flex;gap:1.1rem;flex-wrap:wrap;justify-content:flex-end}.tshell .foot-legal a{color:var(--ink3);text-decoration:none}.tshell .foot-legal a:hover{color:var(--ink)}.tshell .stage{flex:1;position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(8px,1.8vh,22px);padding:clamp(8px,1.6vh,32px) 0}.tshell .eyebrow{margin:0;color:var(--ink2);letter-spacing:.28em}.tshell h1{margin:0;font-weight:800;letter-spacing:-.04em;line-height:1.06;font-size:clamp(2.2rem,min(6.4vw,8svh),5rem);text-wrap:balance;text-shadow:0 0 60px rgba(157,191,90,.22)}.tshell .lede{margin:0;color:var(--ink2);font-size:1.0625rem;text-wrap:balance}.tshell .bookzone{position:relative;align-self:stretch;height:clamp(150px,28svh,300px);display:grid;place-items:center}.tshell .aurora{position:absolute;left:50%;top:50%;width:min(94vw,1100px);height:150%;transform:translate(-50%,-50%);filter:blur(clamp(38px,6vw,80px));opacity:.55;will-change:transform;pointer-events:none}.tshell .aurora i{position:absolute;border-radius:50%;mix-blend-mode:screen}.tshell .aurora .a1{left:10%;top:22%;width:48%;height:56%;background:radial-gradient(closest-side,rgba(157,191,90,.55),transparent);animation:t-drift1 26s ease-in-out infinite alternate}.tshell .aurora .a2{right:8%;top:28%;width:42%;height:52%;background:radial-gradient(closest-side,rgba(217,142,151,.4),transparent);animation:t-drift2 33s ease-in-out infinite alternate}.tshell .aurora .a3{left:32%;top:4%;width:38%;height:48%;background:radial-gradient(closest-side,rgba(90,157,191,.35),transparent);animation:t-drift3 41s ease-in-out infinite alternate}@keyframes t-drift1{to{transform:translate(9%,-12%) scale(1.16)}}@keyframes t-drift2{to{transform:translate(-11%,9%) scale(1.1)}}@keyframes t-drift3{to{transform:translate(6%,14%) scale(.94)}}.tshell .scene{perspective:1100px;position:relative;z-index:2;--open: 10;--flick: 1}.tshell .book{position:relative;width:clamp(120px,19svh,180px);aspect-ratio:3 / 4.15;transform-style:preserve-3d;transform:rotateY(9deg) rotateX(4deg)}.tshell .b-back,.tshell .b-page,.tshell .b-cover{position:absolute;inset:0;border-radius:3px 10px 10px 3px;transform-origin:left center}.tshell .b-back{background:#191612;border:1px solid rgba(237,232,223,.08);transform:translateZ(-9px);box-shadow:0 18px 40px -12px #000000b3}.tshell .b-glow{position:absolute;inset:3% 2% 3% 14%;border-radius:8px;transform:translateZ(-5px);background:linear-gradient(105deg,var(--sage),var(--lime) 42%,#f4f8e8 58%,var(--pink));filter:blur(16px);opacity:calc(clamp(.12,calc(.1 + var(--open) / 48),1) * var(--flick))}.tshell .b-band{position:absolute;left:95%;top:-5%;bottom:-5%;width:130%;background:linear-gradient(to right,rgba(244,248,232,.85),rgba(157,191,90,.42) 28%,rgba(217,142,151,.12) 58%,transparent 80%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);filter:blur(10px);pointer-events:none;transform-origin:left center;transform:scaleX(clamp(.35,calc(.25 + var(--open) / 40),1.4));opacity:calc(clamp(0,calc((var(--open) - 6) / 28),.9) * var(--flick))}.tshell .b-pool{position:absolute;left:68%;bottom:-24%;width:150%;height:40%;background:radial-gradient(50% 50% at 28% 50%,rgba(157,191,90,.28),rgba(217,142,151,.07) 60%,transparent);filter:blur(26px);transform:skew(-30deg);pointer-events:none;opacity:calc(clamp(0,calc((var(--open) - 14) / 46),.38) * var(--flick))}.tshell .b-page{background:linear-gradient(to right,#b9b2a4,#efece5 16%,#e6e2d8);border-radius:2px 8px 8px 2px}.tshell .b-page.p1{inset:1.8% 3.4% 1.8% 2.2%;transform:translateZ(-3.5px)}.tshell .b-page.p2{inset:1.2% 2.4% 1.2% 1.8%;transform:translateZ(-2.2px)}.tshell .b-page.p3{inset:.7% 1.5% .7% 1.4%;transform:translateZ(-1px)}.tshell .b-cover{background:linear-gradient(115deg,#262219,#191612 62%);border:1px solid rgba(237,232,223,.14);box-shadow:inset -3px 0 8px #00000080;display:grid;place-items:center}.tshell .b-cover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7%;border-radius:3px 0 0 3px;background:linear-gradient(to right,rgba(157,191,90,.28),transparent)}.tshell .b-cover:after{content:"";position:absolute;right:0;top:2%;bottom:2%;width:1.5px;background:#f4f8e8d9;box-shadow:0 0 7px #f4f8e8cc;opacity:calc(.2 + clamp(0,calc(var(--open) / 70),.8))}.tshell .b-icon{width:30%;height:auto;opacity:.92}.tshell .b-shadow{position:absolute;left:50%;bottom:-14%;width:90%;height:18px;transform:translate(-50%);background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent);filter:blur(7px)}.tshell.opened .aurora{opacity:.85;transition:opacity 1.4s var(--ease)}.tshell .flare{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,#f4f8e8,rgba(157,191,90,.6) 40%,transparent 70%);pointer-events:none}.tshell.opened .flare{animation:t-flare 1.3s var(--ease-out) forwards}@keyframes t-flare{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(70);opacity:0}}.tshell .cta{width:min(440px,88vw)}.tshell .notify{display:flex;flex-direction:column;gap:10px}.tshell .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tshell .notify-row{display:flex;gap:8px}.tshell .notify-in{flex:1;min-width:0;font:inherit;font-size:1rem;letter-spacing:0;padding:13px 18px;border-radius:999px;border:1px solid rgba(237,232,223,.18);background:#14120fa8;color:var(--ink);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s var(--ease)}.tshell .notify-in::placeholder{color:var(--ink3)}.tshell .notify-in:focus{outline:none;border-color:var(--lime)}.tshell .btn.primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:1rem;font-weight:700;letter-spacing:-.01em;padding:13px 24px;border:0;border-radius:999px;cursor:pointer;background:var(--ink);color:#14120f;white-space:nowrap;transition:transform .18s var(--ease),box-shadow .3s var(--ease),opacity .18s}.tshell .btn.primary:hover{transform:translateY(-1px);box-shadow:0 0 24px #9dbf5a59}.tshell .btn.primary:disabled{opacity:.6;cursor:default;transform:none}.tshell .notify-msg{margin:0;min-height:0;font-size:.9375rem;color:var(--ink2)}.tshell .notify-msg:empty{display:none}.tshell .notify.ok .notify-row,.tshell .notify.ok .notify-fine{display:none}.tshell .notify.ok .notify-msg{color:var(--ink2);font-size:1rem;line-height:1.55;text-wrap:balance}.tshell .notify.ok .notify-msg b{color:var(--lime);font-weight:700;word-break:break-all}.tshell .notify-again{align-self:center;font:inherit;font-size:.8125rem;color:var(--ink3);background:none;border:0;padding:2px 6px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.tshell .notify-again:hover{color:var(--ink)}.tshell .notify.err .notify-msg{color:var(--pink)}.tshell .notify-alt{margin:0;font-size:.875rem;color:var(--ink3)}.tshell .notify-alt a,.tshell .notify-fine a{color:var(--ink2)}.tshell .notify-fine{margin:0;font-size:.75rem;color:var(--ink3)}.tshell .nb{white-space:nowrap}.tshell .stores{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.tshell .store-btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;padding:12px 20px;border-radius:14px;color:var(--ink);border:1px solid rgba(237,232,223,.18);background:#14120fa8}.tshell .store-btn b{display:block;font-size:1rem}.tshell .store-btn em{display:block;font-style:normal;font-size:.75rem;color:var(--ink3)}.tshell .rise{opacity:0;transform:translateY(14px);animation:t-rise 1s var(--ease-out) forwards}.tshell .rise.r1{animation-delay:.15s}.tshell .rise.r2{animation-delay:.35s}.tshell .rise.r3{animation-delay:.55s}.tshell .rise.r4{animation-delay:.75s}@keyframes t-rise{to{opacity:1;transform:none}}.tshell .bookzone{opacity:0;animation:t-fadein 1.8s var(--ease) .45s forwards}@keyframes t-fadein{to{opacity:1}}@media(prefers-reduced-motion:reduce){.tshell *,.tshell{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}.tshell .rise,.tshell .bookzone{opacity:1;transform:none}}@media(max-width:600px){.tshell{padding:18px 22px max(24px,env(safe-area-inset-bottom))}.tshell .top .toplabel{display:none}.tshell .stage{gap:22px;padding:30px 0 34px}.tshell .eyebrow{letter-spacing:.3em}.tshell h1{font-size:clamp(2.2rem,9.6vw,2.75rem)}.tshell .bookzone{height:auto;padding:22px 0 30px}.tshell .book{width:clamp(140px,38vw,168px)}.tshell .lede{font-size:1rem;line-height:1.6}.tshell .cta{width:100%}.tshell .btn.primary{padding:13px 20px}.tshell .notify-msg{font-size:.875rem}.tshell .foot{flex-direction:column;align-items:center;gap:12px;margin-top:8px;font-size:.8125rem}.tshell .foot-legal{justify-content:center;gap:1.25rem}}@media(max-width:600px)and (max-height:600px){.tshell .eyebrow{display:none}.tshell .stage{gap:16px;padding:18px 0 26px}.tshell .bookzone{padding:14px 0 22px}.tshell .book{width:clamp(120px,32vw,140px)}}@media(max-height:660px)and (min-width:601px){.tshell .eyebrow{display:none}}