:root{--bg: #0d0d0d;--bg-card: rgba(26, 26, 25, .85);--bg-card-solid: #1a1a19;--bg-input: #232322;--bg-hover: #2c2c2a;--accent: #D93043;--accent-hover: #b02232;--accent-light: rgba(217, 48, 67, .15);--text: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--border: #2c2c2a;--border-strong: #4a4a47;--success: #0ca30c;--warning: #fab219;--warning-light: rgba(250, 178, 25, .12);--danger: #d03b3b;--info: #3987e5;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--font-body: "Montserrat", sans-serif;--font-display: "Playfair Display", serif;--chart-grid: #2c2c2a;--chart-ring: #383835;--chart-weight: #ffffff;--bg-glow-1: rgba(217, 48, 67, .08);--bg-glow-2: transparent;--series-1: #3987e5;--series-2: #199e70;--series-3: #c98500;--series-4: #008300;--series-5: #9085e9;--series-6: #e66767;--series-7: #d55181;--series-8: #d95926}:root[data-theme=light]{--bg: #ffffff;--bg-card: #ffffff;--bg-card-solid: #ffffff;--bg-input: #f5f5f5;--bg-hover: #f0f0f0;--text: #171717;--text-secondary: #262626;--text-muted: #525252;--border: #e5e5e5;--border-strong: #b5b5b5;--accent-light: rgba(217, 48, 67, .08);--success: #006300;--warning: #b45309;--warning-light: rgba(180, 83, 9, .1);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .08);--chart-grid: #e1e0d9;--chart-ring: #c3c2b7;--chart-weight: #171717;--bg-glow-1: transparent;--bg-glow-2: transparent;--series-1: #2a78d6;--series-2: #1baf7a;--series-3: #eda100;--series-4: #008300;--series-5: #4a3aa7;--series-6: #e34948;--series-7: #e87ba4;--series-8: #eb6834}:root[data-theme=light] .card,:root[data-theme=light] .login-card{backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-theme=light] .wheel-sector{fill-opacity:.9}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);background-image:radial-gradient(ellipse 60% 40% at 15% -10%,var(--bg-glow-1),transparent),radial-gradient(ellipse 50% 35% at 90% 5%,var(--bg-glow-2),transparent);background-attachment:fixed;color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color .25s ease,color .25s ease}button{font-family:var(--font-body);cursor:pointer}a{color:var(--accent);text-decoration:none}.app{max-width:880px;margin:0 auto;padding:0 16px 64px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--border);margin-bottom:28px}.app-brand{font-family:var(--font-display);font-size:1.25rem;color:var(--text);display:flex;align-items:center;gap:10px}.app-brand em{color:var(--accent);font-style:normal}.app-nav{display:flex;gap:4px}.app-nav a{padding:9px 15px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:color .2s ease,background .2s ease;position:relative}.app-nav a:hover{background:var(--bg-hover);color:var(--text)}.app-nav a.active{color:var(--accent)}.nav-underline{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-light);border-radius:var(--radius-sm);z-index:-1}.btn-logout{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:7px 12px;border-radius:var(--radius-sm);font-size:.75rem;transition:all .2s ease}.btn-logout:hover{border-color:var(--danger);color:var(--danger)}.btn-theme{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);color:var(--text-secondary);border-radius:50%;transition:all .2s ease}.btn-theme:hover{border-color:var(--accent);color:var(--accent)}.theme-fixed{position:fixed;top:18px;right:18px;z-index:100}.page-title{font-family:var(--font-display);font-size:1.65rem;margin-bottom:6px}.page-subtitle{color:var(--text-secondary);font-size:.92rem;margin-bottom:22px;max-width:60ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;min-height:44px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;border:none;transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.btn:focus-visible,.app-nav a:focus-visible,.rate-btn:focus-visible,.chip-suggest:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--text-secondary)}.btn-ghost-danger{background:none;color:var(--danger);border:1px solid transparent}.btn-ghost-danger:hover{border-color:var(--danger)}.btn-gold{background:var(--accent);color:#fff}.btn-gold:hover{background:var(--accent-hover)}:root[data-theme=light] .btn-gold{color:#fff}:root[data-theme=light] .rate-btn.selected.gold{color:#fff}.btn-full{width:100%}.btn-sm{padding:8px 14px;min-height:36px;font-size:.8rem}.card{background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin-bottom:16px}.card-title{font-weight:600;margin-bottom:12px;font-size:1rem}.hint{background:var(--bg-input);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:13px 16px;font-size:.85rem;color:var(--text-secondary);margin-bottom:16px}.hint strong{color:var(--text);font-weight:700}.notice-warning{background:var(--warning-light);border:1px solid var(--warning);border-radius:var(--radius-sm);padding:12px 16px;font-size:.85rem;color:var(--warning);margin-bottom:16px}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:6px;font-size:.85rem;color:var(--text-secondary)}.form-input{width:100%;padding:12px 15px;min-height:44px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:1rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:var(--accent)}.form-input::placeholder{color:var(--text-muted);opacity:1}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{background:var(--bg-card);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:42px 36px;width:100%;max-width:430px;box-shadow:var(--shadow-lg)}.login-brand{text-align:center;font-family:var(--font-display);font-size:1.45rem;color:var(--text);margin-bottom:4px}.login-brand em{color:var(--accent);font-style:normal}.login-subtitle{text-align:center;color:var(--text-secondary);font-size:.87rem;margin-bottom:26px}.login-tabs{display:flex;margin-bottom:24px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.login-tab{flex:1;padding:11px;text-align:center;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;border:none;position:relative}.login-tab.active{color:#fff}.login-tab-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);z-index:-1}.login-tab{z-index:0}.steps{display:flex;gap:8px;margin-bottom:22px}.step-pill{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 6px;min-height:44px;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;border:1px solid var(--border);color:var(--text-muted);background:var(--bg-card);transition:all .2s ease}.step-pill.active{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.step-pill.done{border-color:#4caf5080;color:var(--success)}.step-num{width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;flex-shrink:0}.area-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;min-height:44px}.area-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--accent);color:var(--text);border-radius:999px;padding:9px 8px 9px 16px;font-size:.86rem;font-weight:500}.area-chip button{background:none;border:none;color:var(--text-secondary);font-size:1rem;line-height:1;padding:4px 8px;border-radius:50%;transition:color .15s ease}.area-chip button:hover{color:var(--danger)}.suggest-label{font-size:.72rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin:12px 0 8px}.suggest-chips{display:flex;flex-wrap:wrap;gap:7px}.chip-suggest{background:transparent;border:1px dashed var(--border-strong);color:var(--text-secondary);font-weight:500;border-radius:999px;padding:8px 14px;font-size:.8rem;transition:all .2s ease}.chip-suggest:hover{border-color:var(--accent);color:var(--accent)}.chip-suggest:disabled{opacity:.25;cursor:default}.add-area-row{display:flex;gap:8px}.add-area-row .form-input{flex:1}.area-counter{font-size:.8rem;color:var(--text-muted);margin-bottom:10px}.area-counter strong{color:var(--text)}.rate-row{padding:14px 0;border-bottom:1px solid var(--border)}.rate-row:last-child{border-bottom:none}.rate-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;gap:10px}.rate-name{font-weight:600;font-size:.92rem}.rate-value{font-family:var(--font-display);font-size:1.05rem;color:var(--text);min-width:2ch;text-align:right}.rate-scale{display:flex;gap:5px;flex-wrap:wrap}.rate-btn{min-width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:transparent;color:var(--text-secondary);font-weight:600;font-size:.86rem;transition:border-color .15s ease,color .15s ease}.rate-btn:hover{border-color:var(--accent);color:var(--text)}.rate-btn.selected,.rate-btn.selected.gold{background:var(--accent);border-color:var(--accent);color:#fff}.wheel-wrap{display:flex;justify-content:center;margin:4px 0 12px}.wheel-wrap svg{max-width:100%;height:auto}.chart-note{text-align:center;font-size:.8rem;color:var(--text-muted);max-width:56ch;margin:0 auto}.chart-note strong{color:var(--text-secondary)}.result-list{display:flex;flex-direction:column;gap:9px}.result-item{display:flex;align-items:center;gap:14px;padding:13px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.result-item.top{border-color:var(--accent);background:var(--accent-light)}.result-rank{font-family:var(--font-display);font-size:1.05rem;color:var(--text-muted);min-width:24px}.result-item.top .result-rank{color:var(--accent)}.result-name{flex:1;font-weight:600;font-size:.9rem}.result-detail{font-size:.74rem;color:var(--text-secondary);margin-top:2px;font-weight:400}.result-weight{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--accent);min-width:44px;text-align:right}.result-item.top .result-weight{color:var(--accent)}.start-with{text-align:center;padding:20px;margin-bottom:16px;border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent-light)}.start-with .label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:6px}.start-with .value{font-family:var(--font-display);font-size:1.5rem;color:var(--accent)}.coach-questions{list-style:none;display:flex;flex-direction:column;gap:10px}.coach-questions li{display:flex;gap:10px;font-size:.88rem;color:var(--text-secondary)}.coach-questions li svg{flex-shrink:0;margin-top:2px}.stats-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.stat-mini{flex:1;min-width:150px;background:var(--bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px}.stat-mini .label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.stat-mini .value{font-size:1.15rem;font-weight:700;margin-top:4px}.stat-mini .value.gold{color:var(--text)}.stat-mini .value.accent{color:var(--accent)}.history-item{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:9px;color:var(--text);font-family:var(--font-body);font-size:.9rem;transition:border-color .2s ease}.history-item:hover{border-color:var(--accent)}.history-date{font-size:.78rem;color:var(--text-secondary)}.history-main{flex:1}.history-title{font-weight:600;margin-bottom:2px}.badge{display:inline-block;padding:4px 11px;border-radius:999px;font-size:.68rem;font-weight:600}.badge-gold{background:var(--accent-light);color:var(--accent)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-muted{background:var(--bg-input);color:var(--text-secondary)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:.9rem}.toast-container{position:fixed;top:18px;right:18px;z-index:2000;display:flex;flex-direction:column;gap:8px}.toast{padding:13px 18px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;box-shadow:var(--shadow-lg);max-width:360px}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--info);color:#fff}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:48px auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{display:flex;align-items:center;justify-content:center;min-height:100dvh}.actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.actions-row .spacer{flex:1}@media(max-width:600px){.app-nav a{padding:9px 11px;font-size:.8rem}.rate-btn{min-width:30px;height:38px}.step-pill span.step-text{display:none}.login-card{padding:32px 22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}