:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--navy:#05063a;--navy-soft:#151657;--paper:#fff8eb;--cream:#fff0cf;--pink:#f3a5bd;--rose:#db3e62;--green:#3b9c61;--blue:#1688b5;--purple:#5e347d;--gold:#e8a400;--ink-muted:#05063aad;--white-line:#fff8eb47;--safe-top:max(18px, env(safe-area-inset-top));--safe-bottom:max(18px, env(safe-area-inset-bottom));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.scan-canvas{opacity:0;pointer-events:none;width:0;height:0;position:absolute}html,body,.app-shell,.ar-stage{width:100%;min-height:100%;margin:0}body{min-width:320px;min-height:100svh;color:var(--paper);background:var(--navy);overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell,.ar-stage{min-height:100svh}.ar-stage{isolation:isolate;background:radial-gradient(circle at 24% 30%, #f3a5bd3b, transparent 28rem), radial-gradient(circle at 82% 18%, #1688b530, transparent 27rem), var(--navy);position:relative;overflow:hidden}.ar-stage:before{z-index:-1;content:"";opacity:.22;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}a-scene{z-index:0;opacity:0;transition:opacity .28s;inset:0;width:100%!important;height:100%!important;position:absolute!important}body[data-phase=starting] a-scene,body[data-phase=scanning] a-scene,body[data-phase=tracked] a-scene,body[data-phase=lost] a-scene{opacity:1}.a-canvas{width:100%!important;height:100%!important}.camera-shade{z-index:1;pointer-events:none;opacity:0;background:linear-gradient(#05063aad 0%,#0000 24% 62%,#05063ae0 100%);transition:opacity .24s;position:absolute;inset:0}body:not([data-phase=intro]):not([data-phase=collection]):not([data-phase=error]) .camera-shade{opacity:1}.topbar{z-index:5;top:var(--safe-top);pointer-events:none;grid-template-columns:1fr auto auto;align-items:center;gap:12px;display:grid;position:absolute;left:18px;right:18px}body[data-phase=intro] .topbar,body[data-phase=collection] .topbar{display:none}.project-mark{letter-spacing:.08em;align-items:center;gap:10px;font-size:.7rem;font-weight:850;line-height:1;display:flex}.project-mark__word{color:var(--navy);background:linear-gradient(115deg,#68bf7f,#42a7c4 34%,#865598 62%,#e55b78 82%,#ecb315);padding:9px 11px}.status-chip{border:1px solid var(--white-line);min-height:34px;color:var(--paper);letter-spacing:.12em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05063aad;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;font-weight:750;display:flex}.status-chip__dot{background:#fff8eba6;border-radius:50%;width:7px;height:7px}body[data-phase=scanning] .status-chip__dot,body[data-phase=lost] .status-chip__dot{background:var(--pink);animation:1.4s infinite blink;box-shadow:0 0 0 5px #f3a5bd29}body[data-phase=tracked] .status-chip__dot,body[data-phase=demo] .status-chip__dot{background:#76d795}.icon-button,.collection-close{width:40px;height:40px;color:var(--paper);pointer-events:auto;cursor:pointer;background:#05063aa3;border:1px solid;border-radius:50%;font-size:1.55rem;line-height:1;display:none}body:not([data-phase=intro]):not([data-phase=collection]) .icon-button{place-items:center;display:grid}.intro-panel{z-index:8;color:var(--navy);background:radial-gradient(circle at 10% 0%, #f3a5bd6e, transparent 30rem), radial-gradient(circle at 82% 8%, #1688b533, transparent 32rem), var(--paper);transition:opacity .22s,transform .22s;position:absolute;inset:0;overflow:hidden auto}.intro-panel[aria-hidden=true]{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-16px)}.event-banner--desktop{border-bottom:3px solid var(--navy);background:var(--cream);width:100%;overflow:hidden}.event-banner--desktop img{width:100%;height:auto;display:block}.event-banner--mobile{display:none}.landing-actions{width:min(1500px,100%);padding:clamp(34px, 5vw, 76px) clamp(26px, 5vw, 84px) max(42px, var(--safe-bottom));grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(38px,6vw,100px);margin:0 auto;display:grid}.landing-kicker{letter-spacing:.13em;margin:0 0 14px;font-size:clamp(.72rem,1.1vw,.9rem);font-weight:900}.landing-actions h1{max-width:850px;color:var(--navy);letter-spacing:-.075em;margin:0;font-size:clamp(3rem,5.8vw,6.4rem);line-height:.86}.landing-actions__copy>p:last-child{max-width:680px;color:var(--ink-muted);margin:24px 0 0;font-size:clamp(1rem,1.45vw,1.3rem);line-height:1.5}.landing-actions__controls{border:2px solid var(--navy);background:#fff8ebad;padding:clamp(20px,3vw,36px);box-shadow:14px 14px #05063a17}.primary-button,.text-button,.catalog-link{letter-spacing:.08em;cursor:pointer;border-radius:0;min-height:52px;font-size:.78rem;font-weight:850}.primary-button{border:2px solid var(--navy);width:100%;color:var(--paper);background:var(--navy);box-shadow:inset 0 -5px 0 var(--rose);justify-content:space-between;align-items:center;padding:0 18px;display:flex}.primary-button:hover,.primary-button:focus-visible{color:var(--navy);box-shadow:none;background:linear-gradient(105deg,#67bf7e,#47a6c5 35%,#8a569c 63%,#e45c79 82%,#edb317)}.text-button{border:2px solid var(--navy);width:100%;color:var(--navy);background:0 0;margin-top:10px;display:block}.text-button:hover,.text-button:focus-visible{color:var(--paper);background:var(--navy)}.primary-button:focus-visible,.text-button:focus-visible,.icon-button:focus-visible,.collection-close:focus-visible,.book-card:focus-visible,.catalog-link:focus-visible{outline:3px solid var(--rose);outline-offset:4px}.primary-button:disabled{cursor:wait;opacity:.55}.privacy-note{color:var(--ink-muted);text-align:center;margin:12px 0 0;font-size:.76rem;line-height:1.4}.site-credit{width:min(1500px,100% - clamp(40px,10vw,168px));padding:20px 0 max(24px, var(--safe-bottom));border-top:2px solid var(--navy);color:var(--ink-muted);letter-spacing:.05em;text-align:right;text-transform:uppercase;margin:0 auto;font-size:.78rem;font-weight:700}.site-credit strong{color:var(--navy)}.collection-panel{z-index:9;padding:0 clamp(18px, 4vw, 68px) max(36px, var(--safe-bottom));color:var(--navy);background:radial-gradient(circle at 15% 4%, #f3a5bd85, transparent 28rem), radial-gradient(circle at 88% 15%, #1688b538, transparent 32rem), var(--paper);transition:opacity .22s,transform .22s;position:absolute;inset:0;overflow-y:auto}.collection-panel[aria-hidden=true]{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(18px)}.collection-panel__header{z-index:2;padding:max(24px, var(--safe-top)) 0 22px;border-bottom:2px solid var(--navy);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff8ebf0;justify-content:space-between;align-items:center;gap:24px;display:flex;position:sticky;top:0}.collection-panel h2{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4.3vw,4.8rem);line-height:.92}.collection-close{color:var(--navy);background:0 0;flex:none;place-items:center;display:grid}.collection-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(18px,2.4vw,36px);padding:clamp(26px,4vw,58px) 0;display:grid}.book-card{min-width:0;color:var(--navy);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.book-card img{aspect-ratio:2/3;object-fit:cover;border:2px solid var(--navy);width:100%;transition:transform .18s,box-shadow .18s;display:block;box-shadow:8px 9px #db3e6233}.book-card:hover img,.book-card:focus-visible img{transform:translateY(-6px)rotate(-1deg);box-shadow:12px 14px #1688b53d}.book-card__copy{gap:5px;margin-top:16px;display:grid}.book-card__copy strong{overflow-wrap:anywhere;font-size:clamp(.95rem,1.5vw,1.3rem);line-height:1.05}.book-card__copy>span:last-child{color:var(--ink-muted);font-size:.82rem;line-height:1.3}.book-card__index{color:var(--rose);letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.64rem;font-weight:800}.scan-guide{z-index:3;aspect-ratio:299/450;opacity:0;pointer-events:none;width:min(64vw,310px);transition:opacity .28s,transform .28s;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)scale(.96)}body[data-phase=starting] .scan-guide,body[data-phase=scanning] .scan-guide,body[data-phase=lost] .scan-guide{opacity:1;transform:translate(-50%,-50%)scale(1)}.corner{border-color:var(--paper);border-style:solid;width:34px;height:34px;position:absolute}.corner--tl{border-width:2px 0 0 2px;top:0;left:0}.corner--tr{border-width:2px 2px 0 0;top:0;right:0}.corner--bl{border-width:0 0 2px 2px;bottom:0;left:0}.corner--br{border-width:0 2px 2px 0;bottom:0;right:0}.scan-line{background:var(--pink);height:2px;box-shadow:0 0 18px var(--pink);animation:2.2s ease-in-out infinite scan;position:absolute;left:10px;right:10px}.scan-guide__label{width:max-content;color:var(--navy);letter-spacing:.1em;background:var(--paper);padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;font-weight:850;position:absolute;bottom:-34px;left:50%;transform:translate(-50%)}.scan-footer{z-index:4;right:18px;bottom:var(--safe-bottom);color:#fff8ebd1;letter-spacing:.08em;align-items:center;gap:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem;font-weight:750;display:none;position:absolute;left:18px}body[data-phase=starting] .scan-footer,body[data-phase=scanning] .scan-footer,body[data-phase=lost] .scan-footer{display:flex}.scan-footer__rule{background:var(--white-line);flex:1;height:1px}.result-panel{z-index:6;right:12px;bottom:var(--safe-bottom);max-width:590px;max-height:min(44svh,410px);color:var(--navy);background:var(--paper);margin:auto;padding:14px 18px 18px;transition:opacity .26s,transform .35s cubic-bezier(.2,.9,.2,1);position:absolute;left:12px;overflow-y:auto;transform:translateY(0);box-shadow:14px 14px #db3e6257,0 24px 90px #00000080}.result-panel[aria-hidden=true]{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(calc(100% + 28px))}.result-panel__handle{background:#05063a42;width:36px;height:3px;margin:0 auto 14px}.result-panel__header{justify-content:space-between;align-items:start;gap:18px;display:flex}.result-panel h2,.error-panel h2{letter-spacing:-.05em;margin:0;font-size:clamp(1.7rem,7vw,2.65rem);line-height:.95}.eyebrow{color:var(--rose);letter-spacing:.12em;margin:0 0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;font-weight:800}.match-badge{color:var(--paper);letter-spacing:.08em;background:var(--navy);flex:none;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem;font-weight:850}.result-panel__summary{margin:18px 0;font-size:1rem;line-height:1.5}.result-panel__meta{letter-spacing:.06em;text-transform:uppercase;border-top:1px solid #05063a38;border-bottom:1px solid #05063a38;flex-wrap:wrap;gap:8px 18px;padding:12px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;font-weight:750;display:flex}.catalog-link{color:var(--navy);justify-content:space-between;align-items:center;margin-top:12px;text-decoration:none;display:flex}.demo-card{z-index:5;aspect-ratio:2/3;perspective:900px;width:min(43vw,210px);transform-style:preserve-3d;display:none;position:absolute;top:37%;left:50%;transform:translate(-50%,-50%)}body[data-phase=demo] .demo-card,body[data-phase=tracked][data-recognition-source=qr] .demo-card{display:block}.demo-card__float{transform-style:preserve-3d;animation:2.5s ease-in-out infinite alternate book-hover;position:absolute;inset:0}.demo-card__book{--book-depth:22px;transform-style:preserve-3d;animation:6s linear infinite book-spin;position:absolute;inset:0}.demo-card__face,.demo-card__edge{backface-visibility:hidden;display:block;position:absolute;overflow:hidden}.demo-card__face{border:2px solid #fff8ebe6;inset:0}.demo-card__face--front{background:var(--paper);transform:translateZ(calc(var(--book-depth) / 2));box-shadow:0 0 52px #f3a5bd57}.demo-card__face--back{color:var(--paper);background:radial-gradient(circle at 72% 22%, #f3a5bd7a, transparent 34%), linear-gradient(145deg, #161759, var(--navy));transform:rotateY(180deg) translateZ(calc(var(--book-depth) / 2));place-items:center;display:grid}.demo-card__face--back span{letter-spacing:-.08em;text-align:center;font-size:clamp(1.6rem,8vw,2.6rem);font-weight:950;line-height:.8}.demo-card img{object-fit:cover;width:100%;height:100%;display:block}.demo-card__edge{width:var(--book-depth);backface-visibility:visible;top:0;bottom:0}.demo-card__edge--spine{background:linear-gradient(90deg, #581828, var(--rose));transform:translateX(calc(var(--book-depth) / -2)) rotateY(-90deg);left:0}.demo-card__edge--pages{transform:translateX(calc(var(--book-depth) / 2)) rotateY(90deg);background:repeating-linear-gradient(0deg,#efe3ca 0 2px,#fff8eb 2px 5px);right:0}.demo-card__shadow{z-index:-1;filter:blur(15px);background:#00000094;border-radius:50%;height:28px;animation:2.5s ease-in-out infinite alternate book-shadow;position:absolute;bottom:-42px;left:8%;right:8%}.error-panel{z-index:7;right:16px;bottom:var(--safe-bottom);max-width:520px;color:var(--navy);border:2px solid var(--navy);background:var(--paper);margin:auto;padding:24px;transition:opacity .22s,transform .22s;position:absolute;left:16px;box-shadow:14px 14px #db3e6257}.error-panel[aria-hidden=true]{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(18px)}.error-panel>p:not(.eyebrow){color:var(--ink-muted);margin:14px 0 0;line-height:1.5}.error-panel__actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.error-panel__actions .text-button{margin-top:0}@keyframes scan{0%,to{opacity:.45;top:8%}50%{opacity:1;top:91%}}@keyframes blink{50%{opacity:.35}}@keyframes book-hover{0%{transform:translateY(7px)rotate(-2deg)}to{transform:translateY(-9px)rotate(1deg)}}@keyframes book-spin{0%{transform:rotateX(-5deg)rotateY(0)}to{transform:rotateX(-5deg)rotateY(360deg)}}@keyframes book-shadow{0%{opacity:.72;transform:scale(1)}to{opacity:.42;transform:scale(.78)}}@media (width>=760px){.topbar{top:28px;left:30px;right:30px}.result-panel{width:440px;margin:0;bottom:30px;left:auto;right:30px}.scan-guide{width:min(32vw,330px)}}@media (width<=1050px){.landing-actions{grid-template-columns:1fr;gap:30px}.landing-actions__controls{max-width:620px}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=720px){.event-banner--desktop{display:none}.event-banner--mobile{min-height:56svh;padding:max(22px, var(--safe-top)) 20px 26px;border-bottom:3px solid var(--navy);background:radial-gradient(circle at 10% 12%, #f3a5bdb8, transparent 36%), radial-gradient(circle at 92% 18%, #1688b56b, transparent 34%), radial-gradient(circle at 70% 96%, #e8a40057, transparent 38%), var(--paper);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.event-banner--mobile:before,.event-banner--mobile:after{content:"";opacity:.45;filter:blur(28px);border-radius:50%;width:130px;height:130px;position:absolute}.event-banner--mobile:before{background:#56b87a;top:30%;left:-50px}.event-banner--mobile:after{background:#e55878;bottom:8%;right:-42px}.partner-lockup{z-index:1;color:var(--navy);align-items:center;gap:10px;display:flex;position:relative}.partner-lockup strong{border-right:1px solid var(--navy);padding-right:10px;font-family:Georgia,Times New Roman,serif;font-size:1.45rem}.partner-lockup span{letter-spacing:.04em;max-width:210px;font-size:.5rem;font-weight:800;line-height:1.25}.mobile-wordmark{z-index:1;letter-spacing:-.1em;margin:auto 0;font-weight:950;line-height:.68;display:grid;position:relative}.mobile-wordmark__let{font-size:clamp(4.6rem,25vw,8rem)}.mobile-wordmark__books{color:#0000;background:linear-gradient(100deg,#369c59 4%,#148bb7 29%,#62347d 54%,#df3e63 75%,#e7a900 96%);-webkit-background-clip:text;background-clip:text;font-size:clamp(5rem,26vw,8.5rem);line-height:.82}.mobile-wordmark__be{justify-self:end;margin-right:8%;font-size:clamp(3.7rem,20vw,6.8rem)}.event-banner--mobile>p{z-index:1;text-align:right;margin:0;font-size:.78rem;font-weight:800;position:relative}.mobile-event-meta{z-index:1;gap:2px;margin-bottom:16px;font-size:.74rem;font-weight:800;display:grid;position:relative}.mobile-event-meta strong{letter-spacing:.03em;font-size:1rem}.landing-actions{padding:34px 20px max(34px, var(--safe-bottom));display:block}.landing-actions h1{font-size:clamp(2.8rem,14vw,4.8rem)}.landing-actions__copy>p:last-child{margin-top:18px}.landing-actions__controls{margin-top:28px;padding:16px;box-shadow:8px 9px #05063a17}.site-credit{text-align:left;width:calc(100% - 40px)}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.collection-panel__header{align-items:start}.collection-panel h2{font-size:clamp(2rem,10vw,3.4rem)}}@media (height<=680px) and (width<=759px){.event-banner--mobile{min-height:78svh}.instruction,.privacy-note{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}