*{box-sizing:border-box}[hidden]{display:none!important}:root{font-family:"Segoe UI",Inter,sans-serif;color-scheme:dark;--bg:#111416;--panel:#1a1e21;--text:#f2f3ef;--muted:#aaabae;--line:#343639;--accent:#abbfe1;--copper:#d6a477;--iris:#a69bc7;--story:#1c1c20;--shadow:#00000038;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}:root[data-theme=light]{color-scheme:light;--bg:#f5f4f0;--panel:#fffefa;--text:#292a2c;--muted:#6a696d;--line:#dedfd8;--accent:#455f88;--copper:#8e5738;--iris:#76658e;--story:#f0eae4;--shadow:#34251c12}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:48px 28px;background:radial-gradient(ellipse at 16% 25%,#c7814b0b,transparent 55%),radial-gradient(ellipse at 86% 75%,#8176a90c,transparent 55%),var(--bg)}a{color:inherit}.login-card{display:grid;grid-template-columns:1.12fr 1fr;width:min(940px,100%);min-width:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--panel);box-shadow:0 24px 80px var(--shadow)}.login-story{position:relative;isolation:isolate;padding:38px 42px 30px;overflow:hidden;background:radial-gradient(ellipse at 0 10%,#c7814b16,transparent 65%),radial-gradient(ellipse at 95% 95%,#8176a924,transparent 70%),var(--story)}.brand{display:flex;align-items:center;width:fit-content;max-width:100%;text-decoration:none}.brand img{width:48px;height:48px;flex-shrink:0}.login-page .brand-name{flex-basis:142px;width:142px;height:28px}.login-caption{margin:38px 0 16px;color:var(--copper);font-size:10px;font-weight:600;letter-spacing:2px}h1{margin:0 0 18px;font-size:clamp(36px,3.5vw,46px);font-weight:500;line-height:1.09;letter-spacing:-1.8px}.intro{margin:0;font-size:14px;line-height:1.8;color:var(--muted)}.login-art{position:relative;width:220px;height:176px;margin:30px auto 18px;transform:rotate(-9deg)}.login-record{position:absolute;width:156px;height:156px;top:9px;left:7px;transform:translateX(37%);border:1px solid #56515c;border-radius:50%;box-shadow:8px 12px 20px #0003;background:radial-gradient(circle,#19191d 0 3%,#b58c95 3.5% 14%,#30232b 14.5% 15%,transparent 15.5%),repeating-radial-gradient(circle,#242329 0 1px,#17181c 2px 4px)}.login-sleeve{position:absolute;left:0;top:0;width:166px;height:166px;border:1px solid #ffffff35;border-radius:9px;overflow:hidden;box-shadow:0 12px 28px #0003;background:radial-gradient(ellipse at 10% 0,#e6b88899,transparent 65%),linear-gradient(140deg,#a46d50,#704f60 55%,#8176a9)}.sleeve-orbit{position:absolute;width:170px;height:170px;top:30px;left:35px;border:1px solid #f8e7db45;border-radius:50%}.sleeve-orbit::after{content:"";position:absolute;inset:14px;border:1px solid #f8e7db25;border-radius:50%}.login-sleeve img{position:absolute;width:76px;height:76px;top:36px;left:44px;filter:drop-shadow(0 4px 12px #30232b55)}.sleeve-label{position:absolute;bottom:16px;left:16px;color:#fff4ec;font-size:7px;font-weight:600;letter-spacing:1.6px}.login-formats{margin:0;text-align:center;color:var(--muted);font-size:10px;letter-spacing:2px}.login-formats .format-separator{margin-inline:12px;color:var(--iris)}.login-signin{align-self:center;min-width:0;padding:48px 40px}.login-rule{display:block;width:40px;height:3px;margin-bottom:25px;border-radius:3px;background:linear-gradient(90deg,var(--copper),var(--iris))}h2{margin:0 0 12px;font-size:26px;font-weight:500;letter-spacing:-.65px;line-height:1.25}.signin-intro{margin:0 0 30px;color:var(--muted);font-size:14px;line-height:1.7}.google-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;background:#fff;border:1px solid #747775;border-radius:10px;padding:13px 16px;color:#1f1f1f;text-decoration:none;font-size:14px;font-weight:500}.google-button svg{flex-shrink:0}.google-button:hover{background:#f2f3f3}button{font:inherit;cursor:pointer;margin-top:12px;width:100%;min-height:44px;padding:12px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--bg)}button:hover{border-color:var(--accent)}button:disabled{opacity:.6;cursor:wait}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}#login-status{margin:16px 0 0;color:var(--muted);font-size:13px;line-height:1.7}#login-status:empty{display:none}.privacy{display:flex;align-items:flex-start;gap:10px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.privacy svg{flex-shrink:0;margin-top:2px;color:var(--iris)}.privacy p{margin:0;font-size:12px;line-height:1.8;color:var(--text)}.privacy span{color:var(--muted)}#login-status,.intro,.privacy p,.signin-intro{overflow-wrap:anywhere}@media (max-width:720px){body{padding:24px 18px}.login-card{max-width:460px;grid-template-columns:minmax(0,1fr);border-radius:20px}.login-story{padding:28px 30px}.login-caption{margin-top:28px}h1{font-size:38px}.login-art,.login-formats{display:none}.login-signin{padding:30px}.login-rule{display:none}h2{font-size:23px}.signin-intro{margin-bottom:24px}.signin-intro br{display:none}.privacy{margin-top:24px;padding-top:20px}}@media (max-width:360px){body{padding:14px}.login-signin,.login-story{padding:24px}h1{font-size:34px}.intro br{display:none}.google-button{padding-inline:12px;gap:10px}}@media (max-height:650px) and (min-width:721px){body{padding-block:20px}.login-story{padding-block:28px 24px}.login-caption{margin-top:24px}.login-art{margin-block:22px 12px;height:154px;transform:scale(.88) rotate(-9deg);transform-origin:top center;margin-bottom:-2px}}@media (forced-colors:active){.login-rule{background:CanvasText}.login-sleeve{border-color:CanvasText}}.login-record{animation:hero-record-emerge 1.8s cubic-bezier(.22,.61,.36,1) both}.login-sleeve{animation:hero-sleeve-settle 1.8s cubic-bezier(.22,.61,.36,1) both}.login-format{display:inline-block;animation:login-format-reveal 550ms ease-out 220ms backwards}.format-wav{animation-duration:750ms;animation-delay:280ms}.format-flac{animation-duration:950ms;animation-delay:340ms}@keyframes login-format-reveal{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.login-format,.login-record,.login-sleeve{animation:none}}