*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #22263a;--border: #2e3350;--text: #e8eaf0;--text-muted: #7880a0;--accent: #7c6af7;--accent-hover: #9b8fff;--green: #22c55e;--red: #e85454;--yellow: #f59e0b}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.5;min-height:100vh}.app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}select,input,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none}.btn-primary{background:var(--accent);color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;transition:background .15s}.btn-primary:hover{background:var(--accent-hover)}.btn-link{background:none;color:var(--text-muted);padding:4px 0;font-size:13px;text-decoration:underline;width:fit-content}.btn-link:hover{color:var(--text)}.btn-back{background:none;color:var(--text-muted);padding:6px 12px;border-radius:6px;font-size:14px;border:1px solid var(--border)}.btn-back:hover{color:var(--text);border-color:var(--text-muted)}.btn-nav{background:var(--surface2);color:var(--text);padding:10px 20px;border-radius:8px;border:1px solid var(--border);font-weight:500;flex:1;transition:background .15s}.btn-nav:hover:not(:disabled){background:var(--border)}.btn-nav:disabled{opacity:.35;cursor:default}.btn-nav-next{background:var(--accent);border-color:var(--accent)}.btn-nav-next:hover:not(:disabled){background:var(--accent-hover)}.btn-hint{background:none;color:var(--text-muted);padding:10px 16px;border:1px solid var(--border);border-radius:8px;font-size:14px}.btn-hint:hover:not(:disabled){color:var(--text);border-color:var(--text-muted)}.btn-hint:disabled{opacity:.3;cursor:default}.btn-retry{background:none;color:var(--yellow);border:1px solid var(--yellow);padding:10px 16px;border-radius:8px;font-size:14px}.btn-retry:hover{background:#f59e0b1a}.btn-blunder{background:none;color:var(--red);border:1px solid var(--red);padding:10px 16px;border-radius:8px;font-size:14px}.btn-blunder:hover{background:#ef44441a}.search-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;padding:24px}.search-card{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 32px 28px;width:100%;max-width:420px}.logo-img{display:inline-block;vertical-align:middle;height:1.4em;width:auto;margin-left:-.05em;margin-top:-.2em}.logo{position:relative;z-index:1;font-size:clamp(36px,10vw,96px);font-weight:800;letter-spacing:-2px;text-align:center;margin-bottom:8px}.logo-oh{color:#e8eaf0}.logo-no{color:var(--red)}.logo-my{color:#e8eaf0}.logo-chess{color:var(--accent)}.tagline{position:relative;z-index:1;color:var(--text-muted);font-size:20px;text-align:center;margin-bottom:28px}.search-form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--text-muted)}.field input[type=text],.field input[type=password],.field select{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 14px;font-size:15px;outline:none;transition:border-color .15s}.field input[type=text]:focus,.field input[type=password]:focus,.field select:focus{border-color:var(--accent)}.field input[type=range]{width:100%;accent-color:var(--accent)}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.advanced{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.time-control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.time-control-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border:1px solid var(--border);border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s,background .15s}.time-control-chip input[type=checkbox]{display:none}.time-control-chip .chip-label{font-size:13px;font-weight:600;color:var(--text)}.time-control-chip .chip-sub{font-size:10px;color:var(--text-muted)}.time-control-chip.checked{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.time-control-chip.checked .chip-label{color:var(--accent)}.date-range{display:flex;gap:12px}.date-input-group{display:flex;align-items:center;gap:8px;flex:1}.date-label{font-size:12px;color:var(--text-muted);white-space:nowrap}.date-input-group input[type=date]{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:8px 10px;font-size:13px;outline:none;transition:border-color .15s;color-scheme:dark}.date-input-group input[type=date]:focus{border-color:var(--accent)}.btn-analyze{width:100%;font-size:16px;margin-top:6px}.guest-analysis-hint{font-size:12px;color:var(--text-muted);text-align:center;margin:-6px 0 -8px}.loading-screen{display:flex;align-items:center;justify-content:center;flex:1;min-height:0}.loading-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.chess-spinner{font-size:64px;animation:spin 2s linear infinite;display:inline-block}.chess-spinner span:before{content:attr(data-emoji)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatUp{0%{transform:translateY(100vh) rotate(-8deg);opacity:0}8%{opacity:.15}92%{opacity:.15}to{transform:translateY(-110vh) rotate(8deg);opacity:0}}.emoji-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.emoji-bg span{position:absolute;bottom:0;animation:floatUp linear infinite;-webkit-user-select:none;user-select:none;line-height:1}.emoji-bg span:before{content:attr(data-emoji)}.loading-card h2{font-size:22px}.analysis-progress{font-size:15px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.loading-tip{color:var(--text-muted);max-width:320px;font-size:14px;min-height:40px}.elapsed{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.error-screen{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:24px;overflow-y:auto}.error-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px;max-width:420px;text-align:center;display:flex;flex-direction:column;gap:16px;margin:auto}.error-card h2{color:var(--red)}.error-card p{color:var(--text-muted);font-size:14px}.daily-limit-card h2{color:var(--text)}.skipped-info{color:var(--yellow)!important;font-style:italic}.upgrade-hint{font-size:14px;color:var(--yellow);margin:12px 0 4px}.btn-upgrade-master{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-top:16px;padding:10px 24px;font-size:15px;font-weight:600;color:var(--yellow);background:transparent;border:1px solid var(--yellow);border-radius:8px;cursor:pointer;transition:background .15s}.btn-upgrade-master:hover{background:#f59e0b1a}.daily-limit-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;width:100%}.daily-limit-links button{width:100%}.puzzle-screen{display:flex;flex-direction:column}@media (min-width: 601px){.puzzle-screen{flex:1;min-height:0;overflow-y:auto}}.analyzing-badge{font-size:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);padding:2px 7px;border-radius:10px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.puzzle-layout{display:flex;gap:0;justify-content:center;align-items:flex-start;padding:24px;gap:24px;flex-wrap:wrap}.board-wrapper{width:min(560px,100%);flex-shrink:0}.board-clickable-next{cursor:pointer}.panel-left{display:flex;flex-direction:column;gap:16px;width:280px;flex-shrink:0}.panel-right{display:flex;flex-direction:column;gap:16px;width:200px;flex-shrink:0}@media (min-width: 1201px){.puzzle-layout{display:grid;grid-template-columns:260px minmax(400px,560px) 200px;gap:24px;justify-content:center;align-items:stretch;flex-wrap:nowrap}.panel-left{order:1;width:auto;align-self:start}.board-wrapper{order:2;width:100%}.panel-right{order:3;width:auto}.mobile-bottom-bar{display:none}.puzzle-layout.fit-board{grid-template-columns:minmax(260px,320px) minmax(400px,calc(100vh - 140px)) minmax(200px,260px)}.puzzle-layout.fit-board .board-wrapper{width:100%;max-width:calc(100vh - 140px)}}@media (max-width: 1200px){.puzzle-layout{padding:12px;gap:12px}.panel-left,.panel-right{display:contents}.eval-row{order:1;width:min(560px,100%);gap:18px}.eval-badge{padding:8px 14px!important;flex:0 1 140px!important}.eval-label{font-size:14px!important}.eval-value{font-size:18px!important}.eval-pain-label{font-size:13px!important}.eval-pain-value{font-size:18px!important}.eval-row{align-items:center!important}.eval-pain{margin-top:0!important}.top-bar-center{font-size:15px!important}.board-wrapper{order:2}.feedback-area{order:3;width:min(560px,100%)}.info-card{order:4;width:min(560px,100%)}.action-group-bottom{order:5;width:min(560px,100%)}.action-group-gameplay{display:none!important}.guest-counter{order:6;width:min(560px,100%)}.action-group-bottom{margin-top:0}.btn-action-placeholder{display:none}.mobile-bottom-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--surface);border-top:1px solid var(--border);padding:15px 12px;gap:8px}.mobile-bottom-bar .btn-action{flex:1;min-width:0;font-size:14px;padding:18px 6px}.puzzle-layout{padding-bottom:20px}.puzzle-screen~.app-footer{margin-bottom:85px}}.action-group{display:flex;flex-direction:column;gap:8px}@media (min-width: 1201px){.action-group-bottom{margin-top:auto}}.btn-action{display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;text-align:center;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.btn-action:hover:not(:disabled){background:var(--border)}.btn-action:disabled{opacity:.3;cursor:default}.btn-action-move{background:#ef44440d;border-color:var(--red);color:var(--red)}.btn-action-move:hover:not(:disabled){background:#ef44441f}.btn-action-try{background:#ffffff0a;border-color:var(--text-muted);color:var(--text-muted)}.btn-action-try:hover:not(:disabled){background:#ffffff14;color:var(--text);border-color:var(--text)}.btn-action-retry-gold{background:#e2b34014;border-color:#e2b340;color:#e2b340}.btn-action-retry-gold:hover:not(:disabled){background:#e2b34026}.btn-action-secondary{background:#22c55e0d;color:var(--green);border-color:var(--green)}.btn-action-secondary:hover:not(:disabled){background:#22c55e1f}.btn-action-next{background:#7c6af70d;border-color:var(--accent);color:var(--accent)}.btn-action-next:hover:not(:disabled){background:#7c6af71f}.btn-action-flip{border-color:#ffffff59;font-size:13px}.btn-action-flip:hover{border-color:#ffffffb3}.btn-action-share{border-color:#ffffff80}.btn-action-share:hover{border-color:#fffc}.share-wrapper{position:relative}.share-wrapper>.btn-action{width:100%}.share-menu{position:absolute;bottom:calc(100% + 6px);left:0;min-width:180px;background:var(--surface, #1e1e1e);border:1px solid var(--surface-border, #333);border-radius:10px;padding:6px 0;box-shadow:0 8px 24px #0006;z-index:100}.share-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;background:none;border:none;color:var(--text);font-size:13px;cursor:pointer;text-align:left;transition:background .12s}.share-menu-item:hover{background:#ffffff0f}.share-icon{width:18px;text-align:center;font-size:14px}.share-menu-divider{border:none;border-top:1px solid var(--surface-border, #333);margin:4px 0}.btn-action-save{background:#e2b3400d;color:#e2b340;border-color:#e2b340;font-size:12px}.btn-action-save:hover:not(:disabled){background:#e2b3401f}.btn-action-save.saved{background:#e2b3401a}.btn-action-link{background:#7c6af70d;color:var(--accent);border-color:var(--accent);font-size:12px;font-weight:500}.btn-action-link:hover{background:#7c6af71a}.btn-action-placeholder{min-height:38px;visibility:hidden}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.info-key{color:var(--text-muted)}.info-val{font-weight:500;text-align:right}.opponent-rating,.clock-remaining{color:var(--text-muted);font-weight:400}.blunder-id{font-family:monospace;font-size:12px;color:var(--text-muted)}.platform-tag{color:var(--text-muted);font-weight:400;font-size:12px}.player-title{color:#e2b340;font-weight:700}.player-username{color:var(--text-muted);font-weight:400;font-size:13px}.blunder-move{color:var(--red);font-family:monospace;font-size:14px}.pain-score{color:var(--red);font-weight:700;font-size:14px}.info-actions{display:flex;align-items:center;gap:12px;margin-top:4px}.game-link{color:var(--accent);font-size:12px;text-decoration:none;text-align:center}.game-link:hover{text-decoration:underline}.btn-save{background:none;color:#e2b340;font-size:12px;padding:3px 8px;border:1px solid #e2b340;border-radius:6px;transition:background .15s}.btn-save:hover{background:#e2b3401a}.btn-share{background:none;color:var(--accent);font-size:12px;padding:3px 8px;border:1px solid var(--accent);border-radius:6px;transition:background .15s,color .15s}.btn-share:hover{background:#7c6af71a}.theme-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;letter-spacing:.02em}.retry-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;letter-spacing:.02em;background:transparent;color:#faad14;border:1px solid #faad14}.theme-missed_mate{background:#ff4d4f22;color:#ff4d4f;border:1px solid #ff4d4f44}.theme-back_rank{background:#ff764422;color:#ff7644;border:1px solid #ff764444}.theme-fork{background:#faad1422;color:#faad14;border:1px solid #faad1444}.theme-pin{background:#13c2c222;color:#13c2c2;border:1px solid #13c2c244}.theme-skewer{background:#1890ff22;color:#1890ff;border:1px solid #1890ff44}.theme-discovered_attack{background:#722ed122;color:#722ed1;border:1px solid #722ed144}.theme-hanging_piece{background:#eb2f9622;color:#eb2f96;border:1px solid #eb2f9644}.theme-removing_defender{background:#ff85c022;color:#ff85c0;border:1px solid #ff85c044}.theme-time_pressure,.theme-game_changing,.theme-only_move,.theme-oversight{background:#ffffff15;color:#999;border:1px solid #ffffff22}.category-missed_attack{background:#faad1422;color:#faad14;border:1px solid #faad1444}.category-lost_material{background:#ff4d4f22;color:#ff4d4f;border:1px solid #ff4d4f44}.eval-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.eval-badge{flex:0 1 130px;display:flex;align-items:baseline;justify-content:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:5px 10px;min-width:0}.eval-badge.eval-good,.eval-badge.eval-bad{border-color:var(--border)}.eval-label{font-size:11px;color:var(--text-muted)}.eval-value{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.eval-good .eval-value{color:var(--green)}.eval-bad .eval-value{color:var(--red)}.eval-pain{display:flex;flex-direction:column;align-items:center;gap:0px;min-width:36px;flex-shrink:0;margin-top:-3px}.eval-pain-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.eval-pain-value{font-size:17px;font-weight:800;color:var(--red);font-variant-numeric:tabular-nums;line-height:1}@media (min-width: 1201px){.eval-badge{padding:4px 10px;flex:0 1 135px;flex-direction:column;align-items:center;gap:0px}.eval-row{align-items:center}.eval-pain{margin-top:0}.eval-label{font-size:15px;line-height:1}.eval-value{font-size:20px;line-height:1}.eval-pain-label{font-size:14px}.eval-pain-value{font-size:20px}}.feedback-area{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.feedback-prompt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:14px}.feedback{display:flex;flex-direction:column;gap:5px}.feedback-title{font-weight:700;font-size:15px}.correct .feedback-title{color:var(--green)}.checking .feedback-title{color:var(--accent)}.incorrect .feedback-title{color:var(--red)}.revealed .feedback-title{color:var(--accent)}.blunder-shown .feedback-title{color:var(--red)}.feedback-retry-prompt{color:var(--text-muted);font-size:.85rem;margin-top:4px}.best-moves-label{font-size:12px;color:var(--text-muted)}.best-moves-list{display:flex;flex-direction:column;gap:4px}.best-move-row{display:flex;justify-content:space-between;font-size:13px}.move-san{font-weight:600}.move-eval{color:var(--text-muted);font-variant-numeric:tabular-nums}.played-move{background:#22c55e1f;border-radius:4px;padding:1px 4px}.retry-actions{display:flex;gap:8px;margin-top:8px}.retry-actions>button{flex:1}.guest-counter-header{font-size:12px;color:var(--text-muted)}@media (min-width: 400px){.limit-reached{font-size:14px}}@media (max-width: 399px){.limit-reached{display:flex;flex-direction:column;align-items:center;line-height:1.4}.guest-counter-header{font-size:11px;white-space:nowrap}}.limit-signup-link{color:var(--accent);cursor:pointer;text-decoration:underline}.limit-signup-link:hover{color:var(--accent-hover, #60a5fa)}.botd-header{font-size:15px;font-weight:600;color:var(--text-muted);text-align:center}.view-only-label{color:var(--text-muted);font-style:italic}.all-caught-up{padding:10px 16px;background:var(--surface, #1a1b2e);border:1px solid var(--accent);border-radius:8px;text-align:center;font-size:13px;color:var(--text-muted);margin-bottom:12px}.all-caught-up strong{display:block;margin-bottom:4px;color:var(--text);font-size:14px}.all-caught-up p{margin:0}.all-caught-up a{color:var(--accent);text-decoration:underline;cursor:pointer}.all-caught-up a:hover{color:var(--accent-hover, #60a5fa)}.auth-landing{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:8px}.btn-landing{width:100%;font-size:16px}.btn-guest{background:var(--surface2);color:var(--text);padding:12px 24px;border-radius:8px;font-weight:600;border:1px solid var(--border);transition:background .15s,border-color .15s}.btn-guest:hover{background:var(--border);border-color:var(--text-muted)}.auth-signup-hint{font-size:13px;color:var(--text-muted);margin-top:4px}.auth-signup-hint .btn-link{font-size:13px;display:inline;padding:0}.auth-bar{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-bottom:8px;font-size:13px}.auth-bar .btn-link{font-size:13px;padding:0}.auth-user{color:var(--accent);font-weight:500}.auth-guest,.auth-sep{color:var(--text-muted)}.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.auth-modal{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;width:100%;max-width:360px}.auth-modal h2{font-size:22px;margin-bottom:20px}.auth-modal .field{margin-bottom:14px}.auth-modal .field input[type=email],.auth-modal .field input[type=password],.auth-modal .field input[type=text]{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 14px;font-size:15px;outline:none;width:100%;transition:border-color .15s}.auth-modal .field input:focus{border-color:var(--accent)}.auth-modal .field input:-webkit-autofill,.auth-modal .field input:-webkit-autofill:hover,.auth-modal .field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg) inset;transition:background-color 5000s ease-in-out 0s}.auth-modal .btn-primary{width:100%;margin-top:8px;font-size:15px}.auth-modal .btn-primary:disabled{opacity:.5;cursor:default}.auth-modal-close{position:absolute;top:12px;right:16px;background:none;color:var(--text-muted);font-size:24px;line-height:1;padding:4px}.auth-modal-close:hover{color:var(--text)}.auth-modal-message{background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:8px;color:var(--text);font-size:13px;padding:10px 14px;text-align:center;margin-bottom:4px}.auth-error{color:var(--red);font-size:13px;margin:8px 0}.auth-toggle{text-align:center;font-size:13px;color:var(--text-muted);margin-top:16px}.auth-toggle .btn-link{font-size:13px;display:inline;padding:0}.google-signin-btn{display:flex;justify-content:center;margin:.75rem 0}.google-terms{font-size:.72rem;color:var(--text-muted);text-align:center;margin:.25rem 0 0;line-height:1.4}.google-terms a{color:var(--accent);text-decoration:none}.google-terms a:hover{text-decoration:underline}.email-verify-banner{background:color-mix(in srgb,var(--yellow) 12%,transparent);border-bottom:1px solid color-mix(in srgb,var(--yellow) 30%,transparent);color:var(--text);font-size:13px;padding:6px 16px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.email-verify-dismiss{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:4px 8px;margin-left:8px;line-height:1}.email-verify-dismiss:hover{color:var(--text)}.auth-divider{display:flex;align-items:center;margin:.75rem 0;gap:.75rem;color:var(--text-muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.text-muted{color:var(--text-muted)}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;min-height:48px;box-sizing:border-box;background:var(--surface);border-bottom:1px solid var(--border);font-size:13px;position:relative;z-index:10}.top-bar-left{display:flex;align-items:center;gap:12px;position:relative}.top-bar-logo{display:flex;align-items:center;gap:4px;margin-right:8px;background:none;border:none;padding:0;cursor:pointer}.logo-hamburger{display:none}.top-bar-logo-img{height:38px;width:auto}.top-bar-logo-text{font-weight:800;font-size:22px;letter-spacing:-.5px}.top-bar-center{position:absolute;left:50%;transform:translate(-50%);font-size:15px;color:var(--text-muted);white-space:nowrap}.top-bar-right{display:flex;align-items:center;gap:12px}.btn-login{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:.85rem;font-weight:600;cursor:pointer}.btn-login:hover{opacity:.85}.top-bar-logo-img-mobile{display:none}.user-panel-name{color:var(--text);font-weight:600;font-size:15px}.points-wrapper{position:relative;display:inline-flex;align-items:center}.points-label{font-size:15px;color:var(--text-muted);margin-right:4px}.user-panel-points{color:#e2b340;font-weight:700;background:#e2b3401f;padding:2px 8px;border-radius:10px;font-size:14px;transition:transform .2s ease}.user-panel-points.balance-bump{animation:balanceBump .4s ease}.points-delta{position:absolute;left:100%;margin-left:6px;font-weight:800;font-size:26px;white-space:nowrap;pointer-events:none;animation:pointsFloat 1.1s ease-out forwards}.points-delta-positive{color:var(--green)}.points-delta-negative{color:var(--red)}@keyframes pointsFloat{0%{opacity:1;transform:translate(0) scale(1)}50%{opacity:.9;transform:translate(-8px) scale(.77)}to{opacity:0;transform:translate(-16px) scale(.54)}}@keyframes balanceBump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.streak-badge{margin-left:6px;font-weight:700;font-size:14px;padding:2px 7px;border-radius:10px;white-space:nowrap;animation:streakAppear .4s ease}.streak-fire{color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent);animation:streakAppear .4s ease,streakPulse 2s ease-in-out infinite}.streak-lightning{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);animation:streakAppear .4s ease,streakPulse 1.5s ease-in-out infinite}@keyframes streakAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes streakPulse{0%,to{opacity:1}50%{opacity:.7}}.btn-hamburger{display:none;background:none;border:none;padding:4px;cursor:pointer;color:var(--text)}.hamburger-icon{font-size:20px;line-height:1}.sidebar-overlay{display:none}.sidebar{width:156px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;padding:0}.sidebar-user{padding:10px 20px;font-size:13px;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav,.sidebar-bottom{display:flex;flex-direction:column}.sidebar-nav{flex:1}.sidebar button{text-align:left;padding:10px 20px;font-size:13px;background:none;border:none;color:var(--text);cursor:pointer;transition:background .15s}.sidebar button:hover{background:var(--surface2)}.sidebar button.active{font-weight:600;border-left:3px solid var(--green);padding-left:17px}.sidebar-subscription{color:var(--yellow)!important}.sidebar-subscription.active{border-left-color:var(--yellow)}.sidebar-logout{color:var(--text-muted)!important}.sidebar-bottom{border-top:1px solid var(--border);padding:2px 0}.app-body{display:flex;flex:1;overflow:hidden}.app-main{flex:1;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.app-main::-webkit-scrollbar{width:6px}.app-main::-webkit-scrollbar-track{background:transparent}.app-main::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.app-main::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.points-earned{color:var(--green);font-weight:700;margin-left:6px;font-size:14px}.points-lost{color:var(--red);font-weight:700;margin-left:6px;font-size:14px}.solved-screen{max-width:700px;margin:0 auto;padding:0 16px}.puzzle-filters{display:flex;flex-direction:column;gap:8px;padding:12px 0}.puzzle-filters .filters-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-field{position:relative;width:150px}.filter-field select{width:100%}.filter-label{position:absolute;top:-7px;left:8px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);background:var(--bg);padding:0 4px;line-height:1;z-index:1}.puzzle-filters select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%237880a0'/%3E%3C/svg%3E") no-repeat right 10px center;background-size:8px 5px;border:1px solid var(--border);border-radius:6px;padding:7px 28px 7px 10px;font-size:12.5px;font-weight:450;color:var(--text);cursor:pointer;transition:border-color .15s,box-shadow .15s}.filter-active select{background-color:#ffffff14;border-color:var(--text-muted)}.filter-active .filter-label{color:var(--text)}.puzzle-filters select option{background:var(--surface, #1e1e1e);color:var(--text)}.puzzle-filters select:hover{border-color:var(--text-muted)}.puzzle-filters select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #7c6af726}.multi-select{position:relative;width:100%}.multi-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:7px 10px;font-size:12.5px;font-weight:450;color:var(--text);cursor:pointer;transition:border-color .15s,box-shadow .15s;text-align:left}.multi-select-trigger:hover{border-color:var(--text-muted)}.multi-select-trigger:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #7c6af726}.filter-active .multi-select-trigger{background-color:#ffffff14;border-color:var(--text-muted)}.multi-select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.multi-select-arrow{font-size:10px;color:var(--text-muted);margin-left:6px;flex-shrink:0}.multi-select-dropdown{position:fixed;min-width:150px;max-height:240px;overflow-y:auto;background:var(--surface, #1e1e1e);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:100;padding:4px 0}.multi-select-all{padding:6px 10px;font-size:12.5px;color:var(--text-muted);cursor:pointer;white-space:nowrap;border-bottom:1px solid var(--border);margin-bottom:2px}.multi-select-all:hover{background:#ffffff0f}.multi-select-all.active{color:var(--text);font-weight:500}.multi-select-option{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12.5px;color:var(--text);cursor:pointer;white-space:nowrap}.multi-select-option:hover{background:#ffffff0f}.multi-select-option input[type=checkbox]{accent-color:var(--accent, #7c6af7);width:14px;height:14px;margin:0;flex-shrink:0}.sort-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sort-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.sort-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.sort-chip{display:inline-flex;align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:12.5px;color:var(--text);cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .15s,box-shadow .15s;overflow:hidden}.sort-chip-active{background:#ffffff14;border-color:var(--text-muted)}.sort-chip:hover{border-color:var(--text-muted)}.sort-chip:active{cursor:grabbing}.sort-chip-grip{display:flex;align-items:center;padding:0 5px 0 7px;color:var(--text-muted);font-size:11px;letter-spacing:-3px;cursor:grab;opacity:.5}.sort-chip:hover .sort-chip-grip{opacity:.8}.sort-chip-label{display:flex;align-items:center;white-space:nowrap;padding:6px 2px 6px 0;font-weight:450}.sort-chip-dir{display:flex;align-items:center;background:#7c6af714;border:none;border-left:1px solid var(--border);color:var(--accent);cursor:pointer;font-size:10px;font-weight:600;padding:0 8px;letter-spacing:.5px;transition:background .12s}.sort-chip-dir:hover{background:#7c6af72e}.sort-chip-remove{display:flex;align-items:center;background:none;border:none;border-left:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:14px;padding:0 7px;transition:color .12s,background .12s}.sort-chip-remove:hover{color:var(--red);background:#e854541a}.sort-add{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%237880a0'/%3E%3C/svg%3E") no-repeat right 8px center;background-size:8px 5px;border:1px dashed var(--border);border-radius:6px;padding:7px 26px 7px 10px;font-size:12px;font-weight:450;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s}.sort-add:hover{border-color:var(--text-muted);color:var(--text)}.sort-add:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #7c6af726}.filters-meta{display:flex;align-items:center;gap:8px}.puzzle-filters .btn-reset{background:none;border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:11px;color:var(--text-muted);cursor:pointer}.puzzle-filters .btn-reset:hover{color:var(--text);border-color:var(--text-muted)}.puzzle-filters .filter-count{font-size:12px;color:var(--text-muted)}.failed-attempts-tag{color:var(--red);font-weight:600}.section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-top:14px;margin-bottom:2px}.preset-bar{display:flex;gap:6px;flex-wrap:wrap;padding:10px 0 6px}.preset-btn{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:7px 14px;font-size:13px;font-weight:450;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.preset-btn:hover{color:var(--text);border-color:var(--text-muted)}.preset-active{color:var(--text);border-color:var(--accent);background:#7c6af71a}.preset-custom{border-style:dashed}.preset-saved{position:relative;padding-right:24px}.preset-delete{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:14px;line-height:1;color:var(--text-muted);opacity:.4;cursor:pointer}.preset-delete:hover{opacity:1;color:var(--red, #ef4444)}.section-label-row{display:flex;align-items:center;justify-content:space-between;min-height:34px}.preset-save-as{border-style:dashed;color:var(--accent)}.preset-save-dialog{display:flex;align-items:center;gap:8px}.preset-save-dialog input{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:13px;max-width:200px}.preset-save-dialog .btn{padding:6px 14px;font-size:12px}.advanced-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;border-top:1px solid var(--border);width:100%;text-align:left;font-size:11.5px;font-weight:500;letter-spacing:.3px;color:var(--text-muted);cursor:pointer;padding:8px 0 4px;transition:color .15s}.advanced-toggle:hover{color:var(--text)}.advanced-toggle-icon{font-size:9px}.advanced-toggle-open{color:var(--accent)}.solved-total-pts{color:var(--green);font-weight:700;font-size:14px}.solved-loading,.solved-error,.solved-empty{text-align:center;padding:40px 0;color:var(--text-muted);font-size:14px}.solved-error{color:var(--red)}.btn-load-more{display:block;margin:12px auto;padding:10px 32px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;font-size:.95rem;cursor:pointer;transition:border-color .15s,background .15s}.btn-load-more:hover:not(:disabled){border-color:var(--accent);background:var(--surface-hover, var(--surface))}.btn-load-more:disabled{opacity:.6;cursor:default}.solved-list{display:flex;flex-direction:column;gap:4px;padding:12px 0}.solved-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .15s;width:100%;text-align:left;color:var(--text);font:inherit}.solved-row:hover{border-color:var(--accent)}.solved-row-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.solved-badge{font-size:16px;width:24px;text-align:center;color:var(--green)}.solved-row-info{display:flex;flex-direction:column;gap:2px}.solved-player-row{display:flex;align-items:center;gap:8px}.solved-badges-row{display:flex;align-items:center;gap:6px}.solved-player{font-size:13px;font-weight:500}.solved-opponent{font-size:14px;font-weight:500}.solved-meta{font-size:12px;color:var(--text-muted)}.solved-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;margin-left:12px}.solved-pts{color:var(--green);font-weight:700;font-size:13px}.solved-date{font-size:11px;color:var(--text-muted)}.solved-count{text-align:center;font-size:14px;color:var(--text-muted);margin:8px 0 4px}.solved-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 16px}.solved-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s;color:var(--text);font:inherit}@media (hover: hover){.solved-tile:hover:not(:disabled){border-color:var(--accent);background:#4ecca30f}}.solved-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.solved-tile:focus:not(:focus-visible){outline:none}.solved-tile:disabled{opacity:.4;cursor:default}.solved-tile-icon{font-size:36px;line-height:1}.solved-tile-label{font-size:16px;font-weight:600}.solved-tile-desc{font-size:12px;color:var(--text-muted)}.solved-back-btn{all:unset;cursor:pointer;font-size:14px;color:var(--text-muted);margin:8px 0;transition:color .15s}.solved-back-btn:hover{color:var(--text)}.btn-action-prev{background:#ffffff0a;color:var(--text-muted);border-color:#ffffff26}.btn-action-prev:hover:not(:disabled){border-color:#fff6}.btn-action-back-solved{border-color:#ffffff40;font-size:13px}.btn-action-back-solved:hover{border-color:#ffffff80}.stats-screen{max-width:700px;margin:0 auto;padding:0 16px}.stats-screen h2,.solved-screen h2,.settings-screen h2{font-size:22px;margin-top:20px;margin-bottom:16px}.stats-screen h3{font-size:16px;margin-bottom:10px;color:var(--text)}.stats-window-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:20px}.stats-window-bar .pro-badge{margin-left:4px}.stats-window-locked .analysis-mode-btn{opacity:.45;pointer-events:none}.stats-window-locked .analysis-mode-btn.active{opacity:.7}.stats-section-locked{opacity:.5;position:relative}.stats-section-locked .pro-badge{opacity:1}.stats-section-locked .progress-select{pointer-events:none}.progress-table{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.progress-header,.progress-row{display:flex;align-items:center}.progress-header{border-bottom:1px solid var(--border);padding:10px 0}.progress-row{padding:9px 0;border-bottom:1px solid var(--border)}.progress-row:last-child{border-bottom:none}.progress-label-col{flex:1 1 0;padding:0 14px;font-size:13px;color:var(--text-muted)}.progress-val-col{width:130px;text-align:center;font-size:14px;font-weight:600;color:var(--text-muted);padding:0 8px}.progress-better{color:var(--green, #22c55e)}.progress-select{width:100%;background:var(--surface, #1e1e1e);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px;padding:4px;cursor:pointer}.progress-select option{background:var(--surface, #1e1e1e);color:var(--text)}.stats-cards{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.stats-card{flex:1 1 120px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;text-align:center;min-width:100px}.stats-card-value{font-size:24px;font-weight:700;color:var(--text)}.stats-card-label{font-size:12px;color:var(--text-muted);margin-top:4px}.stats-section{margin-bottom:28px}.stats-subtitle{font-size:13px;color:var(--text-muted);margin:-6px 0 10px}.stats-chart{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 12px 8px}.stats-themes{display:flex;flex-direction:column;gap:8px}.stats-theme-row{display:flex;align-items:center;gap:10px}.stats-theme-info{width:160px;flex-shrink:0;display:flex;flex-direction:column;gap:2px}.stats-theme-count{font-size:11px;color:var(--text-muted)}.stats-theme-bar-bg{flex:1;height:14px;background:var(--surface);border:1px solid var(--border);border-radius:7px;overflow:hidden}.stats-theme-bar-fill{height:100%;border-radius:7px;transition:width .5s ease}.stats-theme-pct{width:44px;text-align:right;font-size:13px;font-weight:600;flex-shrink:0}.solved-badge-fail{color:var(--red)!important;font-weight:700}.stats-failed-tag{font-size:10px;color:var(--red);text-transform:uppercase;font-weight:600}@media (max-width: 600px){.botd-date{display:block}.stats-theme-info{width:110px}.stats-cards{gap:8px}.stats-card{flex:1 1 90px;padding:10px 8px;min-width:80px}.stats-card-value{font-size:20px}}.analytics-screen{max-width:700px;margin:0 auto;padding:0 16px}.analytics-screen h2{font-size:22px;margin-top:20px;margin-bottom:16px}.analytics-screen h3{font-size:16px;margin-bottom:10px;color:var(--text)}.analytics-section-locked{position:relative;pointer-events:none}.analytics-section-locked>*:not(.pro-badge){opacity:.5;filter:blur(3px)}.analytics-section-locked>.pro-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-size:13px;padding:6px 16px}.stats-card-value-sm{font-size:16px}.analytics-phase-bars{display:flex;flex-direction:column;gap:12px}.analytics-phase-item{display:flex;flex-direction:column;gap:4px}.analytics-phase-label{font-size:13px;font-weight:600}.analytics-phase-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.analytics-phase-pain{font-style:italic}.analytics-tc-row{display:flex;align-items:center;gap:16px}.analytics-tc-pie{flex:0 0 180px}.analytics-tc-legend{flex:1;display:flex;flex-direction:column;gap:6px}.analytics-tc-legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.analytics-tc-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.analytics-tc-count{color:var(--text-muted);margin-left:auto}.analytics-color-row{display:flex;gap:20px}.analytics-color-item{flex:1;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}.analytics-color-icon{width:36px;height:36px;border-radius:50%;flex-shrink:0}.analytics-color-white{background:#eee;border:2px solid #bbb}.analytics-color-black{background:#333;border:2px solid #555}.analytics-color-info{display:flex;flex-direction:column;gap:2px}.analytics-color-label{font-weight:600;font-size:14px}.analytics-color-count{font-size:12px;color:var(--text-muted)}.analytics-color-pain{font-size:11px;color:var(--text-muted);font-style:italic}.analytics-worst-list{display:flex;flex-direction:column;gap:2px}.analytics-worst-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);transition:border-color .15s;cursor:pointer;text-align:left;width:100%;font:inherit}.analytics-worst-item:hover{border-color:var(--accent)}.analytics-worst-rank{font-size:16px;font-weight:700;color:var(--accent);min-width:28px;padding-top:2px}.analytics-worst-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.analytics-worst-move{font-weight:600;font-size:14px}.analytics-worst-pain{font-weight:400;font-size:12px;color:var(--danger, #e05555);margin-left:6px}.analytics-worst-meta{font-size:12px;color:var(--text-muted)}.analytics-worst-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.analytics-worst-game-link{font-size:11px;color:var(--text-muted);text-decoration:none}.analytics-worst-game-link:hover{color:var(--accent);text-decoration:underline}.insights-tabs-bar{border-bottom:1px solid var(--border);flex-shrink:0}.insights-tabs{display:flex;max-width:700px;margin:0 auto;padding:0 16px}.insights-tab{padding:10px 0;margin-right:24px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s}.insights-tab:hover{color:var(--text)}.insights-tab.active{color:var(--text);border-bottom-color:var(--accent)}@media (max-width: 600px){.analytics-tc-row{flex-direction:column}.analytics-tc-pie{flex:none;width:100%}.analytics-color-row{flex-direction:column;gap:8px}.stats-card-value-sm{font-size:14px}.insights-tab{padding:15px 0;font-size:15px}}.about-screen{max-width:700px;margin:0 auto;padding:0 16px 40px}.about-screen h2{font-size:22px;margin-top:20px;margin-bottom:8px}.about-intro{color:var(--text-muted);font-size:14.5px;margin-bottom:24px;line-height:1.7}.about-section{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border)}.about-section-last{border-bottom:none;margin-bottom:0;padding-bottom:0}.about-section h3{font-size:17px;margin-bottom:8px;color:var(--accent)}.about-section>h4{font-size:15px;margin-bottom:8px;color:var(--accent)}.about-section p{font-size:14px;line-height:1.7;margin-bottom:8px;color:var(--text)}.about-section ul{padding-left:20px;margin-bottom:10px}.about-section li{font-size:14px;line-height:1.7;margin-bottom:4px}.about-section a{color:var(--accent)}.about-section a:hover{color:#9b8fff}.about-detail{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin:12px 0}.about-detail h4{font-size:14px;font-weight:600;margin-bottom:6px}.about-detail p{font-size:13.5px}.about-detail ul{padding-left:18px}.about-detail li{font-size:13.5px}.about-formula{font-family:Courier New,monospace;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 12px;display:inline-block;font-size:13px;font-weight:600;margin-bottom:8px;color:var(--accent)}.about-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13.5px}.about-table th{text-align:left;padding:8px 12px;background:var(--surface);border:1px solid var(--border);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted)}.about-table td{padding:8px 12px;border:1px solid var(--border)}.onboarding-screen{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:24px}.onboarding-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px;width:100%;max-width:420px;text-align:center}.onboarding-card h2{font-size:24px;margin-bottom:12px}.onboarding-card p{color:var(--text-muted);font-size:14px;margin-bottom:24px;line-height:1.6}.onboarding-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:12px 14px;font-size:16px;outline:none;transition:border-color .15s;text-align:center}.onboarding-input:focus{border-color:var(--accent)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)!important;cursor:pointer}::-webkit-calendar-picker-indicator{filter:invert(1)!important}.onboarding-input:disabled{opacity:.5}.onboarding-input-disabled{opacity:.35;cursor:not-allowed;font-style:italic}.onboarding-error{color:var(--red);font-size:13px;margin-top:8px}.onboarding-btn{width:100%;margin-top:16px;font-size:16px}.onboarding-btn:disabled{opacity:.5;cursor:default}.onboarding-card .field{text-align:left;margin-bottom:16px}.onboarding-card .field>label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:6px}.settings-screen{max-width:480px;margin:0 auto;padding:0 16px 32px}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px}@media (max-width: 480px){.settings-screen{padding:0 8px 32px}.settings-card{padding:20px 14px;border-radius:12px}.color-swatch-label{min-width:80px}}.settings-card .field{margin-bottom:0;padding-bottom:20px;border-bottom:1px solid var(--border)}.settings-card .field:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:16px}.settings-card .field+.field{padding-top:20px}.settings-card .field>label{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px}.settings-saved{color:var(--green, #22c55e);font-size:13px;margin-top:8px}.settings-save-indicator{font-size:12px;font-weight:600;padding:2px 10px;border-radius:6px;text-transform:none;letter-spacing:normal;margin-left:auto;margin-right:auto;animation:indicator-fade-in .15s ease}.settings-save-indicator.saving{color:var(--text-muted);background:#ffffff0d}.settings-save-indicator.saved{color:var(--green);background:#22c55e1a}.settings-save-indicator.error{color:var(--red);background:#ef44441a}@keyframes indicator-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-checkbox-label{display:inline-flex;flex-direction:row;align-items:center;gap:14px;cursor:pointer;font-size:14px!important;color:var(--text-primary)!important;line-height:1}.settings-checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0 10px 0 0;vertical-align:middle;accent-color:var(--accent);cursor:pointer;flex-shrink:0;position:relative;top:-1px}.field-pro-locked{opacity:.45;position:relative}.field-pro-locked input,.field-pro-locked select,.field-pro-locked button{pointer-events:none}.date-range-row{display:flex;align-items:center;gap:8px}.date-range-field{flex:1}.date-range-label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.date-range-sep{margin-top:16px;color:var(--text-muted)}.pro-badge{display:inline-block;margin-top:4px;font-size:11px;font-weight:600;color:var(--accent);background:#ffffff0f;border:1px solid var(--accent);border-radius:4px;padding:2px 8px;letter-spacing:.3px}.palette-grid{display:flex;flex-wrap:wrap;gap:10px}.palette-swatch{display:grid;grid-template-columns:1fr 1fr;width:44px;height:44px;border-radius:6px;overflow:hidden;border:2px solid var(--border);cursor:pointer;transition:border-color .15s,transform .15s;padding:0;background:none}.palette-swatch:hover:not(:disabled){transform:scale(1.08)}.palette-swatch.selected{border-color:var(--accent);box-shadow:0 0 0 2px #6366f140}.palette-cell{display:block;width:100%;height:100%}.piece-set-grid{display:flex;flex-wrap:wrap;gap:10px}.piece-set-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border:2px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;transition:border-color .15s,transform .15s;color:var(--text)}.piece-set-btn:hover:not(:disabled){transform:scale(1.05)}.piece-set-btn.selected{border-color:var(--accent);box-shadow:0 0 0 2px #6366f140}.piece-set-preview{width:36px;height:36px;object-fit:contain}.piece-set-default-icon{display:flex;align-items:center;justify-content:center;font-size:30px;line-height:1}.piece-set-label{font-size:11px;font-weight:600;color:var(--text-muted)}.notation-grid{display:flex;flex-wrap:wrap;gap:10px}.notation-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border:2px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;transition:border-color .15s,transform .15s;color:var(--text);min-width:54px}.notation-btn:hover:not(:disabled){transform:scale(1.05)}.notation-btn.selected{border-color:var(--accent);box-shadow:0 0 0 2px #6366f140}.notation-preview{font-size:18px;font-weight:600;line-height:1}.notation-label{font-size:11px;font-weight:600;color:var(--text-muted)}.notation-row{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}.notation-size-picker{display:flex;flex-direction:column;align-items:center;gap:6px}.notation-size-label{font-size:11px;font-weight:600;color:var(--text-muted)}.notation-size-btns{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.notation-size-btn{padding:8px 14px;background:transparent;border:none;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.notation-size-btn:not(:last-child){border-right:1px solid var(--border)}.notation-size-btn.selected{background:var(--accent);color:#fff}.notation-size-btn:disabled{cursor:default}.color-swatch-field{display:flex;align-items:center;gap:12px;margin-bottom:10px}.color-swatch-field:last-child{margin-bottom:0}.color-swatch-label{font-size:13px;color:var(--text-muted);min-width:120px}.color-swatch-row{display:flex;gap:6px}.color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .12s,border-color .12s;padding:0}.color-swatch:hover:not(:disabled){transform:scale(1.15)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.analysis-mode-toggle{display:flex;gap:0;margin-bottom:12px;border:1px solid var(--border);border-radius:6px;overflow:hidden}.analysis-mode-btn{flex:1;padding:8px 12px;background:transparent;border:none;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.analysis-mode-btn:not(:last-child){border-right:1px solid var(--border)}.analysis-mode-btn.active{background:var(--accent);color:#fff}.analysis-mode-btn:disabled{cursor:default}.analysis-period-row{display:flex;align-items:center;gap:8px}.analysis-period-prefix{font-size:14px;color:var(--text-muted)}.analysis-period-input{width:64px;text-align:center}.analysis-period-unit{padding:8px 10px;background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:6px;font-size:14px}.field-description{color:var(--text-muted);font-size:12px;margin:0 0 8px}.field-hint{color:var(--text-muted);font-size:11px;margin:4px 0 0;font-style:italic}.time-trouble-row{display:flex;align-items:center;gap:8px}.time-trouble-input{width:72px;text-align:center}.time-trouble-suffix{color:var(--text-muted);font-size:14px}.btn-settings{font-size:18px;line-height:1}.btn-save.saved{color:#e2b340}.btn-save:disabled{opacity:.5;cursor:default}.settings-section-title{display:flex;align-items:baseline;justify-content:space-between;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.settings-display-name{text-transform:none;letter-spacing:normal;font-size:13px;color:var(--text);font-weight:500}.settings-username-row{flex-direction:row;flex-wrap:wrap;gap:16px}.settings-username-row .onboarding-error{flex-basis:100%;margin:-8px 0 0}.settings-username-field{flex:1;min-width:0}.settings-username-field label{display:block;margin-bottom:6px}.settings-username-input-wrap{display:flex;align-items:center;gap:6px}.settings-username-input-wrap .onboarding-input{flex:1;min-width:0}.username-confirm-icons{display:flex;gap:2px;flex-shrink:0}.username-icon-btn{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,border-color .15s}.username-icon-btn.confirm{color:#22c55e;border-color:#22c55e44}.username-icon-btn.confirm:hover{background:#22c55e22;border-color:#22c55e}.username-icon-btn.cancel{color:#ef4444;border-color:#ef444444}.username-icon-btn.cancel:hover{background:#ef444422;border-color:#ef4444}.username-icon-btn:disabled{opacity:.4;cursor:default}.settings-password-row{display:flex;align-items:center;gap:12px}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--red);color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;width:fit-content;transition:opacity .15s}.btn-danger:hover:not(:disabled){opacity:.85}.btn-danger:disabled{opacity:.5;cursor:default}.delete-confirm{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--text-muted)}.delete-confirm label{font-size:13px}.delete-confirm-buttons{display:flex;gap:10px;margin-top:4px}.support-screen{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:24px}.support-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;max-width:480px;text-align:center}.support-card h2{margin:0 0 16px;font-size:20px}.support-card p{margin:0 0 12px;color:var(--text-muted);line-height:1.6}.bmac-link{display:inline-block;margin-top:8px}.bmac-button{height:48px;border-radius:8px}.subscription-screen{max-width:700px;margin:0 auto;padding:0 16px 32px}@media (min-width: 901px){.subscription-screen{max-width:860px}.subscription-table{max-width:860px;min-width:700px}.subscription-table-label{width:260px}}.subscription-polling-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;display:flex;align-items:center;justify-content:center}.subscription-polling-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:32px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.subscription-polling-card .chess-spinner{font-size:40px;color:var(--yellow)}.subscription-polling-card p{margin:0;font-size:15px;font-weight:600;color:var(--text)}.polling-dots{display:inline-block;width:1.2em;text-align:left}.polling-dots:after{content:"";animation:pollingDots 1.5s steps(4,end) infinite}@keyframes pollingDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.subscription-heading,.subscription-polling,.subscription-cycle-toggle,.subscription-cta-btn{flex-shrink:0}.subscription-footer-loading{font-size:15px;color:var(--text-muted)}.subscription-status-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;max-width:480px;text-align:center;margin:40px auto 0}.subscription-status-card h2{margin:0 0 16px;font-size:22px}.subscription-status-card .subscription-status{margin:0 0 20px;color:var(--text-muted);font-size:15px}.subscription-manage-hint{margin:8px 0 16px;font-size:13px;color:var(--text-muted);line-height:1.6}.subscription-gift-thanks{margin:0;font-size:14px;font-weight:600;color:var(--yellow)}.subscription-perks-intro{margin:20px 0 0;font-size:14px;color:var(--text);font-weight:600;text-align:left}.subscription-perks{text-align:left;margin:8px 0 0;padding:0 0 0 20px;font-size:14px;color:var(--text);line-height:1.8}.confirm-modal{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 32px;max-width:360px;width:90%;text-align:center}.confirm-modal h2{font-size:20px;margin:0 0 12px}.confirm-modal p{color:var(--text-muted);margin:0 0 24px}.confirm-modal-actions{display:flex;gap:12px;justify-content:center}.confirm-modal-actions button{padding:8px 24px;border-radius:8px;font-weight:500}.app-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border);flex-wrap:wrap;margin-top:auto;flex-shrink:0}.app-footer a{color:var(--text-muted);text-decoration:none}.app-footer a:hover{color:var(--text)}.footer-sep{opacity:.4}@media (max-width: 400px){.app-footer{font-size:11px;gap:5px;padding:10px 12px}}.terms-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-muted);cursor:pointer;margin:4px 0 8px;line-height:1.5}.terms-checkbox input[type=checkbox]{margin-top:3px;accent-color:var(--accent);flex-shrink:0}.terms-checkbox a{color:var(--accent);text-decoration:none}.terms-checkbox a:hover{text-decoration:underline}@media (max-width: 600px){.logo-hamburger{display:block;font-size:26px;line-height:1;color:var(--text-muted)}.top-bar-logo{margin-right:0}.sidebar{position:fixed;top:0;left:0;height:100%;z-index:200;transform:translate(-100%);transition:transform .25s ease;width:200px}.sidebar.sidebar-open{transform:translate(0)}.sidebar button{padding:17px 20px}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:199}.top-bar{padding:2px 12px}.top-bar-logo-text,.top-bar-logo-img{display:none}.top-bar-logo-img-mobile{display:block;height:50px;width:auto}.top-bar-center{position:static;transform:none;font-size:15px}.error-screen{padding:16px;align-items:flex-start}.error-card{padding:24px}.daily-limit-links{grid-template-columns:1fr}input[type=text],input[type=password],input[type=email],input[type=date],input[type=number],select,textarea{font-size:16px!important}}.pricing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.pricing-modal{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:32px 24px;max-width:800px;width:100%;max-height:95vh;overflow-y:auto;position:relative;display:flex;flex-direction:column;align-items:center}@media (max-width: 600px){.pricing-overlay{padding:30px 8px 8px}.pricing-modal{padding:20px 12px;max-height:95vh}.subscription-cycle-btn{padding:8px 16px;font-size:13px;min-width:70px}.subscription-table-header,.subscription-table-row{flex-wrap:wrap}.subscription-table-label{width:100%;flex-basis:100%;font-size:12px;font-weight:600;color:var(--text)!important;padding:10px 0 4px;border-left:none}.subscription-table-col{flex:1 1 50%;font-size:13px;padding:6px 4px;border-left:none!important}.subscription-table-col.subscription-table-col-master{border-left:1px solid var(--border)!important}.subscription-table-header .subscription-table-label,.subscription-table-price-row .subscription-table-label,.subscription-table-cta-row .subscription-table-label{display:none}.subscription-table-row+.subscription-table-row:not(.subscription-table-cta-row){border-top:1px solid color-mix(in srgb,var(--border) 40%,transparent)}}.pricing-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:22px;color:var(--text-muted);cursor:pointer;line-height:1}.pricing-close:hover{color:var(--text)}.pricing-top-bar{display:flex;align-items:center;width:100%;max-width:700px;margin-bottom:16px;gap:16px}.pricing-top-bar .subscription-cycle-toggle{margin:0 auto}.subscription-screen .pricing-top-bar{margin-top:20px}.subscription-heading{font-size:22px;margin:0}.subscription-cycle-toggle{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface)}.subscription-cycle-btn{display:block;padding:6px 18px;margin:0;background:transparent;border:none;border-radius:0;font-size:13px;line-height:1.4;font-weight:600;color:var(--text-muted);cursor:pointer;text-align:center;min-width:80px}.subscription-cycle-btn.active{background:var(--accent);color:#fff}.subscription-table{max-width:700px;width:100%;position:relative}.subscription-table-header,.subscription-table-row{display:flex;align-items:stretch}.subscription-table-label{width:200px;flex-shrink:0;min-width:0;font-size:15px;color:var(--text-muted);padding:10px 8px;display:flex;align-items:center}.subscription-table-col{flex:1;text-align:center;font-size:15px;color:var(--text-muted);flex-shrink:0;padding:10px 4px;border-left:1px solid var(--border);display:flex;align-items:center;justify-content:center}.subscription-table-header .subscription-table-col{font-weight:700;font-size:16px;color:var(--text);padding-bottom:8px}.subscription-table-header .subscription-table-col-master{color:var(--yellow)}.subscription-crown{position:relative;top:-2px}.subscription-master-heading{color:var(--yellow)}.subscription-master-heading .subscription-crown{top:-3px}.subscription-table-row+.subscription-table-row:not(.subscription-table-cta-row){border-top:1px solid color-mix(in srgb,var(--border) 40%,transparent)}.subscription-cross{color:var(--red, #ef4444);font-weight:600}.subscription-check{color:var(--green);font-weight:600}.subscription-table-footer{display:flex;align-items:baseline;border-top:1px solid var(--border);padding:14px 0 4px}.subscription-table-footer-col{display:flex;align-items:baseline;justify-content:center;gap:2px}.subscription-table-footer .subscription-table-col-master{padding-bottom:8px}.subscription-footer-amount{font-size:18px;font-weight:700;color:var(--text)}.subscription-footer-period{font-size:13px;color:var(--text-muted)}.subscription-save-badge{display:block;font-size:10px;font-weight:600;color:var(--green);margin-top:1px}.subscription-table-price-row .subscription-table-col{padding-bottom:2px}.subscription-table-cta-row{border-bottom:2px solid var(--border)}.subscription-table-cta-row .subscription-table-col{padding-top:4px;padding-bottom:16px}.subscription-cta-btn{font-size:14px;padding:8px 20px;width:100%;max-width:180px}.subscription-current-label{font-size:13px;font-weight:600;color:var(--text-muted)}.subscription-coming-label{font-size:13px;font-weight:600;color:var(--yellow)}.subscription-cta-free{background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text)}.subscription-cta-free:hover{background:var(--bg-hover)}