:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-1:#fcfcfb;--page-plane:#f9f9f7;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--gridline:#e1e0d9;--baseline:#c3c2b7;--border:#0b0b0b1a;--series-1:#2a78d6;--series-1-strong:#184f95;--status-good:#0ca30c;--status-warning:#fab219;--status-serious:#ec835a;--status-critical:#d03b3b;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#1a1a19;--page-plane:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--baseline:#383835;--border:#ffffff1a;--series-1:#3987e5;--series-1-strong:#86b6ef}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#1a1a19;--page-plane:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--baseline:#383835;--border:#ffffff1a;--series-1:#3987e5;--series-1-strong:#86b6ef}*{box-sizing:border-box}body{background:var(--page-plane);color:var(--text-primary);min-height:100vh;margin:0}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed}input{font-family:inherit}a{color:var(--series-1)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-topbar{border-bottom:1px solid var(--border);background:var(--page-plane);z-index:500;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.app-topbar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:clamp(1.15rem,4vw,1.5rem);overflow:hidden}.hamburger-trigger{border:1px solid var(--border);background:var(--surface-1);width:40px;height:40px;color:var(--text-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-bell{flex-shrink:0;position:relative}.notification-bell__trigger{border:1px solid var(--border);background:var(--surface-1);width:40px;height:40px;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.notification-bell__dot{background:var(--status-critical);border:2px solid var(--page-plane);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.notification-bell__popover{background:var(--surface-1);border:1px solid var(--border);z-index:600;border-radius:10px;width:min(280px,80vw);padding:12px 14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000002e}.notification-bell__result{color:var(--text-primary);margin:0;font-size:.85rem;font-weight:600}.notification-bell__result--critical{color:var(--status-critical)}.notification-bell__result--warning{color:var(--status-warning)}.notification-bell__result--good{color:var(--status-good)}.notification-bell__meta{color:var(--text-muted);margin:6px 0 0;font-size:.75rem}.language-switcher{flex-shrink:0;position:relative}.language-switcher__trigger{border:1px solid var(--border);background:var(--surface-1);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;line-height:1;display:flex}.language-switcher__menu{background:var(--surface-1);border:1px solid var(--border);z-index:600;border-radius:10px;width:min(220px,80vw);max-height:60vh;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.language-switcher__option{width:100%;color:var(--text-primary);text-align:left;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:.9rem;display:flex}.language-switcher__option--active{background:var(--surface-2,#7f7f7f1f);font-weight:600}.app-main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:16px 16px 84px}.analyze-hero{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.analyze-hero__icon{color:var(--series-1);flex-shrink:0;margin-top:2px}.analyze-hero__highlight{color:var(--text-primary);margin:0 0 4px;font-size:clamp(1.3rem,5vw,1.75rem);font-weight:800;line-height:1.15}.analyze-hero__subtitle{max-width:60ch;color:var(--text-secondary);margin:0;font-size:.92rem}.app__error{color:var(--status-critical);font-weight:600}.app__hint{color:var(--text-muted)}.app__loading-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.app__loading-row .app__hint{margin:0}.app__cancel{border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:.85rem;font-weight:600}.app__empty{color:var(--text-secondary);background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:16px}.username-form{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;margin-bottom:24px;padding:16px}.platform-switch{background:var(--page-plane);border:1px solid var(--border);border-radius:999px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.platform-switch__option{color:var(--text-secondary);background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:600;display:flex}.platform-switch__option--active{background:var(--series-1);color:#fff}.platform-switch__option:disabled{opacity:.6}.platform-switch__icon{font-size:1rem;line-height:1}.username-form label{color:var(--text-secondary);margin-bottom:6px;font-size:.85rem;display:block}.username-form__trust{color:var(--status-good);align-items:center;gap:6px;margin:0 0 10px;font-size:.8rem;font-weight:600;display:flex}.username-form__trust svg{flex-shrink:0}.username-form__row{flex-wrap:wrap;gap:8px;display:flex}.username-form input{border:1px solid var(--border);background:var(--page-plane);color:var(--text-primary);border-radius:8px;flex:220px;padding:10px 12px;font-size:1rem}.username-form button{background:var(--series-1);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:1rem;font-weight:600}.username-form button:disabled{opacity:.6}.how-it-works{margin-top:24px}.how-it-works__title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;font-size:.8rem;font-weight:700}.how-it-works__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.how-it-works__step{background:var(--surface-1);border:1px solid var(--border);color:var(--text-secondary);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:.88rem;display:flex}.how-it-works__badge{background:var(--series-1);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;font-weight:700;display:flex}.dashboard{margin-bottom:32px}.dashboard h2{margin:0 0 16px;font-size:clamp(1.3rem,5vw,1.6rem);font-weight:800}.dashboard__perspective{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.dashboard__perspective-label{color:var(--text-secondary);margin:0;font-size:.85rem}.perspective-switch{background:var(--page-plane);border:1px solid var(--border);border-radius:999px;gap:4px;padding:3px;display:flex}.perspective-switch__option{color:var(--text-secondary);background:0 0;border:none;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600}.perspective-switch__option--active{background:var(--series-1);color:#fff}.dashboard__warning{color:var(--status-serious);background:var(--surface-1);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:12px}.stat-hero{background:var(--surface-1);border:1px solid var(--series-1);border-radius:10px;flex-direction:column;gap:4px;margin-bottom:16px;padding:18px 16px;display:flex}.stat-hero__label{color:var(--text-secondary);font-size:.82rem;font-weight:600}.stat-hero__value{color:var(--series-1);font-size:clamp(2rem,9vw,2.6rem);font-weight:800;line-height:1.1}.stat-hero__sub{color:var(--text-muted);font-size:.75rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat-tile{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:14px;display:flex}.stat-tile__label{color:var(--text-secondary);font-size:.78rem}.stat-tile__value{font-size:1.6rem;font-weight:600}.stat-tile__sub{color:var(--text-muted);font-size:.72rem}.chart-card{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:16px}.chart-card h3{color:var(--text-secondary);margin:0 0 8px;font-size:.95rem;font-weight:600}.chart-card .recharts-bar-rectangle{cursor:pointer}.chart-card__hint{color:var(--text-muted);margin:0 0 8px;font-size:.72rem}.chart-detail{border:1px solid var(--border);background:var(--page-plane);border-radius:8px;flex-direction:column;gap:2px;margin-top:12px;padding:10px 12px;font-size:.82rem;display:flex}.chart-detail strong{color:var(--text-primary)}.chart-detail span{color:var(--text-secondary)}.trainer__header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.trainer__progress-badge{background:var(--series-1);color:#fff;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:.78rem;font-weight:700}.trainer__opening{color:var(--text-secondary);margin:0;font-size:.85rem}.trainer__board-wrap{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.trainer__board-col{flex-direction:column;flex:320px;gap:12px;width:min(420px,100%);display:flex}.trainer__panel{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;flex-direction:column;flex:260px;gap:12px;padding:16px;display:flex}.trainer__panel p{color:var(--text-secondary);margin:0}.trainer__panel strong{color:var(--text-primary)}.trainer__why summary{color:var(--series-1);cursor:pointer;font-size:.8rem;font-weight:600}.trainer__why-text{font-size:.8rem;color:var(--text-muted)!important;margin-top:6px!important}.trainer__prompt{background:var(--series-1);color:#fff;text-align:left;border:none;border-radius:999px;align-self:flex-start;padding:10px 18px;font-size:.85rem;font-weight:600;position:relative;overflow:hidden}.trainer__prompt:disabled{cursor:wait}.trainer__prompt-progress{background:#ffffff47;width:0;transition:width 1s linear;position:absolute;inset:0}.trainer__prompt-label{position:relative}.trainer__breathe-heart{animation:2.4s ease-in-out infinite trainer-heartbeat;display:inline-block}@keyframes trainer-heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.trainer__breathe-heart{animation:none}}.trainer__feedback{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.trainer__feedback--good{border-color:var(--status-good)}.trainer__feedback--warning{border-color:var(--status-warning)}.trainer__feedback--critical{border-color:var(--status-critical)}.trainer__feedback--pending{border-color:var(--border)}.trainer__feedback--pending span{color:var(--text-muted);font-style:italic}.trainer__calculating{color:var(--text-muted);font-size:.75rem;font-style:italic}.trainer__reveal{border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:8px;align-self:flex-start;padding:8px 14px;font-size:.85rem;font-weight:600}.trainer__explain-trigger{color:var(--text-muted);text-underline-offset:2px;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:.8rem;font-weight:500;text-decoration:underline}.trainer__explain-card{background:var(--page-plane);border:1px dashed var(--border);border-radius:8px;padding:10px 12px;animation:.2s trainer-explain-fade-in}@keyframes trainer-explain-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}.trainer__explain-label{background:var(--series-1);color:#fff;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;margin-bottom:4px;padding:1px 7px;font-size:.65rem;font-weight:700;display:inline-block}.trainer__explain-block{margin:0}.trainer__explain-block+.trainer__explain-block{margin-top:12px}.trainer__explain-block-label{color:var(--text-primary);margin-bottom:2px;font-weight:700;display:block}.trainer__explain-text{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.trainer__explain-card--error .trainer__explain-text{color:var(--status-critical)}.trainer__explain-card--loading{flex-direction:column;gap:8px;display:flex}.trainer__explain-skeleton-line{background:var(--gridline);border-radius:4px;height:10px;animation:1.1s ease-in-out infinite trainer-explain-pulse;display:block}.trainer__explain-skeleton-line--short{width:60%}@keyframes trainer-explain-pulse{0%,to{opacity:.5}50%{opacity:1}}.trainer__nav{justify-content:space-between;margin-top:16px;display:flex}.trainer__nav-link{min-height:44px;color:var(--text-secondary);background:0 0;border:none;padding:10px 4px;font-size:.88rem;font-weight:600}.trainer__nav-link:disabled{opacity:.4}.beta-modal__backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.beta-modal{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;width:100%;max-width:420px;padding:24px;box-shadow:0 12px 32px #00000040}.beta-modal h2{margin:0 0 12px;font-size:1.15rem}.beta-modal p{color:var(--text-secondary);margin:0 0 20px;font-size:.9rem;line-height:1.5}.beta-modal__cta{background:var(--series-1);color:#fff;border:none;border-radius:8px;width:100%;padding:12px 18px;font-size:1rem;font-weight:600}.tab-bar{background:var(--surface-1);border-top:1px solid var(--border);z-index:800;padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0}.tab-bar__item{min-height:56px;color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 4px;font-size:.72rem;display:flex}.tab-bar__item--active{color:var(--series-1)}.tab-bar__item:disabled{opacity:.35}.tab-bar__icon svg{display:block}.drawer__backdrop{z-index:1000;background:#00000080;display:flex;position:fixed;inset:0}.drawer{background:var(--surface-1);border-right:1px solid var(--border);flex-direction:column;gap:16px;width:min(300px,82vw);height:100%;padding:16px;display:flex;box-shadow:4px 0 20px #00000040}.drawer__close{border:1px solid var(--border);width:32px;height:32px;color:var(--text-primary);background:0 0;border-radius:8px;align-self:flex-end;font-size:1.1rem;line-height:1}.drawer__nav{flex-direction:column;gap:8px;display:flex}.drawer__item{border:1px solid var(--border);background:var(--page-plane);min-height:44px;color:var(--text-primary);text-align:left;border-radius:8px;align-items:center;padding:10px 14px;font-size:.9rem;text-decoration:none;display:flex}.drawer__about{color:var(--text-muted);margin-top:auto;font-size:.8rem;line-height:1.5}.drawer__meta{color:var(--text-muted);opacity:.75;margin:0;font-size:.72rem}@media (width<=480px){.app-main{padding:12px 12px 84px}.trainer__board-wrap{flex-direction:column}.trainer__board{touch-action:none;width:100%}.username-form button,.beta-modal__cta{min-height:44px}}