: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;--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;--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,:root[data-theme=light] .hub-card{backdrop-filter:none;-webkit-backdrop-filter:none}*{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.2rem;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}.app-user{display:flex;align-items:center;gap:10px}.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:62ch}.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,.runner-option: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-full{width:100%}.btn-sm{padding:8px 14px;min-height:36px;font-size:.8rem}.link-back{background:none;border:none;color:var(--text-secondary);font-size:.85rem;padding:6px 0;margin-bottom:10px}.link-back:hover{color:var(--accent)}.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}.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;z-index:0}.login-tab.active{color:#fff}.login-tab-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);z-index:-1}.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)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--text-muted);flex-shrink:0}.tone-good{background:var(--success)}.tone-calm,.tone-mild{background:var(--info)}.tone-warn{background:var(--warning)}.tone-high{background:var(--danger)}.tone-text-good{color:var(--success)}.tone-text-calm,.tone-text-mild{color:var(--info)}.tone-text-warn{color:var(--warning)}.tone-text-high{color:var(--danger)}.tone-bg-good{background:var(--success)}.tone-bg-calm,.tone-bg-mild{background:var(--info)}.tone-bg-warn{background:var(--warning)}.tone-bg-high{background:var(--danger)}.tone-border-good{border-top-color:var(--success)}.tone-border-calm,.tone-border-mild{border-top-color:var(--info)}.tone-border-warn{border-top-color:var(--warning)}.tone-border-high{border-top-color:var(--danger)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-bottom:24px}.hub-card{background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.hub-card-main{text-align:left;background:none;border:none;padding:18px;display:flex;gap:14px;align-items:flex-start;width:100%;color:var(--text);transition:background .15s ease}.hub-card-main:hover{background:var(--bg-hover)}.hub-emoji{font-size:1.9rem;line-height:1}.hub-emoji.big{font-size:2.8rem}.hub-card-body{flex:1;min-width:0}.hub-card-head{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:5px}.hub-card-title{font-weight:700;font-size:1rem}.hub-card-blurb{font-size:.82rem;color:var(--text-secondary);margin-bottom:11px}.hub-last{display:flex;align-items:center;gap:6px;font-size:.8rem;flex-wrap:wrap}.hub-last-label{font-weight:600}.hub-last-meta,.hub-last-empty{color:var(--text-muted)}.hub-card-foot{border:none;border-top:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);padding:11px 18px;font-size:.78rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;width:100%;transition:color .2s ease}.hub-card-foot:hover{color:var(--accent)}.disclaimer{font-size:.76rem;color:var(--text-muted);line-height:1.55;border-top:1px solid var(--border);padding-top:14px;margin-top:8px}.disclaimer-card{border:1px solid var(--warning);background:var(--warning-light);border-radius:var(--radius);padding:16px 18px;margin:16px 0;text-align:left}.disclaimer-head{display:flex;align-items:center;gap:8px;color:var(--warning);font-weight:700;font-size:.9rem;margin-bottom:10px}.disclaimer-list{list-style:none;display:flex;flex-direction:column;gap:8px}.disclaimer-list li{position:relative;padding-left:18px;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.disclaimer-list li:before{content:"•";position:absolute;left:4px;color:var(--warning);font-weight:700}.disclaimer-crisis{margin-top:12px;padding-top:12px;border-top:1px solid var(--warning);font-size:.82rem;color:var(--text)}.disclaimer-crisis a{font-weight:700}.disclaimer-crisis span{color:var(--text-muted)}.disclaimer-compact strong{color:var(--text)}.about-box{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;overflow:hidden;text-align:left}.about-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:var(--bg-input);border:none;color:var(--text);font-size:.85rem;font-weight:600}.about-toggle:hover{color:var(--accent)}.about-body{padding:4px 16px 14px;font-size:.84rem;color:var(--text-secondary);line-height:1.6}.about-body p{margin-bottom:10px}.about-open a{font-weight:600}.test-intro{text-align:center;max-width:520px;margin:0 auto}.intro-tags{display:flex;gap:8px;justify-content:center;margin:10px 0 16px;flex-wrap:wrap}.intro-text{font-size:.95rem;color:var(--text-secondary);margin-bottom:16px}.intro-source{font-size:.72rem;color:var(--text-muted);margin-top:14px}.runner-progress{display:flex;align-items:center;gap:12px;margin-bottom:16px}.runner-bar{flex:1;height:8px;background:var(--bg-input);border-radius:99px;overflow:hidden}.runner-bar-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .3s ease}.runner-count{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.runner-section{font-size:.72rem;text-transform:uppercase;letter-spacing:.6px;color:var(--accent);font-weight:700;margin-bottom:10px}.runner-intro-mini{font-size:.78rem;color:var(--text-muted);margin-bottom:8px}.runner-question{font-family:var(--font-display);font-size:1.3rem;line-height:1.35;margin-bottom:20px}.runner-options{display:flex;flex-direction:column;gap:9px}.runner-option{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border:1px solid var(--border-strong);background:transparent;color:var(--text);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:border-color .15s ease,background .15s ease}.runner-option:hover{border-color:var(--accent)}.runner-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);flex-shrink:0;transition:all .15s ease}.runner-option.selected{border-color:var(--accent);background:var(--accent-light)}.runner-option.selected .runner-radio{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--bg-card-solid)}.runner-nav{display:flex;align-items:center;gap:10px;margin-top:18px}.runner-nav .spacer{flex:1}.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{background:var(--accent);border-color:var(--accent);color:#fff}.result-hero{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-top-width:4px;border-radius:var(--radius);padding:28px 22px;margin-bottom:16px}.result-hero-emoji{font-size:2.4rem}.result-hero-tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin:8px 0}.result-score{display:flex;align-items:baseline;justify-content:center;gap:6px;margin:6px 0}.result-score-num{font-family:var(--font-display);font-size:3rem;font-weight:700}.result-score-max{font-size:1rem;color:var(--text-muted)}.result-band{font-size:1.15rem;font-weight:700;margin-bottom:16px}.result-gauge{height:12px;background:var(--bg-input);border-radius:99px;overflow:hidden;margin:0 auto;max-width:420px}.result-gauge-fill{height:100%;border-radius:99px;transition:width .5s ease}.result-gauge-ends{display:flex;justify-content:space-between;max-width:420px;margin:6px auto 0;font-size:.72rem;color:var(--text-muted)}.result-blurb{font-size:.92rem;color:var(--text-secondary);max-width:46ch;margin:16px auto 0}.result-date{font-size:.75rem;color:var(--text-muted);margin-top:12px}.subscale-row{display:flex;align-items:center;gap:12px;margin:10px 0}.subscale-name{font-size:.85rem;min-width:130px}.subscale-bar{flex:1;height:8px;background:var(--bg-input);border-radius:99px;overflow:hidden}.subscale-bar-fill{height:100%;background:var(--accent)}.subscale-val{font-weight:700;font-variant-numeric:tabular-nums;min-width:32px;text-align:right}.trend-svg{width:100%;height:auto;display:block}.trend-caption{font-size:.8rem;color:var(--text-secondary);margin-top:10px;text-align:center}.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.accent{color:var(--accent)}.stat-mini .value.delta-good{color:var(--success)}.stat-mini .value.delta-bad{color:var(--danger)}.history-item{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 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;display:flex;align-items:center;gap:8px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:.9rem}.chart-note{text-align:center;font-size:.8rem;color:var(--text-muted);max-width:56ch;margin:0 auto}.actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.actions-row .spacer{flex:1}.suggest-label{font-size:.72rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin:12px 0 8px}.emo-tabs{display:flex;gap:8px;margin-bottom:18px}.emo-tab{flex:1;padding:11px;border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;color:var(--text-secondary)}.emo-tab.active{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.emo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:18px}.emo-base{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;border:1px solid var(--border);border-left:4px solid var(--emo);border-radius:var(--radius);background:var(--bg-card);color:var(--text);transition:border-color .15s ease,transform .15s ease}.emo-base:hover{border-color:var(--emo);transform:translateY(-2px)}.emo-base.active{box-shadow:inset 0 0 0 2px var(--emo);border-color:var(--emo)}.emo-base-emoji{font-size:1.8rem}.emo-base-emoji.big{font-size:2.2rem}.emo-base-label{font-weight:600;font-size:.9rem}.emo-detail{border-left:4px solid var(--emo)}.emo-detail-head{display:flex;gap:14px;align-items:center;margin-bottom:14px}.emo-detail-title{font-family:var(--font-display);font-size:1.4rem}.emo-detail-def{font-size:.85rem;color:var(--text-secondary)}.emo-nuances{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.emo-nuance{text-align:left;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);display:flex;flex-direction:column;gap:3px;transition:border-color .15s ease,box-shadow .15s ease}.emo-nuance:hover{border-color:var(--emo)}.emo-nuance.selected{border-color:var(--emo);box-shadow:inset 0 0 0 1px var(--emo)}.emo-nuance-name{font-weight:600;font-size:.86rem}.emo-nuance-def{font-size:.74rem;color:var(--text-muted)}.emo-checkin{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.emo-intensity{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.emo-note{margin-bottom:12px;resize:vertical;font-size:.9rem;min-height:60px}.emo-strip{display:flex;align-items:flex-end;gap:3px;min-height:40px;padding:8px 0;overflow-x:auto}.emo-strip-dot{width:6px;border-radius:3px;flex-shrink:0}.diary-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.diary-body{flex:1;min-width:0}.diary-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.diary-emotion{font-weight:600}.diary-sub{font-size:.76rem;color:var(--text-muted);margin-top:2px}.diary-note{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin:6px 0}.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}@media(max-width:600px){.app-nav a{padding:9px 11px;font-size:.8rem}.rate-btn{min-width:30px;height:38px}.login-card{padding:32px 22px}.result-score-num{font-size:2.5rem}.subscale-name{min-width:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}