:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff8f2;background:#070307;font-synthesis:none}*{box-sizing:border-box}html,body,#root,.app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}.canvas{position:absolute!important;inset:0;background:radial-gradient(circle at 50% 45%,#29090f 0,#0d0408 35%,#050205 75%)}button{color:inherit}.login,.gate{min-height:100%;display:grid;place-content:center;text-align:center;padding:24px;position:relative;background:radial-gradient(circle at 50% 42%,#45101f 0,#16070d 25%,#070307 63%)}.stars,.stars:after{position:absolute;inset:0;content:"";background-image:radial-gradient(#fff 1px,transparent 1px);background-size:51px 51px;opacity:.18}.stars:after{transform:translate(20px,30px);background-size:79px 79px}.loginCard{z-index:1;width:min(440px,calc(100vw - 32px));padding:42px 38px;border:1px solid #ffffff22;border-radius:28px;background:#11070ccf;box-shadow:0 32px 90px #000,0 0 80px #9b274029;backdrop-filter:blur(20px)}h1,h2,p{margin-top:0}.loginCard h1,.gate h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,5vw,58px);line-height:1.06;margin:10px 0 18px}.loginCard>p:not(.eyebrow){color:#cbb8b5;line-height:1.55}.mark{font-size:38px;color:#e5ad7c;text-shadow:0 0 24px #ff6e52}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;color:#ddb187}.login label{text-align:left;display:grid;gap:8px;margin:28px 0 14px;color:#d9c9c6;font-size:13px}.login input{height:52px;border:1px solid #ffffff25;border-radius:13px;background:#ffffff0b;color:#fff;padding:0 16px;outline:none}.login input:focus{border-color:#d79275;box-shadow:0 0 0 3px #d7927522}.primary,.message button{border:0;border-radius:999px;padding:15px 25px;background:linear-gradient(135deg,#c6555d,#8c233d);box-shadow:0 10px 35px #9d263956;cursor:pointer;width:100%}.primary:disabled{opacity:.55}.error{color:#ff9a9a!important;font-size:13px}.gate{z-index:20}.gateGlow{position:absolute;width:180px;height:180px;border-radius:50%;left:50%;top:22%;transform:translate(-50%);background:#e82d52;filter:blur(80px);opacity:.3}.gate>*:not(.gateGlow){z-index:1}.gate p:not(.eyebrow){color:#d5c0bd;font-size:18px}.gate .primary{width:auto;margin:24px auto 14px;min-width:240px}.gate small{color:#977f7d}.splash,.message{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#080307;color:#cdb8b4;text-align:center;padding:24px}.splash.overlay{position:absolute;inset:0;z-index:9}.loader{width:44px;height:44px;border:1px solid #ffffff22;border-top-color:#e4a07e;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.message h2{font:400 36px Georgia,serif;color:#fff}.message button{width:auto}.intro{position:fixed;inset:0;z-index:15;display:grid;place-items:center;background:#030103;pointer-events:auto}.introStar{position:absolute;width:280px;height:280px;border-radius:50%;background:#a61c35;box-shadow:0 0 70px 30px #b42638,0 0 180px 70px #52101f}.introTitle{z-index:1;text-align:center}.introTitle h2{font:400 clamp(36px,7vw,72px) Georgia,serif}.introTitle p{color:#d5ad9a;letter-spacing:.18em;text-transform:uppercase;font-size:11px}.skip{position:absolute;right:24px;top:24px;background:none;border:1px solid #ffffff30;border-radius:99px;padding:9px 16px;cursor:pointer}.toolbar{position:fixed;z-index:5;top:max(18px,env(safe-area-inset-top));right:18px;display:flex;gap:8px}.toolbar button,.years button{border:1px solid #ffffff1b;background:#150b10b8;backdrop-filter:blur(12px);border-radius:99px;min-width:42px;height:42px;padding:0 13px;cursor:pointer}.toolbar span{margin-left:5px}.years{position:fixed;z-index:5;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);max-width:min(900px,calc(100vw - 32px));display:flex;overflow:auto;gap:7px;padding:7px;border-radius:99px;background:#0e080bb8;scrollbar-width:none}.years button{height:36px;color:#c8aaa3}.years button.active{background:#9f3949;color:#fff;border-color:#e39a87}.hint{position:fixed;z-index:5;left:50%;top:20%;transform:translate(-50%);white-space:nowrap;padding:11px 18px;border:1px solid #ffffff1b;background:#120a0ecf;border-radius:99px;color:#e2ceca;animation:hint 5s both}@keyframes hint{0%,to{opacity:0;transform:translate(-50%,8px)}15%,80%{opacity:1;transform:translate(-50%)}}.viewer{position:fixed;inset:0;z-index:30;background:#030103e8;backdrop-filter:blur(14px);display:grid;place-items:center}.viewer figure{margin:0;max-width:min(84vw,1200px);max-height:88vh;display:flex;flex-direction:column;align-items:center}.viewer img{display:block;max-width:100%;max-height:76vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 90px #000}.viewer figcaption{display:grid;text-align:center;gap:3px;margin-top:14px}.viewer figcaption strong{font:400 24px Georgia,serif;color:#edc19d}.viewer figcaption span,.viewer figcaption small{color:#c6afaa}.viewer figcaption small{font-size:11px}.viewer button{position:absolute;border:0;background:#ffffff10;border-radius:50%;width:46px;height:46px;font-size:28px;cursor:pointer;z-index:2}.viewerClose{right:22px;top:22px}.viewerPrev{left:22px;top:50%}.viewerNext{right:22px;top:50%}.fallback{height:100%;overflow:auto;padding:70px max(20px,5vw);background:radial-gradient(circle at top,#300c16,#080307 500px)}.fallback header{max-width:700px;margin:auto;text-align:center}.fallback header h1{font:400 clamp(38px,6vw,70px) Georgia,serif}.fallback section{max-width:1200px;margin:60px auto}.fallback section h2{font:400 34px Georgia,serif;color:#e8b18f}.fallback section>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.fallback section button{border:0;background:none;padding:0;cursor:pointer}.fallback img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px}.fallback img:hover{transform:scale(1.02)}@media(max-width:600px){.loginCard{padding:32px 22px}.toolbar{left:12px;right:12px;justify-content:center}.toolbar span{display:none}.hint{top:auto;bottom:90px;white-space:normal;width:max-content;max-width:90vw;text-align:center}.viewerPrev,.viewerNext{top:auto!important;bottom:25px}.viewer figure{max-width:94vw}.viewer img{max-height:72vh}.years{bottom:max(12px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{color:#fbfaff;background:#03040d}.canvas{background:radial-gradient(circle at 8% 17%,rgba(255,255,255,.7) 0 1px,transparent 1.4px),radial-gradient(circle at 67% 31%,rgba(190,181,255,.65) 0 1px,transparent 1.5px),radial-gradient(circle at 28% 78%,rgba(255,226,181,.5) 0 1px,transparent 1.4px),radial-gradient(circle at 88% 69%,rgba(255,255,255,.55) 0 1px,transparent 1.5px),radial-gradient(ellipse at 50% 44%,#4f39a447 0,#0f0e30c2 32%,#03040d 75%),radial-gradient(circle at 18% 72%,rgba(30,64,130,.18),transparent 35%);background-size:173px 163px,227px 211px,281px 269px,337px 319px,auto,auto}.center-copy{position:fixed;z-index:4;top:calc(50% + clamp(112px,14vh,150px));left:50%;width:min(520px,calc(100vw - 48px));transform:translate(-50%);text-align:center;pointer-events:none;transition:opacity .55s ease,transform .55s ease;filter:drop-shadow(0 3px 12px #03040d) drop-shadow(0 0 22px rgba(3,4,13,.9))}.center-copy h1{margin:0;color:#f4dfb7;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,3.2vw,52px);font-weight:400;line-height:1.05;letter-spacing:-.025em}.center-copy p{margin:10px 0 0;color:#c9c3e6;font-size:clamp(11px,1.1vw,15px);line-height:1.35;letter-spacing:.12em;text-transform:uppercase}.center-copy--hidden{opacity:0;transform:translate(-50%,10px)}.login,.gate{background:radial-gradient(circle at 50% 40%,#563eb880 0,#111035eb 30%,#03040d 68%),linear-gradient(135deg,#050719,#0d0922)}.loginCard{background:#090a1fd1;border-color:#beb4ff33;box-shadow:0 32px 100px #01020a,0 0 90px #664edc38}.mark,.loginCard .eyebrow,.gate .eyebrow{color:#e3d4ff;text-shadow:0 0 28px rgba(155,125,255,.75)}.primary,.message button{background:linear-gradient(135deg,#7663d8,#3f4d9d);box-shadow:0 12px 38px #5846ca6b}.gateGlow{background:#7963e8;box-shadow:0 0 100px #ffcd8b40}.toolbar button,.years button,.hint{background:#0a0b23b8;border-color:#beb4ff2e}.year-picker{position:fixed;z-index:6;bottom:max(18px,env(safe-area-inset-bottom));left:50%;display:flex;align-items:center;gap:10px;min-width:230px;padding:7px 9px 7px 15px;transform:translate(-50%);border:1px solid rgba(190,180,255,.2);border-radius:999px;background:#0a0b23c7;box-shadow:0 12px 45px #00000047;backdrop-filter:blur(16px);color:#a9a2cd;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.year-picker select{flex:1;min-width:0;height:34px;border:0;outline:0;background:transparent;color:#f3edff;cursor:pointer;font:500 14px/1 Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none}.years button.active{color:#fff;background:linear-gradient(135deg,#7865db,#4b55a9);border-color:#bfb1ff}.intro{background:radial-gradient(circle,#171443,#03040d 62%)}.introStar{background:#fff0c0;box-shadow:0 0 55px 20px #ffc66d,0 0 150px 75px #6d52eb8c}.fallback{background:radial-gradient(circle at top,#211b58,#03040d 520px)}@media(max-width:600px){.center-copy{top:calc(50% + 102px);width:min(310px,calc(100vw - 38px))}.center-copy h1{font-size:clamp(25px,8vw,34px)}.center-copy p{margin-top:7px;font-size:9px;letter-spacing:.09em}.year-picker{bottom:max(12px,env(safe-area-inset-bottom));width:min(230px,calc(100vw - 32px))}}
