*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:DM Sans,sans-serif;background:#0a0a14;color:#f0f0f5;-webkit-font-smoothing:antialiased;min-width:350px}:root{--accent: #F5C842;--accent-soft: #F9DB70;--accent-dim: rgba(245, 200, 66, .12);--accent-glow: rgba(245, 200, 66, .3);--bg-base: #0a0a14;--bg-surface: #13131f;--text-primary: #f0f0f5;--text-secondary: #9090b8;--font-display: "Unbounded", sans-serif;--font-body: "DM Sans", sans-serif}.chess-hero{position:relative;width:100%;height:100svh;min-height:600px;background:var(--bg-base);display:flex;align-items:center;justify-content:center;overflow:hidden}.chess-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 20%,transparent 100%);pointer-events:none}.chess-hero:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(ellipse at 50% 0%,var(--accent-dim) 0%,transparent 70%);pointer-events:none}.hero-blob--1{position:absolute;top:-200px;right:-120px;width:500px;height:500px;background:radial-gradient(circle,rgba(245,200,66,.2) 0%,transparent 70%);filter:blur(90px);animation:blob1 10s ease-in-out infinite;will-change:transform;pointer-events:none}.hero-blob--2{position:absolute;bottom:60px;left:-150px;width:420px;height:420px;background:radial-gradient(circle,rgba(245,200,66,.09) 0%,transparent 70%);filter:blur(90px);animation:blob2 13s ease-in-out infinite;will-change:transform;pointer-events:none}.hero-blob--3{position:absolute;top:50%;left:40%;width:360px;height:360px;background:radial-gradient(circle,rgba(245,200,66,.05) 0%,transparent 70%);filter:blur(90px);animation:blob3 9s ease-in-out infinite;will-change:transform;pointer-events:none}@keyframes blob1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,20px) scale(1.05)}66%{transform:translate(20px,-15px) scale(.97)}}@keyframes blob2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(25px,-20px) scale(1.08)}70%{transform:translate(-15px,10px) scale(.95)}}@keyframes blob3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.12)}}.hero-container{position:relative;z-index:1;width:100%;max-width:960px;padding:0 40px}.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-label{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.01em;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(245,200,66,.25);padding:5px 14px;border-radius:20px;margin-bottom:24px}.hero-label-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:label-pulse 2.2s ease-in-out infinite;flex-shrink:0}.hero-headline{font-family:Unbounded,sans-serif;font-size:clamp(2.4rem,6.75vw,5.75rem);font-weight:900;line-height:1.04;letter-spacing:-.04em;color:var(--text-primary);margin:0 0 20px;max-width:900px}.hero-headline em{color:var(--accent);font-style:normal}.hero-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 36px}.hero-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--text-secondary);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:7px 14px;border-radius:20px;white-space:nowrap;transition:border-color .2s,color .2s}.hero-badge:hover{border-color:#f5c84259;color:var(--text-primary)}.hero-input-block{width:100%;max-width:480px}.platform-tabs{display:flex;gap:8px;margin-bottom:12px}.platform-tab{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:.82rem;font-weight:700;padding:9px 18px;border-radius:10px;border:1.5px solid transparent;cursor:pointer;background:#ffffff0a;color:var(--text-secondary);transition:all .18s ease;letter-spacing:.01em}.platform-tab--chesscom{border-color:#81b64c2e}.platform-tab--chesscom:hover{border-color:#81b64c73;color:#a5d46a}.platform-tab--chesscom.active{background:#81b64c24;border-color:#81b64c;color:#a5d46a;box-shadow:0 0 18px #81b64c38,inset 0 0 12px #81b64c0f}.platform-tab--lichess{border-color:#ffffff14}.platform-tab--lichess:hover{border-color:#ffffff38;color:var(--text-primary)}.platform-tab--lichess.active{background:#ffffff12;border-color:#ffffff4d;color:var(--text-primary);box-shadow:0 0 18px #ffffff0f,inset 0 0 12px #ffffff08}.platform-tab-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0;border-radius:5px}.platform-tab-icon--lichess{border-radius:4px;opacity:.75}.platform-tab--lichess:hover .platform-tab-icon--lichess,.platform-tab--lichess.active .platform-tab-icon--lichess{opacity:1}.hero-input-row{display:flex;gap:8px;width:100%}.hero-input{flex:1;padding:13px 16px;background:var(--bg-surface);border:1px solid rgba(245,200,66,.25);border-radius:10px;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .15s;min-width:0}.hero-input::placeholder{color:#5a5a7a}.hero-input:focus{border-color:#f5c84299}.hero-input-error{margin-top:8px;font-size:.82rem;color:#f87171}.cta-primary{padding:13px 22px;background:var(--accent);color:var(--bg-base);border:none;border-radius:10px;font-family:var(--font-body);font-size:.9rem;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 0 40px var(--accent-glow);transition:transform .15s,box-shadow .15s}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 16px 48px #f5c84273}.cta-primary:active{transform:translateY(0)}.hero-login{font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-top:14px}.hero-login-link{color:var(--accent);text-decoration:underline;cursor:pointer}@media (max-width: 768px){.hero-container{padding:0 24px}.hero-input-row{flex-direction:column;max-width:100%}.cta-primary{width:100%;padding:15px}.hero-input-block{width:100%;max-width:100%}}@media (max-width: 480px){.chess-hero{height:auto;min-height:0;overflow:hidden;padding:40px 0}.hero-container{padding:0 20px}.hero-headline{font-size:3.4rem}.hero-subheadline{font-size:.85rem;max-width:100%}.hero-badges{display:none}}.hero-consent-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.hero-consent-modal{background:#1a1a2e;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 16px 48px #0000008c;padding:32px 28px 28px;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.hero-consent-icon{font-size:28px;line-height:1}.hero-consent-title{font-family:Unbounded,sans-serif;font-size:15px;font-weight:900;color:#f0f0f5;margin:0}.hero-consent-body{font-size:13px;color:#9090b8;line-height:1.65;margin:4px 0 8px}.hero-consent-actions{display:flex;gap:8px;width:100%}.hero-consent-btn{font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;padding:10px 16px;border-radius:7px;cursor:pointer;flex:1;transition:opacity .15s,background .15s;border:none}.hero-consent-btn--primary{color:#0d0d1a;background:#f5c842}.hero-consent-btn--primary:hover{opacity:.88}.hero-consent-btn--ghost{color:#9090b8;background:transparent;border:1px solid rgba(255,255,255,.12)}.hero-consent-btn--ghost:hover{color:#f0f0f5;border-color:#ffffff40}.dashboard-page{min-height:100vh;background-color:#eceaf6;background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(0,0,0,.07) 1px,transparent 1px);background-size:24px 24px,28px 28px;background-position:0 0,12px 12px;display:flex;flex-direction:column}.dashboard-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column}.dashboard-main{flex:1;max-width:900px;width:100%;margin:0 auto;padding:16px 20px 40px;display:flex;flex-direction:column}.connect-prompt-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding-bottom:80px}.dash-header{background:#0d0d1a;border-bottom:1px solid rgba(245,200,66,.1);padding:0 24px;height:76px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.dash-logo{display:flex;align-items:center;gap:10px;font-family:Unbounded,sans-serif;font-size:16px;font-weight:900;color:#f5c842}.dash-logo-icon{width:38px;height:38px;object-fit:contain;flex-shrink:0}.dash-nav{display:flex;align-items:center;gap:4px}.dash-nav-link{background:none;border:none;font-family:var(--font-body, "DM Sans", sans-serif);font-size:.85rem;font-weight:600;color:#6060a0;padding:6px 14px;border-radius:8px;cursor:pointer;transition:color .15s,background .15s}.dash-nav-link:hover{color:#f0f0f5;background:#ffffff0f}.dash-nav-link.active{color:var(--accent, #F5C842);background:#f5c84214}.dash-header-right{display:flex;align-items:center;gap:12px}.dash-header-actions{display:flex;gap:8px;align-items:center}.dash-header-divider{color:#ffffff26;font-size:16px;-webkit-user-select:none;user-select:none}.dash-lang-switcher{display:flex;gap:4px}.dash-lang-btn{font-size:11px;font-weight:600;color:#6060a0;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:5px 10px;cursor:pointer;transition:all .15s;white-space:nowrap}.dash-lang-btn:hover{color:#c0c0d8;border-color:#fff3}.dash-lang-btn.active{color:#f5c842;border-color:#f5c8424d;background:#f5c84214}.pro-pill{display:inline-flex;align-items:center;gap:6px;background:#f5c8420f;border:1.5px solid rgba(245,200,66,.4);border-radius:7px;padding:5px 13px;white-space:nowrap;-webkit-user-select:none;user-select:none}.pro-pill-queen{font-size:16px;color:#f5c842;line-height:1}.pro-pill-label{font-size:11px;font-weight:800;color:#f5c842;letter-spacing:.08em}.credits-pill-wrapper{position:relative}.credits-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#f5c842;background:#f5c8421a;border:1px solid rgba(245,200,66,.25);border-radius:6px;padding:5px 12px;white-space:nowrap;-webkit-user-select:none;user-select:none}.credits-pill--btn{cursor:pointer;transition:background .15s,border-color .15s}.credits-pill--btn:hover,.credits-pill--open{background:#f5c8422e;border-color:#f5c84273}.credits-pill-caret{color:#f5c84299;transition:transform .2s}.credits-pill--open .credits-pill-caret{transform:rotate(180deg)}@keyframes credits-flash{0%{background:#f5c8421a;border-color:#f5c84240}35%{background:#f5c84247;border-color:#f5c842b3}to{background:#f5c8421a;border-color:#f5c84240}}.credits-pill--flash{animation:credits-flash .6s ease}.credits-pill--page{margin-left:auto;align-self:center;font-size:12px}.credits-pill-detail{font-weight:500;font-size:10px;color:#f5c842a6;margin-left:2px}.credits-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:100;background:#1a1a2e;border:1px solid rgba(245,200,66,.2);border-radius:10px;padding:14px 16px 12px;min-width:240px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;gap:10px;animation:popover-in .15s ease}@keyframes popover-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.credits-popover-title{font-size:11px;font-weight:700;color:#6060a0;text-transform:uppercase;letter-spacing:.07em;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}.credits-popover-row{display:flex;align-items:flex-start;gap:10px}.credits-popover-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:7px}.credits-popover-dot--daily{background:#f5c842}.credits-popover-dot--permanent{background:#a090f0}.credits-popover-max{font-size:13px;font-weight:600;color:#4a4a6a}.credits-popover-info{display:flex;flex-direction:column;gap:2px;flex:1}.credits-popover-main{display:flex;align-items:baseline;gap:5px}.credits-popover-value{font-size:20px;font-weight:800;color:#f0f0f5;line-height:1}.credits-popover-label{font-size:11px;font-weight:600;color:#6060a0}.credits-popover-hint{font-size:10px;color:#4a4a6a}.credits-popover-add-btn{width:100%;padding:8px;background:#f5c8421a;border:1px solid rgba(245,200,66,.25);border-radius:6px;font-family:var(--font-body, "DM Sans", sans-serif);font-size:11px;font-weight:700;color:#f5c842;cursor:pointer;transition:background .15s,border-color .15s}.credits-popover-add-btn:hover{background:#f5c8422e;border-color:#f5c84273}.credits-popover-rule{font-size:10px;font-weight:600;color:#4a4a6a;text-align:center;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}.dash-mobile-credits{display:flex;flex-direction:column;gap:3px;padding:10px 16px;background:#f5c8420f;border-radius:8px;margin:4px 12px}.dash-mobile-credits-row{font-size:12px;font-weight:700;color:#f5c842}.dash-mobile-credits-hint{font-size:10px;color:#6060a0}.unlock-error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:8px;padding:10px 14px;font-size:12px;font-weight:500;color:#fca5a5;margin-bottom:4px}.unlock-error-close{background:none;border:none;color:#fca5a5;cursor:pointer;font-size:13px;padding:0 2px;flex-shrink:0;opacity:.7;transition:opacity .15s}.unlock-error-close:hover{opacity:1}.dash-btn-logout{font-size:12px;font-weight:600;color:#f87171;background:transparent;border:1px solid rgba(248,113,113,.35);border-radius:6px;padding:7px 14px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.dash-btn-logout:hover{background:#f871711a;border-color:#f8717199;color:#fca5a5}.dash-btn-ghost{font-size:12px;font-weight:600;color:#9090b8;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:7px 14px;cursor:pointer;transition:border-color .15s,color .15s}.dash-btn-ghost:hover{border-color:#ffffff47;color:#f0f0f5}.dash-btn-primary{font-size:12px;font-weight:700;color:#0d0d1a;background:#f5c842;border:none;border-radius:6px;padding:7px 14px;cursor:pointer;transition:opacity .15s}.dash-btn-primary:hover{opacity:.88}.progress-section{background:#0d0d1a;border-bottom:1px solid rgba(255,255,255,.05);padding:12px 20px;transition:opacity .4s,max-height .5s,padding .4s;max-height:120px;overflow:hidden}.progress-section.done{opacity:0;max-height:0;padding:0}.prog-row{margin-bottom:8px}.prog-row:last-child{margin-bottom:0}.prog-row-top{display:flex;justify-content:space-between;margin-bottom:4px}.prog-label{font-size:11px;font-weight:600;color:#6060a0}.prog-display{font-size:11px;font-weight:700;color:#9090b8}.prog-bar-track{height:4px;background:#ffffff12;border-radius:2px;overflow:hidden}.prog-bar-fill{height:4px;border-radius:2px;background:#f5c842;transition:width .3s ease}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.platform-tabs-dash{display:flex;gap:4px}.dash-tab{font-size:12px;font-weight:600;color:#5a5a80;background:#ffffff80;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:6px 14px;cursor:pointer;transition:all .15s}.dash-tab:hover{color:#1a1a2e;border-color:#0003;background:#fffc}.dash-tab.active{color:#a07c08;border-color:#a07c0859;background:#f5c84226}.tc-filters{display:flex;gap:4px;padding:2px}.tc-btn{font-size:11px;font-weight:600;color:#2e2e50;background:#ffffffc7;border:1px solid rgba(0,0,0,.12);border-radius:5px;padding:5px 11px;cursor:pointer;transition:all .15s;white-space:nowrap}.tc-btn:hover{color:#0d0d1a;border-color:#00000038;background:#fffffff2}.tc-btn.active{color:#7a5a00;border-color:#0000001f;background:#ffffffc7;box-shadow:0 0 0 1.5px #c49a00}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.metric-card{background:#1a1a2e;border-radius:8px;padding:11px 13px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 16px #0000002e}.metric-label{font-size:10px;font-weight:600;color:#6060a0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.metric-value{font-size:19px;font-weight:700;color:#f0f0f5}.metric-value.up{color:#4ade80}.metric-value.down{color:#f87171}.metric-sub{font-size:10px;color:#6060a0;margin-top:1px}.openings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.opening-panel{background:#1a1a2e;border-radius:8px;padding:12px 14px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 16px #0000002e}.opening-panel-title{font-size:10px;font-weight:700;color:#6060a0;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.opening-empty{font-size:11px;padding:8px 0;color:#6060a0}.opening-row{display:flex;align-items:center;gap:7px;margin-bottom:7px}.opening-row:last-child{margin-bottom:0}.opening-name{font-size:11px;font-weight:600;color:#f0f0f5;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opening-bar-wrap{width:70px;height:3px;background:#ffffff12;border-radius:2px;flex-shrink:0;overflow:hidden}.opening-bar-fill{height:3px;border-radius:2px;transition:width .4s ease}.opening-win-rate{font-size:11px;font-weight:700;min-width:30px;text-align:right}.opening-games{font-size:10px;color:#6060a0;min-width:24px;text-align:right}.opportunities-card{background:#1a1a2e;border-radius:8px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 16px #0000002e;overflow:hidden;margin-bottom:10px}.card-title{font-size:11px;font-weight:700;color:#6060a0;text-transform:uppercase;letter-spacing:.06em;padding:12px 15px 10px;border-bottom:1px solid rgba(255,255,255,.05)}.opportunities-empty{font-size:12px;color:#6060a0;padding:20px 15px}.opportunity-row{display:flex;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .15s}.opportunity-row:last-of-type{border-bottom:none}.opportunity-row:hover{background:#f5c8420d}.opportunity-row.expanded{background:#f5c84214}.rank-num{font-size:11px;font-weight:700;color:#f5c842;min-width:24px}.rank-info{flex:1;min-width:0}.rank-name{font-size:12px;font-weight:600;color:#f0f0f5}.rank-detail{font-size:10px;color:#6060a0;margin-top:2px}.rank-impact{font-size:11px;font-weight:700;background:#f5c8421f;color:#f5c842;padding:3px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0}.rank-chevron{font-size:12px;color:#6060a0;transition:transform .2s;display:inline-block;flex-shrink:0}.rank-chevron.open{transform:rotate(180deg)}.insight-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 15px;border-top:1px solid rgba(245,200,66,.14);background:#f5c8420a}.insight-block{background:#0d0d1a;border-radius:7px;padding:10px 11px;border:1px solid rgba(255,255,255,.05)}.insight-tag{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.insight-text{font-size:11px;color:#c0c0d8;line-height:1.45}.insight-link{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#f5c842;text-decoration:none;margin-top:6px;border:1px solid rgba(245,200,66,.22);padding:3px 8px;border-radius:4px}.insight-link:hover{background:#f5c8421a}.preview-banner{background:#ffffff8c;border:1px solid rgba(160,124,8,.22);border-radius:8px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.preview-banner p{font-size:12px;color:#5a5a7a;line-height:1.5}.preview-banner strong{color:#1a1a2e}.preview-banner button{font-size:11px;font-weight:700;padding:8px 16px;background:#f5c842;color:#1a1a2e;border:none;border-radius:6px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.preview-banner button:hover{opacity:.88}.dash-username-row{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}.dash-username{font-family:Unbounded,sans-serif;font-size:15px;font-weight:900;color:#1a1a2e}.dash-username-platform{font-size:11px;color:#7070a0;font-weight:600}.dash-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:7px;cursor:pointer;padding:7px 8px;flex-shrink:0;transition:border-color .15s}.dash-hamburger:hover{border-color:#ffffff40}.dash-hamburger span{display:block;width:100%;height:2px;background:#9090b8;border-radius:2px;transition:transform .25s ease,opacity .2s ease;transform-origin:center}.dash-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.dash-hamburger.open span:nth-child(2){opacity:0}.dash-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.dash-mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9}.dash-mobile-menu{display:none;position:fixed;top:76px;left:0;right:0;z-index:10;flex-direction:column;background:#0d0d1a;border-bottom:1px solid rgba(255,255,255,.07);padding:8px 16px 16px;gap:2px;transform:translateY(-8px);opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.dash-mobile-menu.open{opacity:1;transform:translateY(0);pointer-events:auto}.dash-mobile-link{background:none;border:none;font-family:var(--font-body, "DM Sans", sans-serif);font-size:.9rem;font-weight:600;color:#9090b8;text-align:left;padding:11px 12px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s;width:100%}.dash-mobile-link:hover{background:#ffffff0d;color:#f0f0f5}.dash-mobile-link.active{color:#f5c842;background:#f5c84214}.dash-mobile-logout{background:none;border:none;font-family:var(--font-body, "DM Sans", sans-serif);font-size:.9rem;font-weight:600;color:#f87171;text-align:left;padding:11px 12px;border-radius:8px;cursor:pointer;transition:background .15s;width:100%}.dash-mobile-logout:hover{background:#f8717114}.dash-mobile-divider{height:1px;background:#ffffff0f;margin:6px 0}.dash-mobile-lang{display:flex;gap:6px;padding:6px 12px 0}@media (max-width: 768px){.dash-header-right{display:none}.dash-hamburger{display:flex}.dash-mobile-backdrop{display:block}.dash-mobile-menu{display:flex}}.accounts-section{margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.accounts-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.account-chip{display:inline-flex;align-items:center;gap:8px;background:#1a1a2e;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:8px 14px;box-shadow:0 2px 8px #00000026}.account-chip-icon{width:18px;height:18px;object-fit:contain;border-radius:4px;flex-shrink:0}.account-chip-username{font-size:13px;font-weight:700;color:#f0f0f5}.account-chip-platform{font-size:11px;color:#6060a0;font-weight:500}.btn-add-account{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body, "DM Sans", sans-serif);font-size:12px;font-weight:700;color:#0a0a14;background:#f5c842;border:none;border-radius:8px;padding:8px 14px;cursor:pointer;white-space:nowrap;transition:opacity .15s}.btn-add-account:hover{opacity:.88}.btn-settings{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body, "DM Sans", sans-serif);font-size:12px;font-weight:600;color:#3a3a55;background:#00000014;border:1px solid rgba(0,0,0,.28);border-radius:8px;padding:8px 14px;cursor:pointer;transition:color .15s,border-color .15s,background .15s;flex-shrink:0;white-space:nowrap}.btn-settings:hover{background:#00000024;border-color:#0006;color:#1a1a2e}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.modal-box{position:relative;background:#13131f;border-radius:14px;border:1px solid rgba(255,255,255,.07);box-shadow:0 24px 64px #00000080;padding:32px 28px 36px;width:100%;max-width:480px}.modal-close{position:absolute;top:14px;right:16px;background:none;border:none;color:#6060a0;font-size:18px;line-height:1;cursor:pointer;transition:color .15s;padding:0}.modal-close:hover{color:#f0f0f5}.connect-prompt-card{background:#1a1a2e;border-radius:12px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 24px #00000038;padding:32px 28px 36px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:500px;width:100%;margin:24px auto 0}.connect-prompt-title{font-family:Unbounded,sans-serif;font-size:1.1rem;font-weight:900;color:#f0f0f5;margin:0 0 8px}.connect-prompt-sub{font-size:.82rem;color:#6060a0;margin:0 0 28px}.connect-prompt-error{font-size:.78rem;color:#f87171;margin-top:10px;text-align:center}@media (min-width: 401px){.connect-prompt-card .hero-input-row{flex-direction:row}.connect-prompt-card .cta-primary{width:auto;padding:13px 22px}}@media (max-width: 400px){.connect-prompt-card .hero-input-row{flex-direction:column}.connect-prompt-card .cta-primary{width:100%}}.diagnosis-section{display:flex;flex-direction:column;gap:10px}.cache-banner{display:flex;align-items:center;gap:8px;background:#ffffff73;border:1px solid rgba(0,0,0,.08);border-radius:7px;padding:8px 12px;font-size:11px;color:#5a5a7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cache-icon{flex-shrink:0}.cache-text{flex:1;line-height:1.4}.cache-refresh-btn{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-family:var(--font-body, "DM Sans", sans-serif);font-size:11px;font-weight:700;color:#0d0d1a;background:#f5c842;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;white-space:nowrap;transition:opacity .15s}.cache-refresh-btn:hover:not(:disabled){opacity:.88}.cache-refresh-btn:disabled{opacity:.6;cursor:default}.cache-refresh-btn--loading{opacity:.7}@keyframes cache-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cache-refresh-spin{animation:cache-spin .8s linear infinite}.rules-ranking-card{background:#1a1a2e;border-radius:8px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 16px #0000002e;overflow:hidden}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px 10px;border-bottom:1px solid rgba(255,255,255,.05)}.card-meta{font-size:10px;color:#6060a0;white-space:nowrap}.rules-empty{font-size:12px;color:#6060a0;padding:20px 15px}.data-warning-banner{font-size:11px;font-weight:600;padding:8px 15px;border-bottom:1px solid rgba(255,255,255,.04)}.data-warning-banner.low_sample{color:#fbbf24;background:#fbbf2414}.data-warning-banner.very_low_sample{color:#f87171;background:#f8717114}.rule-row{display:flex;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .15s}.rule-row:last-of-type{border-bottom:none}.rule-row:hover{background:#f5c8420d}.rule-row.expanded{background:#f5c84214}.rule-info{flex:1;min-width:0}.rule-label{font-size:12px;font-weight:600;color:#f0f0f5}.rule-stats{font-size:10px;color:#6060a0;margin-top:2px}.severity-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;border:1px solid;white-space:nowrap;flex-shrink:0}.rule-moves-panel{border-top:1px solid rgba(245,200,66,.14);background:#f5c84208;padding:12px 15px}.move-card{position:relative;display:flex;align-items:stretch;background:#0d0d1a;border:1px solid rgba(255,255,255,.07);border-radius:8px;overflow:hidden;transition:border-color .15s}.move-card:hover{border-color:#ffffff24}.move-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#0d0d1ad1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s;cursor:pointer}.move-card:hover .move-lock-overlay{opacity:1;pointer-events:auto}.move-lock-overlay-text{font-size:12px;font-weight:700;color:#0d0d1a;background:#f5c842;border-radius:6px;padding:7px 16px;white-space:nowrap}.move-lock-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-body, "DM Sans", sans-serif);font-size:12px;font-weight:700;color:#0d0d1a;background:#f5c842;border:none;border-radius:6px;padding:8px 18px;cursor:pointer;white-space:nowrap;transition:opacity .15s,transform .1s}@keyframes move-lock-spin{to{transform:rotate(360deg)}}.move-lock-spinner{animation:move-lock-spin .7s linear infinite;flex-shrink:0}.move-lock-btn:hover:not(:disabled){opacity:.88;transform:scale(1.03)}.move-lock-btn:disabled{opacity:.7;cursor:default}.move-lock-btn--loading{opacity:.7;cursor:default}.move-card-accent{width:3px;flex-shrink:0;background:var(--result-color, #9090b8);opacity:.8}.move-card-body{flex:1;padding:11px 14px 10px;display:flex;flex-direction:column;gap:7px;min-width:0}.move-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.move-card-left{display:flex;align-items:center;gap:8px}.move-platform-icon{width:16px;height:16px;object-fit:contain;border-radius:3px;flex-shrink:0;opacity:.8}.move-san{font-size:15px;font-weight:800;color:#f0f0f5;letter-spacing:-.01em;display:inline-flex;align-items:baseline;gap:1px}.move-san-piece{font-size:17px;line-height:1;color:#f5c842;font-weight:400}.move-san-coord{font-size:15px;font-weight:800;color:#f0f0f5}.move-num{font-size:10px;color:#6060a0;font-weight:500}.move-color-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;padding:2px 8px 2px 6px;border-radius:20px;letter-spacing:.03em;flex-shrink:0;background:#9090b81c;color:#a0a0c8;border:1px solid rgba(144,144,184,.28)}.move-color-badge-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.move-card-context{display:flex;flex-direction:column;gap:5px}.move-card-right{display:flex;align-items:center;gap:7px;flex-shrink:0}.move-result-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:4px;border:1px solid;white-space:nowrap;flex-shrink:0}.move-best-inline{font-size:11px;font-weight:700;color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.2);border-radius:4px;padding:2px 7px;white-space:nowrap}.move-lock-hint{position:relative}.move-lock-icon{background:none;border:none;font-size:12px;cursor:pointer;padding:2px 4px;opacity:.4;transition:opacity .15s;line-height:1}.move-lock-icon:hover{opacity:.75}.move-lock-popover{position:absolute;top:calc(100% + 6px);right:0;background:#13131f;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;white-space:nowrap;z-index:20;box-shadow:0 8px 24px #0006;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s,transform .15s}.move-lock-hint:hover .move-lock-popover,.move-lock-hint:focus-within .move-lock-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.move-lock-popover-label{font-size:11px;color:#9090b8;font-weight:500}.move-credit-btn-sm{font-family:var(--font-body, "DM Sans", sans-serif);font-size:11px;font-weight:700;color:#0d0d1a;background:#f5c842;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;transition:opacity .15s}.move-credit-btn-sm:hover{opacity:.88}.move-card-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 0;margin-top:5px}.move-rule-badge{font-size:9px;font-weight:700;color:#c49a00;background:#f5c8421a;border:1px solid rgba(196,154,0,.3);border-radius:4px;padding:1px 6px;letter-spacing:.03em;text-transform:uppercase}.move-meta-item{font-size:10px;color:#6060a0;font-weight:500}.move-meta-item+.move-meta-item:before{content:"·";margin:0 5px;opacity:.4}.move-meta-date{font-size:11px;color:#a0a0c8;font-weight:600}.move-card-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:9px;border-top:1px solid rgba(255,255,255,.05);margin-top:2px}.move-action-ghost{font-family:var(--font-body, "DM Sans", sans-serif);font-size:11px;font-weight:600;color:#7070a0;text-decoration:none;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:6px 12px;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.move-action-ghost:hover{color:#c0c0d8;border-color:#ffffff38}.move-action-hero{font-family:var(--font-body, "DM Sans", sans-serif);font-size:11px;font-weight:700;color:#0d0d1a;background:#f5c842;border:none;border-radius:5px;padding:6px 14px;cursor:pointer;white-space:nowrap;transition:opacity .15s;margin-left:auto}.move-action-hero:hover{opacity:.88}.moves-empty{font-size:11px;color:#6060a0;padding:8px 0}.result-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;border:1px solid}.pro-lock{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#0d0d1a;background:#f5c842;border-radius:4px;padding:2px 7px;white-space:nowrap;cursor:pointer;transition:opacity .15s}.pro-lock:hover{opacity:.85}.dash-loading{display:flex;flex-direction:column;gap:8px}.skel-block{height:52px;background:linear-gradient(90deg,#1a1a2e 25%,#22223a,#1a1a2e 75%);background-size:200% 100%;border-radius:8px;animation:skel-shimmer 1.4s ease-in-out infinite}.skel-block.skel-tall{height:40px}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dash-error-banner{background:#f871711a;border:1px solid rgba(248,113,113,.25);border-radius:8px;padding:12px 16px;font-size:12px;color:#fca5a5}.diagnosis-view{display:flex;flex-direction:column;gap:10px}.diagnosis-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:#6060a0;font-weight:500}.diag-meta-dot{opacity:.5}.diag-warning{font-weight:700}.diag-warning.low_sample{color:#fbbf24}.diag-warning.very_low_sample{color:#f87171}.weakness-tabs-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.weakness-tabs{display:flex;gap:4px;min-width:min-content;padding-bottom:2px}.wk-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;background:#1a1a2e;border:1.5px solid rgba(255,255,255,.07);border-radius:7px;cursor:pointer;white-space:nowrap;transition:all .15s;font-family:var(--font-body, "DM Sans", sans-serif)}.wk-tab:hover{border-color:#ffffff2e}.wk-tab.active{border-color:var(--wk-color, #F5C842);background:#22223a;box-shadow:0 2px 12px #00000040}.wk-tab-rank{font-size:10px;font-weight:800;color:#6060a0}.wk-tab.active .wk-tab-rank{color:var(--wk-color, #F5C842)}.wk-tab-label{font-size:12px;font-weight:600;color:#9090b8;max-width:180px;overflow:hidden;text-overflow:ellipsis}.wk-tab.active .wk-tab-label{color:#f0f0f5}.wk-tab-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;opacity:.5}.wk-tab.active .wk-tab-dot{opacity:1}.wk-tab-more{display:inline-flex;align-items:center;padding:8px 12px;background:transparent;border:1.5px solid rgba(255,255,255,.08);border-radius:7px;cursor:pointer;font-size:11px;font-weight:700;color:#6060a0;white-space:nowrap;transition:all .15s;font-family:var(--font-body, "DM Sans", sans-serif)}.wk-tab-more:hover{color:#f0f0f5;border-color:#fff3}.weakness-detail-card{background:#1a1a2e;border-radius:8px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 16px #0000002e;padding:18px 18px 14px;display:flex;flex-direction:column;gap:18px}.wd-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wd-title-group{display:flex;flex-direction:column;gap:4px}.wd-title{font-size:16px;font-weight:700;color:#f0f0f5;margin:0}.wd-description{font-size:14px;color:#c8c8e8;line-height:1.65;margin:0;padding:14px 16px;background:#9090b80f;border-left:3px solid rgba(144,144,184,.25);border-radius:0 6px 6px 0}.wd-secondary-tag{font-size:10px;font-weight:600;color:#6060a0;background:#ffffff0f;border-radius:4px;padding:2px 7px;align-self:flex-start}.wd-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wd-stat-card{background:#0d0d1a;border-radius:7px;padding:12px 14px;border:1px solid rgba(255,255,255,.05)}.wd-stat-label{font-size:9px;font-weight:700;color:#6060a0;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.wd-stat-value{font-size:24px;font-weight:800;color:#f5c842;line-height:1}.wd-stat-sub{font-size:10px;color:#6060a0;margin-top:4px}.wd-chart-section{display:flex;flex-direction:column;gap:8px}.wd-section-title{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;color:#6060a0;text-transform:uppercase;letter-spacing:.07em}.wd-moves-count{background:#ffffff12;border-radius:4px;padding:1px 6px;font-size:10px;color:#9090b8;font-weight:700;letter-spacing:0;text-transform:none}.freq-chart-wrap{display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr auto;gap:0 8px;width:100%}.freq-chart-y-axis{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:2px 0}.freq-chart-y-axis span{font-size:10px;color:#4a4a7a;line-height:1}.freq-chart-plot{grid-column:2;grid-row:1;position:relative;height:96px;cursor:crosshair}.freq-chart-gridline{position:absolute;left:0;right:0;height:1px;background:#9090b814;pointer-events:none}.freq-chart-crosshair{position:absolute;top:0;bottom:0;width:1px;background:#f5c84240;transform:translate(-50%);pointer-events:none}.freq-chart-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#f5c842;border:2px solid #0d0d1a;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 8px #f5c84280}.freq-chart-tooltip{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:#1a1a2e;border:1px solid rgba(245,200,66,.2);border-radius:7px;padding:7px 10px;pointer-events:none;white-space:nowrap;box-shadow:0 4px 16px #0006}.freq-tooltip-value{font-size:15px;font-weight:700;color:#f5c842;line-height:1}.freq-tooltip-date{font-size:10px;color:#6060a0}.freq-chart-x-axis{grid-column:2;grid-row:2;display:flex;justify-content:space-between;padding-top:6px}.freq-chart-x-axis span{font-size:10px;color:#4a4a7a}.freq-chart-legend{grid-column:1 / -1;font-size:12px;color:#6060a0;margin-top:10px;padding:8px 12px;background:#9090b80d;border-radius:6px;border:1px solid rgba(144,144,184,.1)}.freq-chart-legend strong{color:#a0a0c8;font-weight:600}.freq-legend-value{color:#f5c842!important}.chart-empty{font-size:11px;color:#6060a0;padding:12px 0}.wd-moves-section{display:flex;flex-direction:column;gap:8px}.move-date{font-size:10px;color:#6060a0;white-space:nowrap}.wd-see-all-btn{display:block;width:100%;margin-top:14px;padding:11px 16px;background:transparent;border:1.5px solid #F5C842;border-radius:7px;font-family:var(--font-body, "DM Sans", sans-serif);font-size:12px;font-weight:700;color:#f5c842;cursor:pointer;transition:background .15s,color .15s;text-align:center}.wd-see-all-btn:hover{background:#f5c8421a}@media (max-width: 768px){.metrics-row{grid-template-columns:repeat(2,1fr)}.openings-grid,.insight-panel{grid-template-columns:1fr}.btn-settings{display:none}}@media (max-width: 700px){.move-action-hide-mobile{display:none}}@media (max-width: 430px){.move-card-actions{flex-direction:column;align-items:stretch}.move-action-ghost,.move-action-hero{width:100%;text-align:center;margin-left:0}}@media (max-width: 480px){.move-card-left{min-width:0;flex-wrap:wrap;row-gap:4px}.move-card-left:after{content:"";flex-basis:100%;order:5;height:0}.move-rule-badge{order:10}.top-bar{flex-wrap:wrap}.tc-filters{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.tc-filters::-webkit-scrollbar{display:none}.tc-btn{white-space:nowrap}.dashboard-main{padding:12px 14px 32px}}.preview-loading-wrapper{display:flex;justify-content:center;padding:48px 16px}.preview-loading-card{background:#1a1a2e;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:32px;width:100%;max-width:480px}.preview-loading-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.preview-platform-icon{width:36px;height:36px;border-radius:6px;object-fit:contain}.preview-loading-username{font-size:1.1rem;font-weight:600;color:#f0f0f5}.preview-loading-platform{font-size:.8rem;color:#6060a0;margin-top:2px}.preview-loading-desc{font-size:.88rem;color:#6060a0;line-height:1.5;margin-bottom:24px}.preview-steps{display:flex;flex-direction:column;gap:20px}.preview-step{display:flex;flex-direction:column;gap:6px}.preview-step--inactive{opacity:.4}.preview-step-top{display:flex;justify-content:space-between;align-items:center}.preview-step-label{font-size:.85rem;font-weight:500;color:#f0f0f5}.preview-step-status{font-size:.78rem;color:#6060a0}.preview-step--done .preview-step-status{color:#4ade80}.preview-step--failed .preview-step-status{color:#f87171}.preview-step-bar-track{height:6px;background:#ffffff14;border-radius:999px;overflow:hidden}.preview-step-bar-fill{height:100%;background:#f5c842;border-radius:999px;transition:width .4s ease}.preview-step--done .preview-step-bar-fill{background:#4ade80}.preview-step--failed .preview-step-bar-fill{background:#f87171}@keyframes indeterminate{0%{transform:translate(-100%);width:40%}50%{width:60%}to{transform:translate(300%);width:40%}}.preview-step-bar-fill--indeterminate{animation:indeterminate 1.4s ease-in-out infinite;width:40%}.preview-step-count{font-size:.75rem;color:#6060a0}.preview-error-wrapper{display:flex;justify-content:center;padding:48px 16px}.preview-error-card{background:#1a1a2e;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:32px;max-width:420px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.preview-error-icon{font-size:2rem;color:#f87171}.preview-error-card p{font-size:.9rem;color:#6060a0;line-height:1.5;margin:0}.preview-identity{display:flex;align-items:center;gap:12px;margin-bottom:16px}.preview-identity-username{font-size:1.05rem;font-weight:600;color:#1a1a2e}.preview-identity-platform{font-size:.8rem;color:#6060a0;margin-top:2px}.preview-cta-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f5c84214;border:1px solid rgba(245,200,66,.25);border-radius:10px;padding:16px 20px;margin-bottom:20px}.preview-cta-text{font-size:.88rem;color:#4a4a6a;line-height:1.5;flex:1}.preview-cta-text strong{color:#1a1a2e}.preview-cta-btn{flex-shrink:0;padding:10px 20px;background:#f5c842;color:#0e0e1a;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s}.preview-cta-btn:hover{opacity:.88}.preview-sticky-cta{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#eceaf6;border-top:1px solid rgba(0,0,0,.1);padding:14px 20px;margin:32px -20px 0;font-size:.88rem;color:#4a4a6a}@media (max-width: 600px){.preview-cta-banner{flex-direction:column;align-items:flex-start}.preview-cta-btn{width:100%;text-align:center}.preview-sticky-cta{flex-direction:column;align-items:flex-start;gap:10px}.preview-sticky-cta .preview-cta-btn{width:100%;text-align:center}}.login-page{position:relative;width:100%;height:100svh;min-height:600px;background:var(--bg-base);display:flex;align-items:center;justify-content:center;overflow:hidden}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 20%,transparent 100%);pointer-events:none}.login-page:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(ellipse at 50% 0%,var(--accent-dim) 0%,transparent 70%);pointer-events:none}.login-container{position:relative;z-index:1;width:100%;max-width:520px;padding:0 24px}.login-card{background:#13131fb8;border:1px solid rgba(245,200,66,.14);border-radius:20px;padding:48px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 0 60px #00000080,0 0 120px #f5c8420a}.login-label{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.01em;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(245,200,66,.25);padding:5px 14px;border-radius:20px;margin-bottom:28px}.login-label-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:label-pulse 2.2s ease-in-out infinite;flex-shrink:0}@keyframes label-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--accent-glow)}50%{opacity:.6;box-shadow:0 0 0 4px transparent}}.login-headline{font-family:var(--font-display);font-size:clamp(1.8rem,5vw,2.6rem);font-weight:900;line-height:1.1;letter-spacing:-.04em;color:var(--text-primary);margin:0 0 14px}.login-headline em{color:var(--accent);font-style:normal}.login-sub{font-family:var(--font-body);font-size:.85rem;color:var(--text-secondary);line-height:1.55;margin:0 0 36px;max-width:300px}.login-form{width:100%;display:flex;flex-direction:column;gap:16px;margin-bottom:0}.login-field{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%}.login-field-label{font-family:var(--font-body);font-size:.78rem;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.login-input{width:100%;padding:13px 16px;background:var(--bg-surface);border:1px solid rgba(245,200,66,.2);border-radius:10px;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.login-input::placeholder{color:#5a5a7a}.login-input:focus{border-color:#f5c8428c;box-shadow:0 0 0 3px #f5c84214}.btn-primary-login{width:100%;padding:14px 20px;background:var(--accent);color:var(--bg-base);border:none;border-radius:12px;font-family:var(--font-body);font-size:.95rem;font-weight:700;cursor:pointer;margin-top:4px;box-shadow:0 0 40px var(--accent-glow);transition:transform .15s,box-shadow .15s}.btn-primary-login:hover{transform:translateY(-2px);box-shadow:0 16px 48px #f5c84273}.btn-primary-login:active{transform:translateY(0)}.login-divider{width:100%;display:flex;align-items:center;gap:12px;margin:20px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff14}.login-divider span{font-family:var(--font-body);font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.login-back{font-family:var(--font-body);font-size:.8rem;color:var(--text-secondary);margin-top:24px;margin-bottom:0}.login-back-link{color:var(--accent);text-decoration:underline;cursor:pointer}@media (max-width: 480px){.login-card{padding:36px 24px}}.register-page{position:relative;width:100%;min-height:100svh;background:var(--bg-base);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:48px 0}.register-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 20%,transparent 100%);pointer-events:none}.register-page:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(ellipse at 50% 0%,var(--accent-dim) 0%,transparent 70%);pointer-events:none}.register-container{position:relative;z-index:1;width:100%;max-width:520px;padding:0 24px}.register-card{background:#13131fb8;border:1px solid rgba(245,200,66,.14);border-radius:20px;padding:48px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 0 60px #00000080,0 0 120px #f5c8420a}.register-headline{font-family:var(--font-display);font-size:clamp(1.8rem,5vw,2.6rem);font-weight:900;line-height:1.1;letter-spacing:-.04em;color:var(--text-primary);margin:0 0 14px}.register-headline em{color:var(--accent);font-style:normal}.register-sub{font-family:var(--font-body);font-size:.85rem;color:var(--text-secondary);line-height:1.55;margin:0 0 32px;max-width:340px}.register-form{width:100%;display:flex;flex-direction:column;gap:16px}.register-field{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%}.register-field-label{font-family:var(--font-body);font-size:.78rem;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.register-input{width:100%;padding:13px 16px;background:var(--bg-surface);border:1px solid rgba(245,200,66,.2);border-radius:10px;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.register-input::placeholder{color:#5a5a7a}.register-input:focus{border-color:#f5c8428c;box-shadow:0 0 0 3px #f5c84214}.register-terms{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-body);font-size:.82rem;color:var(--text-secondary);cursor:pointer;width:100%;text-align:center}.register-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:1.5px solid rgba(245,200,66,.35);border-radius:5px;background:var(--bg-surface);cursor:pointer;transition:border-color .15s,background .15s;position:relative}.register-checkbox:checked{background:var(--accent);border-color:var(--accent)}.register-checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:2px solid var(--bg-base);border-top:none;border-left:none;transform:rotate(45deg)}.register-checkbox:focus-visible{outline:2px solid rgba(245,200,66,.5);outline-offset:2px}.register-terms-link{color:var(--accent);text-decoration:underline}.register-error{font-family:var(--font-body);font-size:.82rem;color:#f87171;text-align:center;margin:0}.btn-primary-register{width:100%;padding:14px 20px;background:var(--accent);color:var(--bg-base);border:none;border-radius:12px;font-family:var(--font-body);font-size:.95rem;font-weight:700;cursor:pointer;margin-top:4px;box-shadow:0 0 40px var(--accent-glow);transition:transform .15s,box-shadow .15s}.btn-primary-register:hover{transform:translateY(-2px);box-shadow:0 16px 48px #f5c84273}.btn-primary-register:active{transform:translateY(0)}.register-divider{width:100%;display:flex;align-items:center;gap:12px;margin:20px 0}.register-divider:before,.register-divider:after{content:"";flex:1;height:1px;background:#ffffff14}.register-divider span{font-family:var(--font-body);font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.btn-google{display:inline-flex;align-items:center;gap:12px;width:100%;padding:14px 20px;background:#fff;color:#1f1f1f;border:none;border-radius:12px;font-family:var(--font-body);font-size:.95rem;font-weight:700;cursor:pointer;justify-content:center;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 2px 16px #00000059}.btn-google:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000073;background:#f5f5f5}.btn-google:active{transform:translateY(0)}.btn-google-icon{width:20px;height:20px;flex-shrink:0}.register-back{font-family:var(--font-body);font-size:.8rem;color:var(--text-secondary);margin-top:24px;margin-bottom:0}.register-back-link{color:var(--accent);text-decoration:underline;cursor:pointer}@media (max-width: 480px){.register-card{padding:36px 24px}}.moves-page-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.moves-back-btn{flex-shrink:0;font-family:var(--font-body, "DM Sans", sans-serif);font-size:11px;font-weight:600;color:#1a1200;background:#ffffffd1;border:1px solid #c49a00;border-radius:5px;padding:5px 12px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap;align-self:center}.moves-back-btn:hover{background:#fffffff2;border-color:#e0b800}.moves-page-title-group{display:flex;flex-direction:column;gap:4px}.moves-page-title{font-size:18px;font-weight:700;color:#f0f0f5;margin:0;line-height:1.2}.moves-page-count{font-size:12px;color:#6060a0;font-weight:500}.moves-filters{display:grid;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:max-content;align-items:center;row-gap:6px;column-gap:16px;background:#1a1a2e;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:14px 16px;margin-bottom:14px;box-shadow:0 4px 16px #0000002e}.moves-filter-group{display:contents}.moves-filter-label{font-size:9px;font-weight:700;color:#6060a0;text-transform:uppercase;letter-spacing:.07em}.moves-rule-select{font-family:var(--font-body, "DM Sans", sans-serif);font-size:12px;font-weight:600;color:#f0f0f5;background:#0d0d1a;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:7px 28px 7px 11px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236060a0' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;transition:border-color .15s;min-width:220px}.moves-rule-select:hover{border-color:#ffffff38}.moves-rule-select:focus{outline:none;border-color:#f5c84273}.moves-rule-select option{background:#1a1a2e}.moves-list-card{background:#1a1a2e;border:1px solid rgba(255,255,255,.05);border-radius:8px;box-shadow:0 4px 16px #0000002e;padding:18px 18px 14px;display:flex;flex-direction:column;gap:14px}.moves-list-card-header{display:flex;align-items:center;justify-content:space-between}.moves-list{display:flex;flex-direction:column;gap:8px}.moves-empty-state{font-size:13px;color:#6060a0;padding:16px 0 8px;text-align:center}.moves-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 0 8px}.moves-page-btn{font-family:var(--font-body, "DM Sans", sans-serif);font-size:11px;font-weight:700;color:#0d0d1a;background:#f5c842;border:none;border-radius:5px;padding:6px 14px;cursor:pointer;white-space:nowrap;transition:opacity .15s}.moves-page-btn:hover:not(:disabled){opacity:.88}.moves-page-btn:disabled{opacity:.3;cursor:default}.moves-page-indicator{font-size:12px;color:#9090b8;white-space:nowrap}.moves-page-indicator strong{color:#f0f0f5}.moves-checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#9090b8;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.moves-checkbox-label:hover{color:#f0f0f5}.moves-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border:1.5px solid #3a3a5a;border-radius:4px;background:#0d0d1a;cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s;position:relative}.moves-checkbox:checked{background:#f5c842;border-color:#f5c842}.moves-checkbox:checked:after{content:"";position:absolute;left:3px;top:1px;width:5px;height:8px;border:2px solid #0d0d1a;border-top:none;border-left:none;transform:rotate(45deg)}@media (max-width: 480px){.moves-filters{grid-auto-flow:row;grid-template-rows:auto;grid-template-columns:1fr;grid-auto-columns:1fr}.moves-rule-select{min-width:unset;width:100%}.moves-page-header{flex-direction:column;gap:2px;margin-bottom:0}.moves-back-btn{margin-top:0;align-self:flex-start}}.move-detail-back-row{margin-bottom:16px}.move-detail-back-btn{font-family:var(--font-body, "DM Sans", sans-serif);font-size:11px;font-weight:600;color:#1a1200;background:#ffffffd1;border:1px solid #c49a00;border-radius:5px;padding:5px 12px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.move-detail-back-btn:hover{background:#fffffff2;border-color:#e0b800}.move-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}.move-detail-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.move-detail-rule-badge{font-size:11px;font-weight:700;color:#0d0d1a;background:#f5c842;border-radius:4px;padding:3px 8px;letter-spacing:.02em}.move-detail-result-badge{font-size:11px;font-weight:700;border-radius:4px;padding:3px 8px;border:1px solid transparent}.move-detail-result-badge--won{color:#4ade80;background:#4ade801f;border-color:#4ade8040}.move-detail-result-badge--lost{color:#f87171;background:#f871711f;border-color:#f8717140}.move-detail-result-badge--tie{color:#9090b8;background:#9090b81f;border-color:#9090b840}.move-detail-meta-row{display:flex;align-items:center;gap:5px;font-size:12px;color:#9090b8;font-weight:700;flex-shrink:0;flex-wrap:wrap}.move-detail-meta-sep{color:#3a3a5a}.move-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:20px;align-items:start}.move-detail-board-wrapper{display:flex;flex-direction:row;gap:6px;align-items:stretch;min-width:0}.move-detail-eval-bar-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;width:36px}.move-detail-eval-bar-wrap{width:10px;flex:1;background:#1a1230;border-radius:6px;overflow:hidden;position:relative}.move-detail-eval-bar-label{display:flex;flex-direction:column;align-items:center;gap:2px}.move-detail-eval-bar-score{font-size:11px;font-weight:700;color:#6060a0;line-height:1;white-space:nowrap}.move-detail-eval-bar-depth{font-size:9px;font-weight:600;color:#3a3a5a;letter-spacing:.04em;white-space:nowrap}.move-detail-eval-bar-fill{position:absolute;bottom:0;left:0;right:0;background:#ddd8c0;transition:height .55s cubic-bezier(.4,0,.2,1)}.move-detail-eval-bar-wrap--flipped .move-detail-eval-bar-fill{bottom:auto;top:0}.move-detail-board-col{position:relative;z-index:1;min-width:0;flex:1;border-radius:8px;overflow:hidden}.move-detail-board-player{display:flex;align-items:center;gap:6px;padding:7px 10px;background:#1a1a2e;font-size:12px;font-weight:600;color:#9090b8}.move-detail-board-player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.move-detail-board-player-rating{font-size:10px;color:#6060a0;font-weight:600;flex-shrink:0;letter-spacing:.02em}.move-detail-board-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#0a0a148c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9090b8;font-size:12px;font-weight:600;border-radius:8px}.move-detail-board-spinner{width:22px;height:22px;color:#f5c842;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.move-detail-readonly-notice{margin:8px 0 0;font-size:11px;color:#6060a0;text-align:center;font-weight:500}.move-detail-info-col{background:#1a1a2e;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 16px #0000002e}.move-detail-you-badge{font-size:9px;font-weight:700;color:#f5c842;background:#f5c8421f;border:1px solid rgba(245,200,66,.28);border-radius:3px;padding:1px 5px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.move-detail-sep{height:1px;background:#ffffff0d;flex-shrink:0}.move-detail-eval{display:flex;align-items:baseline;gap:8px;min-height:24px}.move-detail-eval-score{font-size:22px;font-weight:700;color:#f0f0f5;letter-spacing:-.02em;line-height:1}.move-detail-eval-depth{font-size:10px;font-weight:600;color:#3a3a5a;text-transform:uppercase;letter-spacing:.06em}.move-detail-eval-analyzing{font-size:11px;font-weight:600;color:#6060a0;animation:eval-pulse 1.2s ease-in-out infinite}@keyframes eval-pulse{0%,to{opacity:1}50%{opacity:.4}}.move-detail-move-section{display:flex;flex-direction:column;gap:10px}.move-detail-played-row{display:flex;align-items:center;gap:8px}.move-detail-label{font-size:11px;color:#6060a0;font-weight:600;white-space:nowrap}.move-detail-san{font-size:18px;font-weight:700;color:#f0f0f5;letter-spacing:.01em}.move-detail-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.move-detail-time-item{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px}.move-detail-time-icon{font-size:13px;line-height:1}.move-detail-time-value{font-size:16px;font-weight:700;color:#f0f0f5;line-height:1}.move-detail-time-label{font-size:10px;font-weight:600;color:#6060a0;text-transform:uppercase;letter-spacing:.05em}.move-detail-zeitnot{font-size:11px;font-weight:600;color:#f87171;display:flex;align-items:center;gap:6px}.move-detail-feedback{font-size:13px;font-weight:600;padding:9px 12px;border-radius:6px;line-height:1.4}.move-detail-feedback--correct{color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.22)}.move-detail-feedback--wrong{color:#f87171;background:#f871711a;border:1px solid rgba(248,113,113,.22)}.move-detail-actions{display:flex;flex-direction:column;gap:6px}.move-detail-btn-primary{font-family:var(--font-body, "DM Sans", sans-serif);font-size:12px;font-weight:700;color:#0d0d1a;background:#f5c842;border:none;border-radius:6px;padding:10px 14px;cursor:pointer;width:100%;text-align:left;transition:opacity .15s}.move-detail-btn-primary:hover{opacity:.88}.move-detail-cont-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.move-detail-cont-label{font-size:11px;font-weight:700;color:#6060a0;text-transform:uppercase;letter-spacing:.07em}.move-detail-cont-move{font-size:13px;font-weight:700;color:#f5c842}.move-detail-cont-nav{display:flex;gap:6px}.move-detail-nav-btn{font-family:var(--font-body, "DM Sans", sans-serif);font-size:16px;font-weight:700;color:#f0f0f5;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;width:40px;height:36px;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center}.move-detail-nav-btn:hover:not(:disabled){background:#ffffff1f}.move-detail-nav-btn:disabled{opacity:.3;cursor:default}.move-detail-btn-ghost{font-family:var(--font-body, "DM Sans", sans-serif);font-size:12px;font-weight:600;color:#9090b8;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:9px 14px;cursor:pointer;width:100%;text-align:left;transition:background .15s,color .15s,border-color .15s}.move-detail-btn-ghost:hover{background:#ffffff17;color:#f0f0f5;border-color:#ffffff24}.move-detail-links{display:flex;flex-direction:column;gap:6px}.move-detail-analysis-hint{display:flex;align-items:center;gap:6px;margin:2px 0}.move-detail-analysis-hint:before,.move-detail-analysis-hint:after{content:"";flex:1;height:1px;background:#ffffff12}.move-detail-analysis-hint span{font-size:10px;font-weight:600;color:#4a4a6a;white-space:nowrap}.move-detail-link-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0;border-radius:4px}.move-detail-link-btn{display:flex;align-items:center;gap:10px;font-family:var(--font-body, "DM Sans", sans-serif);font-size:12px;font-weight:600;color:#c8c8e8;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:10px 13px;text-decoration:none;transition:background .15s,border-color .15s,color .15s;cursor:pointer}.move-detail-link-btn span{flex:1}.move-detail-link-btn:hover{background:#ffffff1a;border-color:#ffffff29;color:#f0f0f5}.move-detail-link-btn--disabled{opacity:.4;cursor:default;pointer-events:none}.move-detail-pro-tag{font-size:9px;font-weight:700;color:#f5c842;background:#f5c84221;border:1px solid rgba(245,200,66,.28);border-radius:3px;padding:1px 5px;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.move-detail-error{background:#1a1a2e;border:1px solid rgba(248,113,113,.2);border-radius:8px;padding:20px 24px;color:#f87171;font-size:13px;font-weight:500}.move-detail-error p{margin:0}@media (max-width: 680px){.move-detail-layout{grid-template-columns:1fr}.move-detail-header{flex-direction:column;align-items:flex-start;gap:8px}}.dashboard-main .moves-back-btn{align-self:flex-start}.settings-page-title{font-family:Unbounded,sans-serif;font-size:15px;font-weight:900;color:#1a1a2e;margin:24px 0 20px}.settings-section{background:#1a1a2e;border-radius:10px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 16px #0000002e;overflow:hidden;margin-bottom:12px}.settings-section-title{font-size:10px;font-weight:700;color:#6060a0;text-transform:uppercase;letter-spacing:.07em;padding:12px 16px 10px;border-bottom:1px solid rgba(255,255,255,.05)}.settings-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.04);min-height:52px}.settings-row:last-child{border-bottom:none}.settings-row-label{font-size:10px;font-weight:700;color:#6060a0;text-transform:uppercase;letter-spacing:.06em;width:96px;flex-shrink:0}.settings-row-value{font-size:13px;font-weight:600;color:#f0f0f5;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-row-value--muted{color:#6060a0;font-weight:500}.settings-row-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.settings-inline-btn{font-family:var(--font-body, "DM Sans", sans-serif);font-size:11px;font-weight:700;padding:5px 12px;border-radius:5px;cursor:pointer;white-space:nowrap;transition:opacity .15s;border:none}.settings-inline-btn--primary{color:#0d0d1a;background:#f5c842}.settings-inline-btn--ghost{color:#9090b8;background:transparent;border:1px solid rgba(255,255,255,.12)}.settings-inline-btn--ghost:hover{color:#f0f0f5;border-color:#ffffff40}.settings-inline-btn--primary:hover{opacity:.88}.settings-inline-btn:disabled{opacity:.5;cursor:default}.settings-inline-btn--remove{color:#f87171;border-color:#f871714d}.settings-inline-btn--remove:hover{color:#fca5a5;border-color:#f871718c;background:#f871710f}.settings-inline-btn--danger{color:#fff;background:#ef4444;border:none}.settings-inline-btn--danger:hover:not(:disabled){opacity:.88}.settings-resend-ok{font-size:11px;font-weight:600;color:#4ade80}.settings-row--split{padding:0}.settings-row-half{display:flex;align-items:center;gap:10px;width:50%;padding:13px 16px;min-width:0}.settings-row-col-sep{width:1px;align-self:stretch;background:#ffffff0f;flex-shrink:0;margin:0 4px}.settings-credits-inline{display:flex;align-items:center;gap:5px;flex:1}.settings-credits-sep{font-size:10px;color:#4a4a6a}.settings-credits-item{font-size:11px;font-weight:600}.settings-credits-item--daily{color:#f5c842}.settings-credits-item--permanent{color:#a090f0}.settings-renewal-hint{font-size:11px;color:#4a4a6a;font-weight:500;flex:1}.settings-cancel-sub-btn{font-family:var(--font-body, "DM Sans", sans-serif);font-size:10px;font-weight:600;color:#4a4a6a;background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color .15s;white-space:nowrap;flex-shrink:0}.settings-cancel-sub-btn:hover{color:#f87171}.settings-plan-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:700;padding:3px 9px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.settings-plan-badge--free{color:#9090b8;background:#9090b81a;border:1px solid rgba(144,144,184,.2)}.settings-plan-badge--pro{color:#c49a00;background:#f5c8421a;border:1px solid rgba(196,154,0,.3)}.settings-plan-badge--pro-canceled{color:#9090b8;background:#9090b814;border:1px solid rgba(144,144,184,.2)}.settings-verified-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0}.settings-verified-badge--ok{color:#4ade80;background:#4ade8014;border:1px solid rgba(74,222,128,.2)}.settings-verified-badge--pending{color:#fbbf24;background:#fbbf2414;border:1px solid rgba(251,191,36,.2)}.settings-country-select{flex:1;min-width:0;background:#0d0d1a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f0f0f5;font-family:var(--font-body, "DM Sans", sans-serif);font-size:13px;font-weight:600;padding:6px 10px;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.settings-country-select:focus{outline:none;border-color:#f5c84266}.settings-accounts-list{display:flex;flex-direction:column}.settings-account-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.04)}.settings-account-row:last-child{border-bottom:none}.settings-account-icon{width:22px;height:22px;object-fit:contain;border-radius:5px;flex-shrink:0}.settings-account-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.settings-account-name{font-size:13px;font-weight:700;color:#f0f0f5}.settings-account-platform{font-size:10px;color:#6060a0;font-weight:500}.settings-account-input{flex:1;min-width:0;background:#0d0d1a;border:1px solid rgba(245,200,66,.35);border-radius:6px;color:#f0f0f5;font-family:var(--font-body, "DM Sans", sans-serif);font-size:13px;font-weight:600;padding:6px 10px;outline:none}.settings-account-input:focus{border-color:#f5c84299}.settings-account-input:disabled{opacity:.5}.settings-account-confirm-delete{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.settings-account-confirm-msg{font-size:12px;color:#c0c0d8;flex:1;min-width:0;line-height:1.4}.settings-account-confirm-msg strong{color:#fbbf24}.settings-account-cooldown{font-size:10px;font-weight:600;color:#6060a0;white-space:nowrap}.settings-account-empty{font-size:12px;color:#4a4a6a;font-style:italic}.settings-perm-row{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.04)}.settings-perm-row:last-child{border-bottom:none}.settings-perm-checkbox{width:16px;height:16px;accent-color:#F5C842;flex-shrink:0;margin-top:1px;cursor:pointer}.settings-perm-checkbox:disabled{cursor:default;opacity:.6}.settings-perm-body{display:flex;flex-direction:column;gap:3px;flex:1}.settings-perm-label{font-size:13px;font-weight:600;color:#f0f0f5;line-height:1.4}.settings-perm-hint{font-size:11px;color:#4a4a6a;display:flex;align-items:center;gap:5px}.settings-perm-lock{font-size:10px;color:#f5c842;background:#f5c8421a;border:1px solid rgba(245,200,66,.2);border-radius:3px;padding:1px 5px;font-weight:700}.settings-support-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:14px}.settings-support-intro{font-size:13px;color:#9090b8;line-height:1.65;margin:0}.settings-support-intro strong{color:#f0f0f5;font-weight:700}.settings-support-contact{display:flex;align-items:center;gap:10px}.settings-support-email{font-size:13px;font-weight:700;color:#f0f0f5}.settings-section--danger{border-color:#f8717126}.settings-section--danger .settings-section-title{color:#f87171;border-bottom-color:#f871711a}.settings-danger-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}.settings-danger-desc{font-size:12px;color:#6060a0;line-height:1.5;flex:1}.settings-delete-btn{font-family:var(--font-body, "DM Sans", sans-serif);font-size:12px;font-weight:700;color:#f87171;background:transparent;border:1px solid rgba(248,113,113,.35);border-radius:6px;padding:8px 16px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,border-color .15s}.settings-delete-btn:hover{background:#f8717114;border-color:#f8717199}.delete-modal-warning{font-size:13px;color:#c0c0d8;line-height:1.6;margin-bottom:20px}.delete-modal-warning strong{color:#f87171}.delete-modal-label{font-size:11px;font-weight:700;color:#6060a0;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.delete-modal-input{width:100%;background:#0d0d1a;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#f0f0f5;font-family:var(--font-body, "DM Sans", sans-serif);font-size:13px;padding:10px 12px;outline:none;transition:border-color .15s;box-sizing:border-box;margin-bottom:16px}.delete-modal-input:focus{border-color:#f8717166}.delete-modal-actions{display:flex;gap:8px;justify-content:flex-end}.delete-modal-confirm-btn{font-family:var(--font-body, "DM Sans", sans-serif);font-size:12px;font-weight:700;color:#fff;background:#ef4444;border:none;border-radius:6px;padding:9px 18px;cursor:pointer;transition:opacity .15s}.delete-modal-confirm-btn:hover:not(:disabled){opacity:.88}.delete-modal-confirm-btn:disabled{opacity:.45;cursor:default}.delete-modal-error{font-size:12px;color:#fca5a5;margin-top:10px;text-align:center}.cancel-sub-textarea{width:100%;background:#0d0d1a;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#f0f0f5;font-family:var(--font-body, "DM Sans", sans-serif);font-size:13px;padding:10px 12px;outline:none;resize:vertical;min-height:72px;transition:border-color .15s;box-sizing:border-box;margin-bottom:16px}.cancel-sub-textarea::placeholder{color:#4a4a6a}.cancel-sub-textarea:focus{border-color:#f8717166}.cancel-sub-access-note{font-size:12px;color:#6060a0;line-height:1.5;margin-bottom:20px}.cancel-sub-access-note strong{color:#f0f0f5}.settings-credits-btn-short{display:none}@media (max-width: 480px){.settings-row--split{flex-direction:column}.settings-row-half{width:100%;flex-wrap:wrap;row-gap:4px;padding:10px 16px}.settings-credits-inline{flex:0 0 auto}.settings-row-half .settings-inline-btn{margin-left:0!important}.settings-credits-daily,.settings-account-cooldown,.settings-credits-btn-full{display:none}.settings-credits-btn-short{display:inline}.settings-row-col-sep{width:100%;height:1px;margin:0;align-self:auto}.settings-row{flex-wrap:wrap;row-gap:6px;min-height:unset}}.verify-page{position:relative;width:100%;min-height:100svh;background:var(--bg-base);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:48px 24px}.verify-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 20%,transparent 100%);pointer-events:none}.verify-page:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(ellipse at 50% 0%,var(--accent-dim) 0%,transparent 70%);pointer-events:none}.verify-card{position:relative;z-index:1;background:#13131fb8;border:1px solid rgba(245,200,66,.14);border-radius:20px;padding:52px 44px;display:flex;flex-direction:column;align-items:center;text-align:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 0 60px #00000080,0 0 120px #f5c8420a;width:100%;max-width:440px}.verify-icon{font-size:44px;line-height:1;margin-bottom:20px}.verify-title{font-family:var(--font-display);font-size:1.6rem;font-weight:900;color:var(--text-primary);margin:0 0 10px;letter-spacing:-.03em}.verify-title--success{color:#4ade80}.verify-title--error{color:#f87171}.verify-sub{font-family:var(--font-body);font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin:0 0 32px;max-width:320px}.verify-btn{width:100%;padding:14px 20px;background:var(--accent);color:var(--bg-base);border:none;border-radius:12px;font-family:var(--font-body);font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 0 40px var(--accent-glow);transition:transform .15s,box-shadow .15s;margin-bottom:12px}.verify-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 48px #f5c84273}.verify-btn:disabled{opacity:.55;cursor:default}.verify-btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.12);box-shadow:none}.verify-btn--ghost:hover:not(:disabled){transform:translateY(-1px);border-color:#ffffff40;color:var(--text-primary);box-shadow:none}.verify-sent-msg{font-size:.82rem;color:#4ade80;font-weight:600;margin-top:4px}.verify-login-hint{font-size:.82rem;color:var(--text-secondary);margin-top:8px}.verify-login-hint a{color:var(--accent);text-decoration:underline}@keyframes verify-spin{to{transform:rotate(360deg)}}.verify-spinner{width:36px;height:36px;border:3px solid rgba(245,200,66,.15);border-top-color:var(--accent);border-radius:50%;animation:verify-spin .8s linear infinite;margin-bottom:24px}@media (max-width: 480px){.verify-card{padding:40px 24px}}.upgrade-page{min-height:100vh;background-color:#eceaf6;background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(0,0,0,.07) 1px,transparent 1px);background-size:24px 24px,28px 28px;background-position:0 0,12px 12px;display:flex;flex-direction:column}.upgrade-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column}.upgrade-main{flex:1;max-width:900px;width:100%;margin:0 auto;padding:16px 20px 60px;display:flex;flex-direction:column}.upgrade-page-title{font-family:Unbounded,sans-serif;font-size:15px;font-weight:900;color:#1a1a2e;margin:24px 0 4px}.upgrade-page-sub{font-size:13px;color:#6060a0;margin:0 0 28px}.upgrade-section-title{font-size:10px;font-weight:700;color:#6060a0;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}.upgrade-feedback{border-radius:8px;padding:12px 16px;font-size:13px;font-weight:600;margin-bottom:8px}.upgrade-feedback--success{background:#4ade8014;border:1px solid rgba(74,222,128,.25);color:#4ade80}.upgrade-feedback--error{background:#f8717114;border:1px solid rgba(248,113,113,.25);color:#fca5a5}.upgrade-pro-active{background:#1a1a2e;border-radius:14px;border:1.5px solid rgba(245,200,66,.35);box-shadow:0 0 0 1px #f5c8421a,0 8px 32px #0000004d;padding:36px 32px;display:flex;gap:24px;align-items:flex-start;margin-bottom:8px}.upgrade-pro-active-icon{font-size:36px;line-height:1;flex-shrink:0;color:#f5c842}.upgrade-pro-active-body{display:flex;flex-direction:column;flex:1}.upgrade-pro-active-title{font-family:Unbounded,sans-serif;font-size:18px;font-weight:900;color:#f5c842;margin-bottom:6px}.upgrade-pro-active-sub{font-size:13px;color:#9090b8;margin:0 0 16px}.upgrade-pro-active-features{display:flex;flex-direction:column;gap:8px}.upgrade-plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}.upgrade-plan-card{background:#1a1a2e;border-radius:12px;border:1.5px solid rgba(255,255,255,.06);padding:24px 22px;display:flex;flex-direction:column;gap:16px;position:relative;transition:border-color .2s}.upgrade-plan-card:hover{border-color:#f5c8424d}.upgrade-plan-card--featured{border-color:#f5c84266;box-shadow:0 0 0 1px #f5c84226,0 8px 32px #0000004d}.upgrade-plan-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);font-size:9px;font-weight:800;color:#0d0d1a;background:#f5c842;border-radius:20px;padding:3px 12px;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase}.upgrade-plan-header{display:flex;flex-direction:column;gap:6px}.upgrade-plan-name{font-size:11px;font-weight:700;color:#6060a0;text-transform:uppercase;letter-spacing:.07em}.upgrade-plan-price{display:flex;align-items:baseline;gap:4px}.upgrade-plan-price-value{font-family:Unbounded,sans-serif;font-size:28px;font-weight:900;color:#f0f0f5;line-height:1}.upgrade-plan-price-period{font-size:12px;color:#6060a0;font-weight:500}.upgrade-plan-price-note{font-size:11px;color:#4ade80;font-weight:600}.upgrade-plan-divider{height:1px;background:#ffffff0d}.upgrade-plan-features{display:flex;flex-direction:column;gap:8px;flex:1}.upgrade-plan-feature{display:flex;align-items:center;gap:8px;font-size:12px;color:#c0c0d8}.upgrade-plan-feature-dot{width:5px;height:5px;border-radius:50%;background:#f5c842;flex-shrink:0}.upgrade-plan-btn{width:100%;padding:12px;border-radius:8px;font-family:var(--font-body, "DM Sans", sans-serif);font-size:13px;font-weight:700;cursor:pointer;border:none;transition:opacity .15s,transform .15s}.upgrade-plan-btn--primary{background:#f5c842;color:#0d0d1a;box-shadow:0 4px 20px #f5c8424d}.upgrade-plan-btn--primary:hover{opacity:.9;transform:translateY(-1px)}.upgrade-plan-btn--ghost{background:#ffffff0d;color:#d0d0e8;border:1.5px solid rgba(255,255,255,.2)}.upgrade-plan-btn--ghost:hover{background:#ffffff17;border-color:#ffffff59;color:#f0f0f5}.upgrade-credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}.upgrade-credit-card{background:#1a1a2e;border-radius:10px;border:1.5px solid rgba(255,255,255,.06);padding:20px 20px 18px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s}.upgrade-credit-card:hover{border-color:#a090f04d}.upgrade-credit-header{display:flex;align-items:baseline;gap:6px}.upgrade-credit-amount{font-family:Unbounded,sans-serif;font-size:22px;font-weight:900;color:#a090f0;line-height:1}.upgrade-credit-label{font-size:12px;color:#6060a0;font-weight:500}.upgrade-credit-price{font-size:20px;font-weight:800;color:#f0f0f5}.upgrade-credit-per{font-size:11px;color:#4a4a6a}.upgrade-credit-btn{width:100%;padding:10px;border-radius:7px;font-family:var(--font-body, "DM Sans", sans-serif);font-size:12px;font-weight:700;cursor:pointer;background:transparent;color:#a090f0;border:1.5px solid rgba(160,144,240,.3);transition:background .15s,border-color .15s}.upgrade-credit-btn:hover{background:#a090f014;border-color:#a090f08c}.checkout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.checkout-modal{position:relative;background:#13131f;border-radius:16px;border:1px solid rgba(255,255,255,.07);box-shadow:0 24px 64px #0009;width:100%;max-width:520px;max-height:92vh;display:flex;flex-direction:column;overflow:clip}.checkout-header{padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between}.checkout-title{font-size:13px;font-weight:700;color:#f0f0f5}.checkout-close{background:none;border:none;color:#6060a0;font-size:18px;cursor:pointer;padding:0;line-height:1;transition:color .15s}.checkout-close:hover{color:#f0f0f5}.checkout-body{padding:0;display:flex;flex-direction:column;overflow-y:auto;flex:1}.checkout-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;color:#6060a0;font-size:13px}@keyframes checkout-spin{to{transform:rotate(360deg)}}.checkout-spinner{width:28px;height:28px;border:2.5px solid rgba(245,200,66,.15);border-top-color:#f5c842;border-radius:50%;animation:checkout-spin .8s linear infinite}.checkout-error{margin:16px;padding:12px 16px;background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:8px;font-size:12px;color:#fca5a5}.checkout-summary{background:#0d0d1a;border-radius:10px;border:1px solid rgba(255,255,255,.05);padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.checkout-summary-name{font-size:13px;font-weight:700;color:#f0f0f5}.checkout-summary-desc{font-size:11px;color:#6060a0;margin-top:2px}.checkout-summary-price{font-family:Unbounded,sans-serif;font-size:18px;font-weight:900;color:#f5c842;white-space:nowrap}.checkout-fields{display:flex;flex-direction:column;gap:12px}.checkout-field-label{font-size:10px;font-weight:700;color:#6060a0;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.checkout-input{width:100%;background:#0d0d1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f0f0f5;font-family:var(--font-body, "DM Sans", sans-serif);font-size:13px;padding:10px 12px;outline:none;box-sizing:border-box;transition:border-color .15s}.checkout-input:focus{border-color:#f5c84266}.checkout-input::placeholder{color:#4a4a6a}.checkout-input-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkout-footer{padding:0 24px 24px;display:flex;flex-direction:column;gap:10px}.checkout-notice{font-size:10px;color:#4a4a6a;text-align:center;line-height:1.5}.checkout-confirm-btn{width:100%;padding:14px;background:#f5c842;color:#0d0d1a;border:none;border-radius:10px;font-family:var(--font-body, "DM Sans", sans-serif);font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #f5c8424d;transition:opacity .15s,transform .15s}.checkout-confirm-btn:hover{opacity:.9;transform:translateY(-1px)}@media (max-width: 600px){.upgrade-plans-grid,.upgrade-credits-grid{grid-template-columns:1fr}}.cookie-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:20px;background:#1a1a2e;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 8px 32px #00000073;padding:14px 20px;max-width:680px;width:calc(100vw - 40px)}.cookie-banner-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.cookie-banner-text strong{font-size:12px;font-weight:700;color:#f0f0f5}.cookie-banner-text span{font-size:11px;color:#6060a0;line-height:1.5}.cookie-banner-actions{display:flex;gap:8px;flex-shrink:0}.cookie-btn{font-family:var(--font-body, "DM Sans", sans-serif);font-size:11px;font-weight:700;padding:7px 14px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:opacity .15s,background .15s;border:none}.cookie-btn--primary{color:#0d0d1a;background:#f5c842}.cookie-btn--primary:hover{opacity:.88}.cookie-btn--ghost{color:#9090b8;background:transparent;border:1px solid rgba(255,255,255,.12)}.cookie-btn--ghost:hover{color:#f0f0f5;border-color:#ffffff40}@media (max-width: 520px){.cookie-banner{flex-direction:column;align-items:flex-start;gap:12px;bottom:12px}.cookie-banner-actions{width:100%}.cookie-btn{flex:1;text-align:center}}