@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;600&display=swap";:root{--font-sans: "Outfit", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-serif: "Noto Serif SC", serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .15s;--dur-med: .25s;--dur-slow: .4s}[data-theme=sage]{--bg-page: #E6E3DB;--bg-shell: #EFECE6;--bg-card: #FDFBF7;--bg-card-hover: #FDFBF7;--bg-subtle: rgba(37,36,32,.03);--bg-input: #fff;--text-primary: #252420;--text-secondary: #5C5850;--text-tertiary: #A3A097;--text-muted: #C5C0B6;--border: rgba(37,36,32,.06);--border-hover: rgba(37,36,32,.12);--accent: #4A7C6F;--accent-light: rgba(74,124,111,.08);--accent-dark: #3A695C;--accent-text: #4A7C6F;--cta-bg: #3D3833;--cta-bg-hover: #2E2A26;--cta-text: #F5F3EE;--secondary: #8E6A14;--secondary-light: rgba(142,106,20,.08);--tertiary: #7A628A;--tertiary-light: rgba(122,98,138,.08);--danger: #BF4A3C;--danger-light: rgba(191,74,60,.06);--warning: #B8872A;--warning-light: rgba(184,135,42,.06);--safe: #B5B0A6;--shadow-sm: 0 1px 4px rgba(37,36,32,.06);--shadow-md: 0 4px 16px rgba(37,36,32,.06);--shadow-lg: 0 8px 32px rgba(37,36,32,.08);--card-bg: var(--bg-card);--card-border: 1px solid rgba(37,36,32,.04);--card-backdrop: none}[data-theme=play]{--bg-page: #0E0A14;--bg-shell: #160F22;--bg-card: rgba(255,255,255,.04);--bg-card-hover: rgba(255,255,255,.07);--bg-subtle: rgba(255,255,255,.03);--bg-input: rgba(255,255,255,.07);--text-primary: #F2EFF6;--text-secondary: #B5AFBF;--text-tertiary: #7A7486;--text-muted: #4E4858;--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.12);--accent: #E87CB0;--accent-light: rgba(232,124,176,.1);--accent-dark: #C96A9A;--accent-text: #F4A5C7;--cta-bg: linear-gradient(135deg, #E87CB0, #C87CDB);--cta-bg-hover: linear-gradient(135deg, #F08CC0, #D88CEB);--cta-text: #fff;--secondary: #9B7CDB;--secondary-light: rgba(155,124,219,.1);--tertiary: #C87CDB;--tertiary-light: rgba(200,124,219,.1);--danger: #E85D6F;--danger-light: rgba(232,93,111,.1);--warning: #E8C54A;--warning-light: rgba(232,197,74,.1);--safe: #6BD4A0;--shadow-sm: 0 1px 4px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(200,124,219,.08);--card-bg: var(--bg-card);--card-border: 1px solid var(--border);--card-backdrop: blur(24px);--pk: #E87CB0;--pk2: #F4A5C7;--pp: #9B7CDB;--pp2: #B9A3E8;--mg: #C87CDB;--gn: #6BD4A0;--gradient-primary: linear-gradient(135deg, #E87CB0, #9B7CDB);--gradient-hot: linear-gradient(135deg, #E87CB0, #E85D6F);--gradient-cool: linear-gradient(135deg, #9B7CDB, #C87CDB)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background var(--dur-med) var(--ease-out),color var(--dur-med) var(--ease-out)}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.card{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-lg);padding:18px;backdrop-filter:var(--card-backdrop);-webkit-backdrop-filter:var(--card-backdrop);transition:box-shadow var(--dur-med),border-color var(--dur-fast),transform var(--dur-fast)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.card-label{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.btn{padding:9px 20px;border-radius:8px;font-size:12px;font-weight:600;border:none;cursor:pointer;font-family:var(--font-sans);transition:all var(--dur-fast);display:inline-flex;align-items:center;gap:6px}.btn-primary{background:var(--cta-bg);color:var(--cta-text);box-shadow:0 2px 10px #00000026}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0003;filter:brightness(1.05)}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-subtle);border-color:var(--border-hover)}.tag{font-size:10px;padding:3px 8px;border-radius:5px;font-weight:600;display:inline-block}[data-theme=play] .glow{position:fixed;pointer-events:none;border-radius:50%;filter:blur(120px);opacity:.12;z-index:0}[data-theme=play] .glow-1{width:500px;height:500px;background:var(--pk);top:-100px;right:-100px}[data-theme=play] .glow-2{width:400px;height:400px;background:var(--pp);bottom:-50px;left:-80px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{animation:fadeInUp var(--dur-slow) var(--ease-out) both}[data-theme=play] .glass{background:#ffffff0a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);transition:border-color var(--dur-fast)}[data-theme=play] .glass:hover{border-color:#ffffff1f}[data-theme=play] .glass-glow{box-shadow:0 0 40px #c87cdb0f,inset 0 1px #ffffff0d}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.meter{height:6px;border-radius:3px;background:var(--bg-subtle);overflow:hidden}.meter-fill{height:100%;border-radius:3px;transition:width .8s var(--ease-out)}.app-container{max-width:960px;margin:0 auto;padding:24px;position:relative;z-index:1}.app-shell{position:relative;z-index:1}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:var(--bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;backdrop-filter:var(--card-backdrop);-webkit-backdrop-filter:var(--card-backdrop);border:var(--card-border);border-bottom:1px solid var(--border)}.logo{font-size:19px;font-weight:600;letter-spacing:-.5px;display:flex;align-items:baseline;gap:3px;font-family:var(--font-serif);color:var(--text-primary)}.logo-dot{font-size:11px;font-family:var(--font-mono);font-weight:400}[data-theme=sage] .logo-dot{color:var(--accent)}[data-theme=play] .logo-dot{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.play-badge{font-size:10px;font-weight:400;color:var(--pk2);margin-left:6px;font-family:var(--font-sans)}.nav-pills{display:flex;gap:2px;background:var(--bg-subtle);border-radius:10px;padding:3px}.nav-item{padding:7px 16px;font-size:12px;font-weight:500;color:var(--text-tertiary);border-radius:8px;cursor:pointer;transition:all var(--dur-fast);text-decoration:none}.nav-item:hover{color:var(--text-secondary)}[data-theme=sage] .nav-item.active{background:#fff;color:var(--text-primary);box-shadow:var(--shadow-sm)}[data-theme=play] .nav-item.active{background:#ffffff1a;color:var(--text-primary)}.user-area{display:flex;align-items:center;gap:10px}.mode-toggle{font-size:11px;padding:5px 14px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-weight:500;transition:all var(--dur-fast)}.mode-toggle:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.lang-toggle{font-size:11px;padding:4px 12px;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent-text);font-weight:500;cursor:pointer;border:none;font-family:var(--font-sans);transition:all var(--dur-fast)}.lang-toggle:hover{filter:brightness(1.1)}.avatar-wrapper{position:relative}.avatar-row{display:flex;align-items:center;gap:6px}.avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity var(--dur-fast)}.avatar:hover{opacity:.85}[data-theme=sage] .avatar{background:var(--cta-bg);color:#f5f3ee}[data-theme=play] .avatar{background:var(--gradient-primary);color:#fff}.tier-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:var(--radius-full);font-family:var(--font-sans);letter-spacing:.3px}.tier-free{background:var(--bg-subtle);color:var(--text-tertiary)}.tier-pro{background:var(--accent-light);color:var(--accent)}.tier-max{background:var(--secondary-light);color:var(--secondary)}.avatar-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:6px 0;z-index:100;animation:dropdown-in .15s var(--ease-out)}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-user-info{padding:10px 14px 8px}.dropdown-name{font-size:13px;font-weight:600;color:var(--text-primary)}.dropdown-email{font-size:11px;color:var(--text-tertiary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.dropdown-item{display:block;width:100%;padding:8px 14px;font-size:13px;font-family:var(--font-sans);font-weight:400;color:var(--text-secondary);background:none;border:none;cursor:pointer;text-align:left;transition:background var(--dur-fast),color var(--dur-fast)}.dropdown-item:hover{background:var(--bg-subtle);color:var(--text-primary)}.dropdown-item-danger{color:var(--danger)}.dropdown-item-danger:hover{background:var(--danger-light);color:var(--danger)}.notif-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 24px;background:var(--accent-light);border-bottom:1px solid var(--border);font-size:13px;color:var(--text-secondary);gap:12px}.notif-banner-text{font-weight:500}.notif-banner-actions{display:flex;gap:8px;flex-shrink:0}.notif-banner-btn{font-size:12px;font-family:var(--font-sans);font-weight:500;padding:4px 14px;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--dur-fast)}.notif-enable{background:var(--cta-bg);color:#fff}.notif-enable:hover{filter:brightness(1.1)}.notif-later{background:transparent;color:var(--text-tertiary);border:1px solid var(--border)}.notif-later:hover{background:var(--bg-subtle);color:var(--text-secondary)}.main-content{background:var(--bg-shell);border-radius:0 0 var(--radius-xl) var(--radius-xl);padding:20px 24px 24px;min-height:400px;backdrop-filter:var(--card-backdrop);-webkit-backdrop-filter:var(--card-backdrop)}@media(max-width:768px){.app-container{padding:12px}.topbar{flex-wrap:wrap;gap:10px;padding:12px 16px}.nav-pills{order:3;width:100%;overflow-x:auto}.main-content{padding:16px}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg-page);display:flex;align-items:center;justify-content:center;animation:onb-fade-in var(--dur-med) var(--ease-out) both}@keyframes onb-fade-in{0%{opacity:0}to{opacity:1}}.onboarding-container{width:100%;max-width:520px;padding:32px 24px}.onb-steps{display:flex;justify-content:center;gap:8px;margin-bottom:36px}.onb-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);transition:background var(--dur-fast),transform var(--dur-fast)}.onb-dot.active{background:var(--accent);transform:scale(1.3)}.onb-dot.completed{background:var(--accent-dark)}.onb-step{animation:onb-step-in var(--dur-slow) var(--ease-out) both}@keyframes onb-step-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.onb-back{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-tertiary);font-size:12px;font-weight:500;font-family:var(--font-sans);cursor:pointer;padding:4px 0;margin-bottom:20px;transition:color var(--dur-fast)}.onb-back:hover{color:var(--text-secondary)}.onb-back-arrow{font-size:14px;line-height:1}.onb-welcome{text-align:center}.onb-logo{font-family:var(--font-serif);font-size:28px;font-weight:600;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:4px}.onb-logo-dot{font-size:14px;font-family:var(--font-mono);font-weight:400;color:var(--accent)}.onb-tagline{font-size:16px;font-weight:500;color:var(--text-primary);margin-top:20px;line-height:1.6}.onb-tagline-cn{font-size:14px;color:var(--text-tertiary);margin-top:2px;font-family:var(--font-serif)}.onb-subtitle{font-size:13px;color:var(--text-secondary);margin-top:24px}.onb-subtitle-cn{font-size:12px;color:var(--text-tertiary);margin-top:2px;font-family:var(--font-serif)}.onb-cta{margin-top:32px;padding:12px 36px;background:var(--cta-bg);color:var(--cta-text);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--dur-fast);box-shadow:var(--shadow-sm)}.onb-cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);filter:brightness(1.05)}.onb-choose-title{font-size:18px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:6px}.onb-choose-sub{font-size:12px;color:var(--text-tertiary);text-align:center;margin-bottom:24px}.onb-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.onb-card{background:var(--bg-card);border:var(--card-border);border-radius:var(--radius-lg);padding:20px 16px;text-align:center;transition:box-shadow var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast)}.onb-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-2px)}.onb-card-icon{font-size:28px;margin-bottom:10px}.onb-card-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.onb-card-desc{font-size:11px;color:var(--text-tertiary);line-height:1.5;margin-bottom:14px}.onb-card-btn{width:100%;padding:9px 0;background:var(--cta-bg);color:var(--cta-text);border:none;border-radius:var(--radius-sm);font-size:11px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--dur-fast)}.onb-card-btn:hover{filter:brightness(1.05)}.onb-card-btn:disabled{opacity:.5;cursor:not-allowed}.onb-card-btn.outline{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.onb-card-btn.outline:hover{background:var(--bg-subtle);border-color:var(--border-hover)}.onb-file-input{display:none}.onb-file-label{display:block;width:100%;padding:9px 0;background:var(--cta-bg);color:var(--cta-text);border:none;border-radius:var(--radius-sm);font-size:11px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--dur-fast);text-align:center}.onb-file-label:hover{filter:brightness(1.05)}.onb-unis{margin-top:10px;font-size:10px;color:var(--text-muted);line-height:1.5}.onb-status{margin-top:10px;font-size:11px;padding:6px 10px;border-radius:var(--radius-sm);text-align:center}.onb-status.success{background:#4a7c6f14;color:var(--accent)}.onb-status.error{background:var(--danger-light);color:var(--danger)}.onb-status.loading{color:var(--text-tertiary)}.onb-results{text-align:center}.onb-results-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.onb-results-sub{font-size:12px;color:var(--text-tertiary);margin-bottom:24px}.onb-stats{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.onb-stat{background:var(--bg-card);border:var(--card-border);border-radius:var(--radius-md);padding:16px 20px;min-width:100px}.onb-stat-num{font-size:24px;font-weight:700;color:var(--accent)}.onb-stat-label{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.onb-finish-btn{padding:12px 36px;background:var(--cta-bg);color:var(--cta-text);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--dur-fast);box-shadow:var(--shadow-sm)}.onb-finish-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);filter:brightness(1.05)}.onb-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--text-primary);border-radius:50%;animation:onb-spin .6s linear infinite;vertical-align:middle;margin-right:6px}@keyframes onb-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.onboarding-container{padding:20px 16px}.onb-cards{grid-template-columns:1fr}.onb-stats{flex-direction:column;align-items:center}.onb-stat{width:100%;max-width:200px}}.dashboard .greeting{font-size:15px;color:var(--text-secondary);margin-bottom:18px;line-height:1.6}.dashboard .greeting strong{color:var(--text-primary);font-weight:600}.dashboard .greeting .urgent{color:var(--danger);font-weight:600}.dashboard .greeting .warn{color:var(--warning);font-weight:600}.grid-top,.grid-mid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.grid-bot{display:grid;grid-template-columns:1fr;gap:14px}.week-view{display:flex;flex-direction:column;gap:0}.week-day-row{display:flex;gap:14px;padding:8px 10px;border-radius:var(--radius-sm);align-items:flex-start;min-height:32px}.week-day-row:not(:last-child){border-bottom:1px solid var(--border)}.week-day-today{background:var(--accent-light)}.week-day-past{opacity:.5}.week-day-label{font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--text-tertiary);min-width:72px;flex-shrink:0;padding-top:2px}.week-day-today .week-day-label{color:var(--accent-dark);font-weight:700}.week-day-items{display:flex;flex-direction:column;gap:4px;flex:1}.week-day-empty{font-size:11px;color:var(--text-muted);padding-top:2px}.week-deadline-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);line-height:1.4}.week-dl-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.week-dl-text{font-size:12px;font-weight:500}.week-dl-red .week-dl-text{color:var(--danger)}.week-dl-amber .week-dl-text{color:var(--warning)}.week-dl-ok .week-dl-text{color:var(--text-secondary)}.upcoming-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);margin-bottom:6px;background:var(--bg-subtle)}.upcoming-item:last-child{margin-bottom:0}.upcoming-red{background:var(--danger-light)}.upcoming-amber{background:var(--warning-light)}.upcoming-ok{background:var(--bg-subtle)}.upcoming-body{flex:1}.upcoming-name{font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.3}.upcoming-meta{display:flex;gap:10px;margin-top:3px}.upcoming-course{font-size:10px;font-weight:600;color:var(--accent);font-family:var(--font-mono)}.upcoming-due{font-size:10px;color:var(--text-tertiary);font-family:var(--font-mono)}.upcoming-status{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;flex-shrink:0}.upcoming-status-red{background:var(--danger);color:#fff}.upcoming-status-amber{background:var(--warning);color:#fff}.upcoming-status-ok{background:var(--accent-light);color:var(--accent-dark)}.ddl-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);margin-bottom:6px;cursor:pointer;transition:transform .1s}.ddl-item:hover{transform:translate(3px)}.ddl-item:last-child{margin-bottom:0}.ddl-red{background:var(--danger-light)}.ddl-amber{background:var(--warning-light)}.ddl-ok{background:var(--bg-subtle)}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot-red{background:var(--danger)}.dot-amber{background:var(--warning)}.dot-ok{background:var(--safe)}.ddl-body{flex:1}.ddl-course{font-size:13px;font-weight:500}.ddl-sub{font-size:11px;color:var(--text-tertiary);margin-top:2px}.ddl-date{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono);flex-shrink:0}.plan-item{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.plan-item:last-of-type{border-bottom:none}.plan-time{font-size:12px;font-family:var(--font-mono);color:var(--text-tertiary);min-width:40px;font-weight:500}.plan-text{font-size:13px;color:var(--text-secondary);flex:1}.tag-accent{background:var(--accent-light);color:var(--accent-dark)}.tag-secondary{background:var(--secondary-light);color:var(--secondary)}.tag-tertiary{background:var(--tertiary-light);color:var(--tertiary)}.cta-row{display:flex;gap:8px;margin-top:16px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-btn{padding:16px 14px;border-radius:var(--radius-md);border:none;cursor:pointer;text-align:left;font-family:var(--font-sans);transition:all var(--dur-fast)}.action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-btn:active{transform:scale(.97)}.action-icon{font-size:20px;display:block;margin-bottom:8px}.action-label{font-size:12px;font-weight:600;display:block}.action-sub{font-size:10px;margin-top:3px;display:block;color:var(--text-secondary);opacity:.65}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.recent-item:last-child{border-bottom:none}.recent-icon{margin-right:6px}.recent-name{font-size:12.5px;color:var(--text-secondary)}.recent-tag{font-size:9px;padding:2px 7px;border-radius:4px;font-weight:600;margin-left:6px}.rt-t{background:var(--accent-light);color:var(--accent-dark)}.rt-d{background:var(--secondary-light);color:var(--secondary)}.rt-n{background:var(--tertiary-light);color:var(--tertiary)}.rt-s{background:var(--bg-subtle);color:var(--text-secondary)}.rt-tu{background:var(--tertiary-light);color:var(--tertiary)}.rt-r{background:var(--warning-light);color:var(--warning)}.recent-time{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{background:var(--bg-subtle);border-radius:var(--radius-md);padding:14px;text-align:center}.metric-num{font-size:28px;font-weight:700;line-height:1}.metric-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:6px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:var(--text-tertiary);font-size:14px}.loading-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.onboarding-card{max-width:480px;margin:60px auto;text-align:center;padding:40px 32px}.onboarding-icon{font-size:48px;margin-bottom:16px}.onboarding-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.onboarding-desc{font-size:14px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.onboarding-actions{display:flex;gap:10px;justify-content:center}.empty-hint{font-size:12px;color:var(--text-muted);text-align:center;padding:18px 0}@media(max-width:768px){.grid-top,.grid-mid,.grid-bot{grid-template-columns:1fr}}.recording-layout{display:grid;grid-template-columns:280px 1fr;gap:14px}.rec-control-card{margin-bottom:14px}.rec-timer{display:flex;align-items:center;gap:10px;padding:16px 0;justify-content:center}.rec-dot{width:12px;height:12px;border-radius:50%;background:var(--safe);transition:all .3s}.rec-dot-active{background:var(--danger);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #bf4a3c66}50%{box-shadow:0 0 0 8px #bf4a3c00}}.rec-time{font-size:28px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums}.rec-buttons{display:flex;gap:8px}.rec-start,.rec-stop{width:100%;padding:12px;font-size:14px}.lang-select{width:100%;padding:8px 10px;border-radius:8px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-primary);font-size:12px;font-family:var(--font-sans);outline:none;margin-bottom:2px}.rec-output-card{min-height:420px;display:flex;flex-direction:column}.output-tabs{display:flex;gap:2px;background:var(--bg-subtle);border-radius:8px;padding:3px;margin-bottom:14px}.output-tab{flex:1;padding:7px 10px;font-size:11px;font-weight:500;color:var(--text-tertiary);border-radius:6px;cursor:pointer;border:none;background:none;font-family:var(--font-sans);transition:all .15s;text-align:center}.output-tab:hover{color:var(--text-secondary)}.output-tab-active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}[data-theme=sage] .output-tab-active{background:#fff}.output-body{flex:1;overflow-y:auto;max-height:560px}.output-placeholder{color:var(--text-muted);font-size:13px;text-align:center;padding:40px 20px}.output-placeholder.listening{animation:fadeIn .5s ease infinite alternate}.output-processing{text-align:center;padding:20px;color:var(--accent);font-size:13px;animation:fadeIn .8s ease infinite alternate}.live-translate-toggle{margin:8px 0 4px;display:flex;flex-direction:column;gap:3px}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{display:none}.toggle-switch{width:32px;height:18px;border-radius:9px;background:var(--border);position:relative;transition:background .2s;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 2px #00000026}.toggle-label input:checked+.toggle-switch{background:var(--accent)}.toggle-label input:checked+.toggle-switch:after{transform:translate(14px)}.toggle-text{font-weight:500}.toggle-hint{font-size:10px;color:var(--text-muted);margin-left:40px}.live-segment{padding:4px 0;display:flex;gap:10px}.seg-time{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);min-width:40px;padding-top:2px;flex-shrink:0}.seg-content{display:flex;flex-direction:column;gap:2px}.seg-text{font-size:13px;color:var(--text-secondary);line-height:1.6}.seg-interim .seg-text{color:var(--text-tertiary);font-style:italic}.seg-final .seg-text{color:var(--text-primary)}.seg-translation{font-size:12px;color:var(--text-secondary);line-height:1.5;opacity:.85}.seg-translating{color:var(--text-muted);font-style:italic;opacity:.6}.transcript-text{font-size:13px;color:var(--text-secondary);line-height:1.8;white-space:pre-wrap}.paragraph-view{display:flex;flex-direction:column;gap:16px}.paragraph-block{padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-subtle);border-left:3px solid var(--accent);transition:border-color .2s}.paragraph-block:hover{border-left-color:var(--accent-dark, var(--accent))}.para-time{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);margin-bottom:6px;letter-spacing:.3px}.para-text{font-size:13px;color:var(--text-primary);line-height:1.8}.para-stats{text-align:center;font-size:11px;color:var(--text-muted);padding:8px 0;border-top:1px solid var(--border);margin-top:4px}.session-title-bar{padding:10px 14px;margin-bottom:10px}.session-title-display{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-primary)}.session-title-display:hover .session-title-edit-icon{opacity:1}.session-title-edit-icon{font-size:12px;opacity:.3;transition:opacity .15s}.session-title-edit{display:flex;gap:6px;align-items:center}.session-title-input{flex:1;padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-subtle);color:var(--text-primary);font-size:13px;font-family:var(--font-sans);outline:none}.session-title-input:focus{border-color:var(--accent)}.session-list{display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto}.session-item{padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s;border:1px solid transparent}.session-item:hover{background:var(--bg-subtle)}.session-active{background:var(--accent-light);border-color:var(--accent)}.session-title{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.session-meta{font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.session-badges{display:flex;gap:3px}.session-badge{font-size:8px;padding:1px 4px;border-radius:3px;background:var(--accent-light);color:var(--accent);font-weight:600}.session-date{font-size:9px;color:var(--text-muted);font-family:var(--font-mono);margin-top:2px}.session-loading,.session-empty{font-size:11px;color:var(--text-muted);text-align:center;padding:12px 0}@media(max-width:768px){.recording-layout{grid-template-columns:1fr}}.writing-header{margin-bottom:18px}.writing-title{font-size:20px;font-weight:600;margin-bottom:4px}.writing-subtitle{font-size:13px;color:var(--text-tertiary)}.assignment-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.assignment-card{cursor:pointer;transition:all .2s}.assignment-card:hover{transform:translateY(-2px)}.assignment-overdue{border-left:3px solid var(--danger)}.assignment-soon{border-left:3px solid var(--warning)}.assignment-upcoming{border-left:3px solid var(--safe)}.assignment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.assignment-course{font-size:11px;font-weight:600;color:var(--accent);margin-right:8px}.assignment-due{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)}.assignment-name{font-size:14px;font-weight:600;margin-bottom:6px}.assignment-meta{font-size:11px;color:var(--text-tertiary);display:flex;gap:12px;margin-bottom:10px}.assignment-brief{color:var(--text-muted)}.assignment-start{font-size:12px}.tag-danger{background:var(--danger-light);color:var(--danger)}.tag-warning{background:var(--warning-light);color:var(--warning)}.tag-ok{background:var(--bg-subtle);color:var(--text-tertiary)}.writing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:var(--text-tertiary);gap:12px}.writing-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px}.empty-text{font-size:14px;color:var(--text-secondary);margin-bottom:8px;max-width:340px}.empty-error{font-size:11px;color:var(--danger);margin-bottom:12px}.import-btn{margin-top:8px}.pipeline-info{margin-top:14px}.pipeline-phases{display:flex;flex-direction:column;gap:10px}.pipeline-phase{display:flex;gap:12px;align-items:flex-start}.phase-icon{font-size:20px;flex-shrink:0}.phase-name{font-size:13px;font-weight:600}.phase-desc{font-size:11px;color:var(--text-tertiary)}.phase-coming-soon{opacity:.5}.coming-soon-badge{font-size:9px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--bg-subtle);color:var(--text-muted);margin-left:8px;text-transform:uppercase;letter-spacing:.3px}.coming-soon-badge-sm{font-size:8px;font-weight:600;padding:1px 5px;border-radius:3px;background:var(--bg-subtle);color:var(--text-muted);margin-left:6px;text-transform:uppercase;letter-spacing:.3px}.cache-info{margin-top:14px;padding:10px 12px;border-radius:8px;background:var(--accent-light);font-size:11px;color:var(--text-secondary);display:flex;gap:8px;align-items:center}.cache-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;background:var(--accent);color:var(--bg-card);flex-shrink:0}.active-header h3{font-size:16px;margin:6px 0 4px}.phase-tracker{margin-top:14px;display:flex;flex-direction:column;gap:0}.phase-step{display:flex;gap:14px;border-left:2px solid var(--border);margin-left:15px;padding:12px 0 12px 20px;position:relative}.phase-step:last-child{border-left-color:transparent}.phase-step.done,.phase-step.active{border-left-color:var(--accent)}.phase-indicator{position:absolute;left:-13px;top:10px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:var(--bg-card);border:2px solid var(--border);color:var(--text-muted)}.phase-step.done .phase-indicator{background:var(--accent);border-color:var(--accent);color:#fff}.phase-step.active .phase-indicator{border-color:var(--accent);color:var(--accent);animation:pulse 1.5s ease infinite}.phase-step.error .phase-indicator{border-color:var(--danger);color:var(--danger);background:var(--danger-light)}.phase-step-name{font-size:13px;font-weight:500}.phase-step-desc{font-size:11px;color:var(--text-tertiary)}.phase-step.done .phase-step-name{color:var(--accent)}.phase-step.pending .phase-step-name{color:var(--text-muted)}.phase-step-coming-soon .phase-step-name{color:var(--text-muted);opacity:.6}.phase-result{margin-top:4px;font-size:11px;color:var(--accent);font-weight:500}.error-card{margin-top:14px;border-left:3px solid var(--danger);display:flex;justify-content:space-between;align-items:center}.error-text{font-size:12px;color:var(--danger);margin:0}.draft-editor-card{margin-top:14px}.draft-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.draft-meta{display:flex;gap:6px;align-items:center}.word-count{font-size:11px;font-weight:600;color:var(--text-secondary);font-family:var(--font-mono);padding:2px 8px;border-radius:4px;background:var(--bg-subtle)}.word-target{font-size:11px;color:var(--text-muted)}.word-target-met{color:var(--accent);font-weight:600}.draft-textarea{width:100%;min-height:320px;padding:14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:13px;line-height:1.7;font-family:var(--font-mono);resize:vertical;transition:border-color .2s}.draft-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb, 99, 102, 241),.15)}.draft-textarea:disabled{opacity:.6;cursor:not-allowed}.draft-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.feedback-card{margin-top:14px}.feedback-content{font-size:13px;line-height:1.6;color:var(--text-secondary);padding:12px;border-radius:8px;background:var(--bg-subtle);max-height:300px;overflow-y:auto}.feedback-content p{margin:0 0 6px}.feedback-content p:last-child{margin-bottom:0}.processing-indicator{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 16px;border-radius:8px;background:var(--bg-subtle);font-size:13px;color:var(--text-secondary)}.loading-spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.planner{max-width:900px;margin:0 auto}.planner-week-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:18px}.planner-week-title{font-size:15px;font-weight:600;color:var(--text-primary);text-align:center;min-width:280px}.planner-nav-btn{padding:6px 14px;font-size:16px;line-height:1}.planner-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:14px}.planner-week-col{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:0;min-height:160px;cursor:pointer;transition:all var(--dur-fast);display:flex;flex-direction:column;overflow:hidden}.planner-week-col:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.planner-week-col-today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.planner-week-col-header{display:flex;flex-direction:column;align-items:center;padding:10px 6px 8px;border-bottom:1px solid var(--border);gap:2px}.planner-week-col-day{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.planner-week-col-num{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1}.planner-week-col-num-today{color:var(--accent);background:var(--accent-light);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.planner-week-col-body{flex:1;padding:6px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.planner-week-col-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:6px;padding:10px 0}.planner-week-col-empty-text{font-size:10px;color:var(--text-muted)}.planner-week-col-add-btn{width:24px;height:24px;border-radius:50%;border:1px dashed var(--border);background:transparent;color:var(--text-muted);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast)}.planner-week-col-add-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.planner-week-task{padding:4px 6px;border-radius:var(--radius-sm);border-left:3px solid var(--accent);background:var(--bg-subtle);font-size:11px;line-height:1.3;overflow:hidden}.planner-week-task-done{opacity:.45}.planner-week-task-done .planner-week-task-title{text-decoration:line-through}.planner-week-task-title{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planner-week-task-meta{display:flex;gap:4px;align-items:center;margin-top:2px}.planner-week-task-time{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary)}.planner-week-task-course{font-size:8px;font-weight:600;color:var(--accent-dark);background:var(--accent-light);padding:0 4px;border-radius:3px}.planner-expanded-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.planner-expanded-date{font-size:16px;font-weight:600;color:var(--text-primary);flex:1}.planner-energy-card{text-align:center;padding:28px 18px;margin-bottom:14px}.planner-energy-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.planner-energy-btns{display:flex;gap:10px;justify-content:center}.planner-energy-btn{padding:12px 22px;border-radius:var(--radius-md);font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast);display:flex;align-items:center;gap:6px}.planner-energy-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.energy-high:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent-dark)}.energy-medium:hover{background:var(--secondary-light);border-color:var(--secondary);color:var(--secondary)}.energy-low:hover{background:var(--warning-light);border-color:var(--warning);color:var(--warning)}.energy-icon{font-size:16px}.planner-loading,.planner-replanning{display:flex;align-items:center;gap:12px;padding:20px;margin-bottom:14px;font-size:13px;color:var(--text-secondary)}.planner-spinner{width:20px;height:20px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:plannerSpin .8s linear infinite;flex-shrink:0}@keyframes plannerSpin{to{transform:rotate(360deg)}}.planner-replan-btn{font-size:12px;font-weight:600;padding:6px 14px;color:var(--accent)}.planner-replan-btn:hover{background:var(--accent-light)}.planner-empty{text-align:center;padding:40px 18px;margin-bottom:14px}.planner-empty-icon{font-size:36px;margin-bottom:10px}.planner-empty p{font-size:13px;color:var(--text-tertiary);line-height:1.6;margin-bottom:16px}.planner-empty-actions{display:flex;gap:8px;justify-content:center}.planner-timeline-card{margin-bottom:14px;padding:18px 14px;overflow-x:hidden;overflow-y:auto;max-height:600px}.planner-timeline{display:flex;gap:0;position:relative}.planner-hours{flex-shrink:0;width:48px}.planner-hour-row{display:flex;align-items:flex-start;justify-content:flex-end;padding-right:10px}.planner-hour-label{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);font-weight:500;line-height:1;transform:translateY(-5px)}.planner-track{flex:1;position:relative;min-height:200px}.planner-gridline{position:absolute;left:0;right:0;height:1px;background:var(--border)}.planner-task-block{position:absolute;left:4px;right:4px;border-left-width:3px;border-radius:var(--radius-sm);padding:6px 10px;cursor:pointer;transition:transform var(--dur-fast),box-shadow var(--dur-fast),opacity var(--dur-fast);overflow:hidden;animation:fadeInUp var(--dur-slow) var(--ease-out) both;z-index:1}.planner-task-block:hover{transform:translate(2px);box-shadow:var(--shadow-sm);z-index:2}.planner-task-block:active{transform:scale(.98)}.task-done{opacity:.45}.task-title-done{text-decoration:line-through}.task-break{border-left-style:dotted!important}.task-block-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.task-block-title{font-size:12px;font-weight:600;color:var(--text-primary);line-height:1.3}.task-block-tag{font-size:9px;padding:1px 6px}.task-block-time{font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary);margin-top:2px}.task-ai-badge{position:absolute;top:5px;right:6px;font-size:8px;font-weight:700;color:var(--accent);background:var(--accent-light);padding:1px 5px;border-radius:3px;letter-spacing:.5px}.task-done-check{position:absolute;bottom:4px;right:6px;font-size:12px;color:var(--accent);font-weight:700}.planner-suggestions-card{margin-bottom:14px}.planner-suggestions-list{list-style:none;padding:0;margin:0}.planner-suggestion-item{font-size:13px;color:var(--text-secondary);padding:8px 12px;border-radius:var(--radius-sm);background:var(--bg-subtle);margin-bottom:6px;line-height:1.5}.planner-suggestion-item:last-child{margin-bottom:0}.planner-add-row{display:flex;gap:8px;margin-bottom:14px}.planner-form-card{margin-bottom:14px}.planner-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group-half{flex:1}.form-row{display:flex;gap:12px}.form-label{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.form-input{padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;outline:none;transition:border-color var(--dur-fast)}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text-muted)}.form-select{padding:9px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-sans);font-size:12px;outline:none;cursor:pointer;transition:border-color var(--dur-fast);flex:1}.form-select:focus{border-color:var(--accent)}.form-select-min{max-width:70px}.form-time-row{display:flex;gap:6px}.form-slider-val{font-weight:400;color:var(--accent);margin-left:4px;font-variant-numeric:tabular-nums}.form-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--bg-subtle);outline:none;cursor:pointer}.form-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-card);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--dur-fast)}.form-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.form-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-card);box-shadow:var(--shadow-sm);cursor:pointer}.form-radio-row{display:flex;gap:8px}.form-radio-option{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast)}.form-radio-option input[type=radio]{display:none}.form-radio-active{border-color:var(--accent);background:var(--accent-light);color:var(--accent-dark);font-weight:600}.form-radio-option:hover{border-color:var(--border-hover)}.planner-submit-btn{align-self:flex-start;margin-top:4px}@media(max-width:768px){.planner{max-width:100%}.planner-week-title{font-size:13px;min-width:200px}.planner-week-grid{grid-template-columns:1fr;gap:6px}.planner-week-col{min-height:auto;flex-direction:row;align-items:stretch}.planner-week-col-header{flex-direction:row;gap:6px;padding:10px 12px;border-bottom:none;border-right:1px solid var(--border);min-width:70px;justify-content:center}.planner-week-col-body{padding:8px 10px;flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center}.planner-week-col-empty{flex-direction:row;padding:0;gap:8px}.planner-week-task{flex-shrink:0}.planner-expanded-header{flex-direction:column;align-items:flex-start;gap:8px}.form-row{flex-direction:column;gap:14px}.planner-energy-btns{flex-direction:column;align-items:stretch}.planner-energy-btn{justify-content:center}}.tutor-page{display:flex;flex-direction:column;height:calc(100vh - 64px);overflow:hidden}.tutor-empty-state{text-align:center;padding:60px 40px;max-width:400px;margin:80px auto}.tutor-empty-state .empty-icon{font-size:48px;margin-bottom:16px}.tutor-empty-state h2{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.tutor-empty-state p{font-size:13px;color:var(--text-tertiary);line-height:1.6}.tutor-topbar{display:flex;align-items:center;gap:12px;padding:12px 0;flex-shrink:0}.tutor-course-select{display:flex;align-items:center;gap:8px}.select-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.tutor-course-select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-card);border:var(--card-border);border-radius:var(--radius-md);padding:8px 32px 8px 12px;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;outline:none;transition:border-color var(--dur-fast);background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23A3A097' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.tutor-course-select select:hover{border-color:var(--border-hover)}.tutor-course-select select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.tutor-course-meta{display:flex;gap:6px;margin-left:4px}.meta-tag{font-size:10px;padding:3px 8px;border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-tertiary);font-weight:500}.meta-tag-platform{background:var(--accent-light);color:var(--accent)}.materials-toggle{margin-left:auto;display:flex;align-items:center;gap:6px;padding:8px 14px;border:var(--card-border);border-radius:var(--radius-md);background:var(--bg-card);font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast)}.materials-toggle:hover{border-color:var(--border-hover);color:var(--text-primary)}.materials-toggle.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.materials-toggle-icon{font-size:14px}.materials-count{font-size:10px;background:var(--accent);color:var(--cta-text);padding:1px 6px;border-radius:var(--radius-full);font-weight:600}.tutor-body{display:flex;gap:0;flex:1;min-height:0;position:relative}.tutor-chat-area{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--bg-card);border:var(--card-border);border-radius:var(--radius-lg);overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:40px;opacity:0;animation:fadeUp .4s var(--ease-out) forwards}.welcome-icon{font-size:44px;margin-bottom:14px}.chat-welcome h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.chat-welcome p{font-size:13px;color:var(--text-tertiary);line-height:1.6;max-width:360px}.chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px}.loading-text{font-size:12px;color:var(--text-tertiary)}.chat-bubble{display:flex;gap:10px;max-width:80%;opacity:0;animation:fadeUp .3s var(--ease-out) forwards}.chat-user{align-self:flex-end;flex-direction:row-reverse}.chat-assistant{align-self:flex-start}.bubble-avatar{width:30px;height:30px;border-radius:var(--radius-full);background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:2px}.bubble-content{padding:10px 14px;border-radius:var(--radius-lg);font-size:13px;line-height:1.65;color:var(--text-secondary)}.chat-user .bubble-content{background:var(--accent-light);color:var(--text-primary);border-bottom-right-radius:var(--radius-sm)}.chat-assistant .bubble-content{background:var(--bg-subtle);border-bottom-left-radius:var(--radius-sm)}.bubble-text{white-space:pre-wrap;word-break:break-word}.chat-thinking .bubble-content{display:flex;align-items:center;gap:10px}.thinking-text{font-size:12px;color:var(--text-tertiary);font-style:italic}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.4;animation:typingDot 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.2;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.suggestions-row{display:flex;gap:8px;padding:0 20px 8px;flex-wrap:wrap}.suggestion-chip{padding:8px 14px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-card);font-family:var(--font-sans);font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast);opacity:0;animation:fadeUp .3s var(--ease-out) forwards}.suggestion-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.suggestion-chip:active{transform:scale(.97)}.chat-input-area{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg-card)}.chat-input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-input);font-family:var(--font-sans);font-size:13px;color:var(--text-primary);outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.chat-input:disabled{opacity:.6;cursor:not-allowed}.send-btn{width:38px;height:38px;border-radius:50%;border:none;background:var(--cta-bg);color:var(--cta-text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all var(--dur-fast);flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--cta-bg-hover);transform:scale(1.05)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{opacity:.35;cursor:not-allowed}.send-arrow{display:block;line-height:1}.send-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--cta-text);border-radius:50%;animation:spin .7s linear infinite}.tutor-sidebar{width:0;overflow:hidden;background:var(--bg-card);border:var(--card-border);border-radius:var(--radius-lg);margin-left:0;transition:width var(--dur-med) var(--ease-out),margin-left var(--dur-med) var(--ease-out),padding var(--dur-med) var(--ease-out),opacity var(--dur-med);opacity:0;flex-shrink:0}.tutor-sidebar.open{width:280px;margin-left:12px;opacity:1}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--border)}.sidebar-header h3{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap}.sidebar-close{width:26px;height:26px;border-radius:var(--radius-sm);border:none;background:var(--bg-subtle);color:var(--text-tertiary);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast);flex-shrink:0}.sidebar-close:hover{background:var(--border);color:var(--text-primary)}.sidebar-empty{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.sidebar-empty-icon{font-size:32px;margin-bottom:10px}.sidebar-empty p{font-size:12px;color:var(--text-tertiary);line-height:1.5}.sidebar-materials{padding:8px 0;overflow-y:auto;max-height:calc(100vh - 200px)}.sidebar-materials::-webkit-scrollbar{width:4px}.sidebar-materials::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.material-group{padding:0 12px}.material-section{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);padding:12px 4px 6px;border-bottom:1px solid var(--border);margin-bottom:2px}.material-item{display:flex;align-items:center;gap:8px;padding:8px 4px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast)}.material-item:hover{background:var(--bg-subtle)}.material-icon{font-size:12px;flex-shrink:0}.material-name{font-size:12px;color:var(--text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.tutor-topbar{flex-wrap:wrap}.tutor-course-meta{display:none}.materials-toggle{margin-left:0}.tutor-sidebar.open{position:absolute;right:0;top:0;bottom:0;z-index:10;margin-left:0;box-shadow:var(--shadow-lg)}.chat-bubble{max-width:90%}}.play-hub{animation:fadeInUp var(--dur-slow) var(--ease-out) both}.play-hero{text-align:center;padding:20px 0 28px}.play-title{font-size:28px;font-weight:700;margin-bottom:8px}.play-subtitle{font-size:13px;color:var(--text-secondary);max-width:480px;margin:0 auto;line-height:1.6}.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feat{padding:20px;cursor:pointer;animation:fadeInUp var(--dur-slow) var(--ease-out) both}.feat-active:hover{border-color:#e87cb033;transform:translateY(-2px);box-shadow:0 8px 32px #c87cdb14}.feat-locked{opacity:.5;cursor:default}.feat-icon{font-size:28px;display:block;margin-bottom:10px}.feat-name{font-size:14px;font-weight:600;margin-bottom:4px}.feat-desc{font-size:11.5px;color:var(--text-secondary);line-height:1.55}.feat-tag{margin-top:8px}.tag-pk{background:var(--accent-light);color:var(--accent)}.tag-muted{background:var(--bg-subtle);color:var(--text-muted)}.play-disclaimer{text-align:center;margin-top:28px;font-size:10px;color:var(--text-muted)}@media(max-width:768px){.feat-grid{grid-template-columns:1fr}}.love-analyzer{max-width:620px;margin:0 auto}.love-header{text-align:center;padding:16px 0 20px}.love-emoji{font-size:40px;margin-bottom:6px}.love-title{font-size:28px;font-weight:800;margin-bottom:4px}.love-subtitle{font-size:13px;color:var(--text-tertiary)}.upload-zone{padding:40px 20px;text-align:center;cursor:pointer;margin-bottom:14px;transition:all .3s;border-radius:var(--radius-xl)}.upload-zone.has-images{padding:14px}.upload-zone.drag-over{border-color:var(--pk)!important;background:#e87cb00f!important}.upload-icon{font-size:36px;margin-bottom:10px;opacity:.8}.upload-text{color:var(--text-secondary);font-size:15px;font-weight:600}.upload-hint{color:var(--text-muted);font-size:12px;margin-top:4px}.image-preview{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.preview-thumb{position:relative;width:72px;height:108px}.preview-thumb img{width:100%;height:100%;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.thumb-remove{position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:50%;background:var(--danger);border:2px solid var(--bg-page);color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.preview-add{width:72px;height:108px;border-radius:10px;border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:22px}.analyze-buttons{display:flex;gap:10px;margin-bottom:20px}.analyze-btn{flex:1;padding:15px;border-radius:14px;border:none;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font-sans);transition:all .3s}.analyze-btn:disabled{cursor:not-allowed;background:var(--bg-subtle)!important;color:var(--text-muted)!important;box-shadow:none!important}.analyze-fast{background:linear-gradient(135deg,var(--pk),var(--pp));color:#fff;box-shadow:0 4px 24px #e87cb04d}.analyze-deep{background:linear-gradient(135deg,var(--warning),var(--danger),var(--pk));color:#fff;box-shadow:0 4px 24px #e85d6f4d}.loading-state{text-align:center;padding:32px 0}.spinner{width:44px;height:44px;margin:0 auto 14px;border:3px solid var(--border);border-top-color:var(--pp);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-status{color:var(--text-tertiary);font-size:13px;margin-bottom:4px}.loading-elapsed{color:var(--text-muted);font-size:13px;margin-bottom:10px;font-variant-numeric:tabular-nums}.result-card{padding:22px;margin-bottom:14px;position:relative;overflow:hidden;border-radius:var(--radius-xl)}.result-card-accent{position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.result-card-title{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.result-card-title span{font-size:18px}.score-gauge{text-align:center;padding:16px 0}.score-label{margin-top:6px;font-size:17px;font-weight:700}.verdict-text{text-align:center;color:var(--text-secondary);font-size:13px;line-height:1.7;margin:6px 12px 0}.analysis-text{color:var(--text-secondary);font-size:13px;line-height:1.8}.error-msg{color:var(--danger);font-size:13px;line-height:1.7;word-break:break-all}.signal-group{margin-bottom:10px}.signal-label{font-size:11px;color:var(--text-muted);margin-bottom:6px;font-weight:600}.signal-pills{display:flex;flex-wrap:wrap;gap:4px}.pill{display:inline-block;padding:4px 11px;border-radius:99px;font-size:12px;font-weight:500}.pill-green{background:#6bd4a01f;color:var(--gn);border:1px solid rgba(107,212,160,.2)}.pill-red{background:#e85d6f1f;color:#fca5a5;border:1px solid rgba(232,93,111,.2)}.badge{padding:2px 10px;border-radius:99px;font-size:11px;font-weight:700}.badge-low{background:#9b7cdb26;color:var(--pp2)}.badge-medium{background:#e8c54a26;color:var(--warning)}.badge-high{background:#e85d6f26;color:var(--danger)}.pua-list{display:flex;flex-direction:column;gap:10px}.pua-item{background:#e85d6f0d;border:1px solid rgba(232,93,111,.1);border-radius:12px;padding:12px}.pua-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.pua-name{color:var(--text-primary);font-size:13px;font-weight:700}.pua-evidence{color:var(--text-secondary);font-size:12px;line-height:1.6;margin:0 0 4px}.pua-desc{color:var(--text-tertiary);font-size:11px;line-height:1.6;font-style:italic;margin:0}.pua-safe{color:var(--gn);font-size:13px;text-align:center;padding:10px}.comm-item{display:flex;gap:10px;padding:7px 10px;border-radius:8px;background:var(--bg-subtle);margin-bottom:4px}.comm-icon{font-size:15px;flex-shrink:0}.comm-label{font-size:11px;color:var(--text-muted);font-weight:600}.comm-value{font-size:12px;color:var(--text-secondary);line-height:1.6}.power-item{padding:9px 12px;border-radius:10px;background:#9b7cdb0d;border:1px solid rgba(155,124,219,.08);margin-bottom:6px}.power-label{font-size:11px;color:var(--text-muted);font-weight:600;margin-bottom:3px}.power-value{font-size:12px;color:var(--text-secondary);line-height:1.6}.strategy-item{background:#6bd4a00a;border:1px solid rgba(107,212,160,.08);border-radius:12px;padding:12px;margin-bottom:8px}.strategy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.strategy-name{color:var(--text-primary);font-size:13px;font-weight:700}.strategy-action{color:var(--text-secondary);font-size:12px;line-height:1.6;margin:0 0 4px}.strategy-reason{color:var(--text-tertiary);font-size:11px;line-height:1.6;margin:0}.reset-btn{width:100%;margin-top:6px}.play-footer{text-align:center;padding:20px 0 0;color:var(--text-muted);font-size:11px}.infidelity-lab{max-width:860px;margin:0 auto}.lab-header{padding:16px 0}.lab-title{font-size:22px;font-weight:700;margin-bottom:6px}.lab-meta{display:flex;align-items:center;gap:10px}.lab-badge{font-size:10px;color:var(--text-muted)}.mode-switch{display:flex;background:var(--bg-subtle);border-radius:6px;border:1px solid var(--border);overflow:hidden}.mode-btn{padding:4px 10px;font-size:10px;border:none;cursor:pointer;font-family:var(--font-sans);background:transparent;color:var(--text-muted);transition:all .15s}.mode-btn:disabled{cursor:wait}.mode-active-fast{background:#4a8bf533;color:#4a8bf5}.mode-active-deep{background:#e879f926;color:var(--pk)}.lab-tabs{display:flex;border-bottom:1px solid var(--border);padding:0;margin-bottom:16px;flex-wrap:wrap}.lab-tab{padding:9px 11px;font-size:12px;border:none;cursor:pointer;background:none;color:var(--text-muted);border-bottom:2px solid transparent;font-family:var(--font-sans);transition:all .15s}.lab-tab-active{color:var(--pk);border-bottom-color:var(--pk)}.lab-body{min-height:300px}.lab-status{font-size:10px;color:var(--pk);margin-bottom:6px}.lab-disclaimer{margin-top:20px;padding:8px 12px;border-radius:6px;background:var(--bg-subtle);border:1px solid var(--border);font-size:9px;color:var(--text-muted)}.timer-bar{display:flex;align-items:center;gap:8px;padding:8px 0}.timer-track{flex:1;height:3px;background:var(--bg-subtle);border-radius:2px;overflow:hidden}.timer-fill{height:3px;background:var(--gradient-primary);border-radius:2px;transition:width 1s}.timer-text{font-size:10px;font-family:var(--font-mono);color:var(--text-muted)}.timer-warn{color:var(--danger)}.chat-messages{max-height:350px;overflow-y:auto;margin-bottom:10px}.chat-msg{display:flex;margin-bottom:6px}.chat-u{justify-content:flex-end}.chat-a{justify-content:flex-start}.chat-bubble{max-width:80%;padding:8px 12px;border-radius:10px}.chat-bubble p{font-size:12px;color:var(--text-secondary);line-height:1.7;white-space:pre-wrap;margin:0}.chat-bubble-u{background:#9b7cdb1f;border:1px solid rgba(155,124,219,.2)}.chat-bubble-a{background:var(--bg-subtle);border:1px solid var(--border)}.chat-input-row{display:flex;gap:6px;margin-bottom:6px}.chat-input{flex:1;padding:9px 12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:12px;font-family:var(--font-sans);outline:none}.chat-input:focus{border-color:var(--border-hover)}.chat-send{padding:9px 18px}.reset-small{font-size:10px;margin-top:4px}.prompt-suggestions{padding:14px 16px;margin-bottom:10px;border-radius:var(--radius-lg)}.suggestion-label{font-size:12px;color:var(--text-tertiary);margin-bottom:6px}.suggestion-btn{display:block;width:100%;text-align:left;padding:7px 14px;border-radius:6px;border:none;background:var(--bg-subtle);color:var(--text-secondary);font-size:12px;font-family:var(--font-sans);cursor:pointer;margin-bottom:3px;transition:all .15s}.suggestion-btn:hover{background:var(--accent-light);color:var(--accent)}.result-box{padding:14px 16px;margin-bottom:10px;border-radius:var(--radius-lg)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;color:var(--text-secondary)}.result-prob{font-size:30px;font-family:var(--font-mono);font-weight:300;text-align:center}.result-text{font-size:12px;color:var(--text-secondary);line-height:1.8;white-space:pre-wrap;margin:0}.factor-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:8px}.factor-tag{display:inline-block;padding:2px 7px;border-radius:10px;font-size:9px;font-family:var(--font-mono)}.factor-warn{background:#e8c54a26;color:var(--warning)}.factor-ok{background:#6bd4a01a;color:var(--gn)}.flag-result{border:1px solid rgba(232,93,111,.15)}.compare-grid{display:grid;grid-template-columns:1fr 40px 1fr;gap:10px}.compare-col{padding:14px;border-radius:var(--radius-lg)}.compare-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.compare-prob{font-size:32px;font-family:var(--font-mono);text-align:center;margin:6px 0}.compare-row{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted)}.compare-empty{font-size:11px;color:var(--text-muted);text-align:center}.compare-vs{text-align:center;padding-top:40px;font-size:16px;color:var(--text-muted)}.slider-row{margin-bottom:2px}.slider-header{display:flex;justify-content:space-between;font-size:10px}.slider-header span:first-child{color:var(--text-muted)}.slider-val{font-family:var(--font-mono);color:var(--text-tertiary)}.range-slider{width:100%;height:3px}.preset-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.preset-btn{padding:7px 14px;border-radius:6px;border:none;cursor:pointer;font-size:12px;font-family:var(--font-sans);background:var(--bg-subtle);color:var(--text-secondary);transition:all .15s}.preset-btn:hover{background:var(--accent-light);color:var(--accent)}.preset-btn:disabled{opacity:.5;cursor:wait}.preset-flag{font-size:10px}.person-name{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.story-textarea{width:100%;height:90px;padding:10px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:12px;font-family:var(--font-sans);outline:none;resize:vertical;box-sizing:border-box}.story-persons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}@media(max-width:768px){.compare-grid{grid-template-columns:1fr}.compare-vs{padding:10px 0}.story-persons{grid-template-columns:1fr}}.play-saved-container{margin-top:16px}.play-saved-badge{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-lg);margin-bottom:10px;font-size:12px}.saved-check{color:var(--gn, var(--safe));font-weight:700;font-size:14px}.saved-text{color:var(--text-secondary);font-weight:500}.saved-link{margin-left:auto;color:var(--accent);font-size:11px;font-weight:500;text-decoration:none}.saved-link:hover{text-decoration:underline}.play-history-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:8px 0;font-size:12px;font-weight:500;color:var(--text-tertiary);background:none;border:none;cursor:pointer;font-family:var(--font-sans);transition:color .15s}.play-history-toggle:hover{color:var(--text-secondary)}.history-arrow{margin-left:auto;font-size:10px;transition:transform .2s}.history-arrow.open{transform:rotate(180deg)}.play-history-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:4px 0}.history-empty{text-align:center;font-size:12px;color:var(--text-muted);padding:16px 0}.history-item{padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.history-item:hover{transform:translateY(-1px);border-color:var(--border-hover)}.history-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.history-date{font-size:10px;font-family:var(--font-mono);color:var(--text-muted)}.history-latest{font-size:9px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--accent-light);color:var(--accent)}.history-preview{font-size:12px;color:var(--text-secondary)}.history-preview-text{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.history-mbti{display:flex;align-items:center;gap:8px}.history-mbti-type{font-size:16px;font-weight:800;background:var(--gradient-primary, linear-gradient(135deg, var(--accent), var(--tertiary)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.history-mbti-desc{font-size:11px;color:var(--text-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-fortune{display:flex;align-items:center;gap:8px}.history-fortune-score{font-size:18px;font-weight:800;font-family:var(--font-mono)}.history-fortune-dims{display:flex;gap:4px;flex-wrap:wrap}.history-fortune-dim{font-size:9px;padding:1px 5px;border-radius:3px;background:var(--bg-subtle);color:var(--text-muted)}.history-vibe{display:flex;align-items:center;gap:6px}.history-vibe-emoji{font-size:18px}.history-vibe-type{font-size:13px;font-weight:600;color:var(--text-primary)}.history-vibe-tag{font-size:10px;color:var(--text-muted)}.mbti-test{max-width:680px;margin:0 auto;padding-bottom:40px}.mbti-header{padding:16px 0;text-align:center}.mbti-title{font-size:24px;font-weight:700;margin-bottom:4px}.mbti-subtitle{font-size:12px;color:var(--text-muted)}.mbti-progress{display:flex;align-items:center;gap:10px;margin-bottom:20px}.mbti-progress-track{flex:1;height:4px;background:var(--bg-subtle);border-radius:2px;overflow:hidden}.mbti-progress-fill{height:4px;background:var(--gradient-primary);border-radius:2px;transition:width .4s var(--ease-out)}.mbti-progress-text{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap}.mbti-question-card{padding:28px 24px;border-radius:var(--radius-xl);text-align:center}.mbti-q-number{font-size:11px;font-family:var(--font-mono);color:var(--pk);margin-bottom:8px;letter-spacing:2px}.mbti-q-text{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.6;margin-bottom:6px}.mbti-q-en{font-size:11px;color:var(--text-muted);margin-bottom:24px}.mbti-fade-in{animation:mbtiFadeIn .3s var(--ease-out) forwards}.mbti-fade-out{animation:mbtiFadeOut .25s ease-in forwards}@keyframes mbtiFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes mbtiFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.mbti-options{display:flex;flex-direction:column;gap:10px}.mbti-option{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-radius:var(--radius-lg);cursor:pointer;border:1px solid var(--border);background:var(--bg-card);text-align:left;transition:all .2s var(--ease-out)}.mbti-option:hover{border-color:var(--pk);background:#e87cb00f;transform:translateY(-1px);box-shadow:var(--shadow-md)}.mbti-option:active{transform:translateY(0)}.mbti-option-label{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.mbti-option-text{font-size:13px;color:var(--text-primary);font-weight:500;line-height:1.5;margin:0}.mbti-option-en{font-size:10px;color:var(--text-muted);margin:2px 0 0}.mbti-type-card{text-align:center;padding:36px 24px;border-radius:var(--radius-xl);margin-bottom:16px}.mbti-type-big{font-size:64px;font-weight:800;letter-spacing:8px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.1}.mbti-type-sub{margin-top:10px}.mbti-type-dim{font-size:11px;color:var(--text-muted)}.mbti-dims{padding:20px 24px;border-radius:var(--radius-xl);margin-bottom:16px}.mbti-section-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:14px}.mbti-dim-row{margin-bottom:14px}.mbti-dim-row:last-child{margin-bottom:0}.mbti-dim-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.mbti-dim-letter{font-size:12px;font-family:var(--font-mono);color:var(--text-muted);transition:color .2s}.mbti-dim-active{color:var(--pk);font-weight:600}.mbti-dim-name{font-size:10px;color:var(--text-muted)}.mbti-dim-bar{width:100%;height:6px;background:var(--bg-subtle);border-radius:3px;overflow:hidden}.mbti-dim-fill-left{height:6px;border-radius:3px;transition:width .6s var(--ease-out)}.mbti-ai-card{padding:20px 24px;border-radius:var(--radius-xl);margin-bottom:16px}.mbti-ai-text{font-size:13px;color:var(--text-secondary);line-height:1.8;white-space:pre-wrap;margin:0}.mbti-sw-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.mbti-strengths{border-left:3px solid var(--gn)}.mbti-weaknesses{border-left:3px solid var(--warning)}.mbti-error{border:1px solid rgba(232,93,111,.2)}.mbti-compat-row{display:flex;gap:10px;flex-wrap:wrap}.mbti-compat-badge{display:flex;flex-direction:column;align-items:center;padding:12px 20px;border-radius:var(--radius-lg);background:#e87cb014;border:1px solid rgba(232,124,176,.15)}.mbti-compat-type{font-size:18px;font-weight:700;font-family:var(--font-mono);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mbti-compat-label{font-size:10px;color:var(--pk2);margin-top:2px}.mbti-share-card{padding:2px;border-radius:var(--radius-xl);background:var(--gradient-primary);margin-bottom:16px}.mbti-share-inner{background:var(--bg-page);border-radius:calc(var(--radius-xl) - 2px);padding:28px 24px;text-align:center}.mbti-share-type{font-size:48px;font-weight:800;letter-spacing:6px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.mbti-share-bars{display:flex;gap:12px;justify-content:center;margin:10px 0 14px;flex-wrap:wrap}.mbti-share-dim{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);padding:3px 8px;background:var(--bg-subtle);border-radius:var(--radius-sm)}.mbti-share-brand{font-size:12px;color:var(--pk);font-weight:600;letter-spacing:1px}.mbti-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;border-radius:var(--radius-xl);margin-bottom:16px}.mbti-loading p{font-size:12px;color:var(--text-muted);margin:0}.mbti-loading-spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--pk);border-radius:50%;animation:mbtiSpin .8s linear infinite}@keyframes mbtiSpin{to{transform:rotate(360deg)}}.mbti-actions{display:flex;gap:10px;justify-content:center;margin-bottom:16px}.mbti-btn{padding:10px 28px;border-radius:var(--radius-md);font-size:13px}.mbti-disclaimer{margin-top:20px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border);font-size:9px;color:var(--text-muted);text-align:center}.mbti-test.animate-in{animation:mbtiFadeIn .4s var(--ease-out) forwards}@media(max-width:600px){.mbti-type-big{font-size:48px;letter-spacing:4px}.mbti-share-type{font-size:36px}.mbti-sw-grid{grid-template-columns:1fr}.mbti-question-card{padding:20px 16px}.mbti-option{padding:12px 14px}}.fortune-page{max-width:860px;margin:0 auto;padding-bottom:40px}.fortune-header{padding:16px 0;text-align:center}.fortune-title{font-size:26px;font-weight:700;margin-bottom:4px}.fortune-subtitle{font-size:12px;color:var(--text-muted)}.fortune-form{padding:20px;margin-bottom:20px;border-radius:var(--radius-xl)}.fortune-form-title{font-size:14px;color:var(--text-secondary);margin-bottom:14px;font-weight:500}.form-row{margin-bottom:14px}.form-label{display:block;font-size:11px;color:var(--text-tertiary);margin-bottom:6px;font-weight:500}.form-date-input,.form-select,.form-text-input{width:100%;padding:10px 12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-family:var(--font-sans);outline:none;box-sizing:border-box;transition:border-color var(--dur-fast)}.form-date-input:focus,.form-select:focus,.form-text-input:focus{border-color:var(--border-hover)}.mood-row{display:flex;gap:6px;flex-wrap:wrap}.mood-btn{flex:1;min-width:60px;padding:10px 6px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-subtle);cursor:pointer;text-align:center;transition:all var(--dur-fast);font-family:var(--font-sans)}.mood-btn:hover{border-color:var(--border-hover)}.mood-btn.mood-active{border-color:var(--pk);background:#e87cb01a;box-shadow:0 0 12px #e87cb026}.mood-emoji{font-size:22px;display:block;margin-bottom:2px}.mood-label{font-size:9px;color:var(--text-muted)}.mood-active .mood-label{color:var(--pk2)}.fortune-generate{width:100%;padding:14px;border:none;border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-size:15px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:opacity var(--dur-fast),transform var(--dur-fast)}.fortune-generate:hover{opacity:.9;transform:translateY(-1px)}.fortune-generate:disabled{opacity:.5;cursor:wait;transform:none}.fortune-loading{text-align:center;padding:40px 0}.fortune-loading-spinner{width:48px;height:48px;margin:0 auto 16px;border:3px solid var(--border);border-top-color:var(--pk);border-radius:50%;animation:fortune-spin .8s linear infinite}@keyframes fortune-spin{to{transform:rotate(360deg)}}.fortune-loading-text{font-size:13px;color:var(--text-tertiary)}.fortune-loading-sub{font-size:11px;color:var(--text-muted);margin-top:4px}.overall-score-card{text-align:center;padding:28px 20px 20px;margin-bottom:20px;border-radius:var(--radius-xl);position:relative;overflow:hidden}.overall-score-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(232,124,176,.12) 0%,transparent 70%);pointer-events:none}.overall-label{font-size:12px;color:var(--text-tertiary);margin-bottom:4px}.overall-number{font-size:72px;font-weight:300;font-family:var(--font-mono);line-height:1;margin-bottom:2px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overall-suffix{font-size:18px}.overall-verdict{font-size:14px;color:var(--text-secondary);margin-top:6px}.radar-section{margin-bottom:24px;display:flex;justify-content:center}.radar-container{position:relative;width:280px;height:280px}.radar-hex{position:absolute;top:0;right:0;bottom:0;left:0}.radar-hex polygon{fill:none;stroke:var(--border);stroke-width:1}.radar-hex .radar-hex-inner{stroke:#ffffff0a}.radar-data polygon{fill:#e87cb01f;stroke:var(--pk);stroke-width:2;transition:all .6s var(--ease-out)}.radar-data circle{fill:var(--pk);transition:all .6s var(--ease-out)}.radar-label{position:absolute;font-size:10px;color:var(--text-tertiary);white-space:nowrap;transform:translate(-50%,-50%);pointer-events:none}.radar-label-score{font-family:var(--font-mono);font-size:11px;color:var(--pk2);font-weight:500}.dim-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.dim-card{padding:16px;border-radius:var(--radius-lg);position:relative;overflow:hidden}.dim-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;pointer-events:none;border-radius:inherit}.dim-card-love:before{background:linear-gradient(135deg,#e87cb0,#f4a5c7)}.dim-card-money:before{background:linear-gradient(135deg,#e8c54a,#f0d78a)}.dim-card-health:before{background:linear-gradient(135deg,#6bd4a0,#a8e6cf)}.dim-card-study:before{background:linear-gradient(135deg,#4a8bf5,#7fb3ff)}.dim-card-social:before{background:linear-gradient(135deg,#9b7cdb,#b9a3e8)}.dim-card-growth:before{background:linear-gradient(135deg,#c87cdb,#e0a5eb)}.dim-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.dim-emoji{font-size:18px}.dim-name{font-size:13px;font-weight:500;color:var(--text-primary)}.dim-name-cn{font-size:10px;color:var(--text-muted);margin-left:4px}.dim-score-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dim-score-track{flex:1;height:6px;border-radius:3px;background:var(--bg-subtle);overflow:hidden}.dim-score-fill{height:100%;border-radius:3px;transition:width 1s var(--ease-out)}.dim-score-num{font-size:16px;font-family:var(--font-mono);font-weight:500;min-width:28px;text-align:right}.dim-verdict{font-size:12px;color:var(--pk2);margin-bottom:6px;font-weight:500}.dim-analysis{font-size:11px;color:var(--text-secondary);line-height:1.7}.score-low{color:var(--danger)}.score-mid{color:var(--warning)}.score-high{color:var(--gn)}.lucky-section{padding:18px;margin-bottom:20px;border-radius:var(--radius-xl)}.lucky-title{font-size:13px;color:var(--text-secondary);margin-bottom:12px;font-weight:500}.lucky-grid{display:flex;gap:12px;flex-wrap:wrap}.lucky-item{flex:1;min-width:80px;text-align:center;padding:12px 8px;border-radius:var(--radius-md);background:var(--bg-subtle)}.lucky-icon{font-size:20px;margin-bottom:4px}.lucky-label{font-size:9px;color:var(--text-muted);margin-bottom:2px}.lucky-value{font-size:14px;color:var(--text-primary);font-weight:500}.advice-section{padding:18px;margin-bottom:20px;border-radius:var(--radius-xl);border-left:3px solid var(--pk)}.advice-label{font-size:11px;color:var(--text-muted);margin-bottom:6px}.advice-text{font-size:13px;color:var(--text-secondary);line-height:1.7}.share-card{padding:24px 20px;border-radius:var(--radius-xl);text-align:center;position:relative;overflow:hidden}.share-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 100%,rgba(155,124,219,.08) 0%,transparent 70%);pointer-events:none}.share-card-title{font-size:11px;color:var(--text-muted);margin-bottom:12px}.share-card-score{font-size:48px;font-weight:300;font-family:var(--font-mono);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.share-mini-bars{display:flex;gap:8px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}.share-mini{display:flex;flex-direction:column;align-items:center;gap:2px}.share-mini-label{font-size:8px;color:var(--text-muted)}.share-mini-bar{width:32px;height:4px;border-radius:2px;background:var(--bg-subtle);overflow:hidden}.share-mini-fill{height:100%;border-radius:2px}.share-mini-score{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary)}.share-branding{font-size:10px;color:var(--text-muted);margin-bottom:12px}.share-actions{display:flex;gap:8px;justify-content:center}.share-btn{padding:8px 20px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-secondary);font-size:12px;font-family:var(--font-sans);cursor:pointer;transition:all var(--dur-fast)}.share-btn:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.share-btn-primary{background:var(--gradient-primary);border:none;color:#fff}.share-btn-primary:hover{opacity:.9}.fortune-reset{display:block;margin:16px auto 0;padding:8px 20px;border:none;background:none;color:var(--text-muted);font-size:11px;font-family:var(--font-sans);cursor:pointer}.fortune-reset:hover{color:var(--text-tertiary)}.fortune-disclaimer{margin-top:20px;padding:8px 12px;border-radius:6px;background:var(--bg-subtle);border:1px solid var(--border);font-size:9px;color:var(--text-muted);text-align:center}@media(max-width:600px){.dim-grid{grid-template-columns:1fr}.radar-container{width:240px;height:240px}.overall-number{font-size:56px}.mood-btn{min-width:50px;padding:8px 4px}.mood-emoji{font-size:18px}.lucky-grid{gap:8px}}.vibe-check{max-width:640px;margin:0 auto;padding-bottom:40px}.vibe-header{text-align:center;padding:20px 0 12px}.vibe-title{font-size:26px;font-weight:700;margin-bottom:2px}.vibe-subtitle{font-size:12px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}.vibe-progress{margin-bottom:20px}.vibe-progress-track{height:3px;background:var(--bg-subtle);border-radius:2px;overflow:hidden;margin-bottom:8px}.vibe-progress-fill{height:3px;background:var(--gradient-primary);border-radius:2px;transition:width .4s var(--ease-out)}.vibe-progress-dots{display:flex;justify-content:space-between}.vibe-dot{font-size:10px;color:var(--text-muted);transition:color var(--dur-med)}.vibe-dot-active{color:var(--pk)}.vibe-question-card{padding:28px 24px;margin-bottom:16px;text-align:center}.vibe-q-count{font-size:10px;color:var(--text-muted);margin-bottom:8px;font-family:var(--font-mono)}.vibe-q-text{font-size:16px;color:var(--text-primary);margin-bottom:20px;font-weight:500;line-height:1.6}.vibe-q-hint{font-size:11px;color:var(--text-tertiary);margin-top:-12px;margin-bottom:20px}.vibe-slide-in{animation:vibeSlideIn .25s var(--ease-out) both}.vibe-slide-out{animation:vibeSlideOut .15s ease-in both}@keyframes vibeSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes vibeSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}.vibe-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vibe-pick{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;cursor:pointer;border:none;background:#ffffff08;transition:all var(--dur-med) var(--ease-out);font-family:var(--font-sans)}.vibe-pick:hover{background:#ffffff12;border-color:#ffffff26;transform:translateY(-2px)}.vibe-pick:active{transform:translateY(0) scale(.98)}.vibe-pick-emoji{font-size:36px}.vibe-pick-text{font-size:13px;color:var(--text-secondary)}.vibe-scenario-opts{display:flex;flex-direction:column;gap:8px;text-align:left}.vibe-scenario-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;border:none;background:#ffffff08;transition:all var(--dur-med) var(--ease-out);font-family:var(--font-sans)}.vibe-scenario-btn:hover{background:#ffffff12;border-color:#ffffff26;transform:translate(4px)}.vibe-scenario-btn:active{transform:translate(2px) scale(.99)}.vibe-opt-key{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:var(--radius-full);background:var(--accent-light);color:var(--pk);font-size:10px;font-weight:600;font-family:var(--font-mono)}.vibe-opt-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.vibe-sliders{display:flex;flex-direction:column;gap:20px;text-align:left;margin-bottom:24px}.vibe-slider-label{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.vibe-slider-label span:first-child{font-size:14px;color:var(--text-primary);font-weight:500}.vibe-slider-en{font-size:10px;color:var(--text-muted);flex:1}.vibe-slider-val{font-size:18px;font-family:var(--font-mono);font-weight:300;color:var(--pk);min-width:24px;text-align:right}.vibe-range{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-subtle);border-radius:2px;outline:none;accent-color:var(--pk)}.vibe-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--pk);cursor:pointer;box-shadow:0 0 8px #e87cb04d}.vibe-slider-ends{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted);margin-top:2px}.vibe-submit{width:100%;padding:14px;background:var(--cta-bg);color:var(--cta-text);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-sans);transition:all var(--dur-med)}.vibe-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}.vibe-loading{padding:60px 24px;text-align:center}.vibe-loading-orb{width:48px;height:48px;margin:0 auto 20px;border-radius:50%;background:var(--gradient-primary);animation:vibeOrb 1.5s ease-in-out infinite}@keyframes vibeOrb{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}.vibe-loading-text{font-size:14px;color:var(--text-primary);margin-bottom:4px}.vibe-loading-sub{font-size:11px;color:var(--text-muted)}.vibe-error{font-size:11px;color:var(--danger);text-align:center;margin-bottom:10px}.vibe-results{animation:vibeResultsIn .6s var(--ease-out) both}@keyframes vibeResultsIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vibe-result-hero{text-align:center;padding:36px 24px 28px;margin-bottom:12px}.vibe-result-emoji{font-size:56px;display:block;margin-bottom:8px}.vibe-result-type{font-size:28px;font-weight:700;margin-bottom:6px}.vibe-result-tagline{font-size:13px;color:var(--text-secondary);line-height:1.6}.vibe-result-card{padding:20px;margin-bottom:10px;border-radius:var(--radius-lg);animation:vibeCardIn .4s var(--ease-out) both}.vibe-result-card:nth-child(2){animation-delay:.05s}.vibe-result-card:nth-child(3){animation-delay:.1s}.vibe-result-card:nth-child(4){animation-delay:.15s}.vibe-result-card:nth-child(5){animation-delay:.2s}.vibe-result-card:nth-child(6){animation-delay:.25s}.vibe-result-card:nth-child(7){animation-delay:.3s}.vibe-result-card:nth-child(8){animation-delay:.35s}@keyframes vibeCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.vibe-card-title{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.vibe-card-body{font-size:13px;color:var(--text-secondary);line-height:1.8;margin:0;white-space:pre-wrap}.vibe-attachment{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.vibe-attachment-label{font-size:20px;font-weight:600}.vibe-attachment-type{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);text-transform:capitalize}.vibe-ll-list{display:flex;flex-direction:column;gap:10px}.vibe-ll-info{display:flex;align-items:center;gap:6px;margin-bottom:4px}.vibe-ll-rank{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);min-width:20px}.vibe-ll-label{font-size:12px;color:var(--text-secondary);flex:1}.vibe-ll-pct{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)}.vibe-ll-bar-track{height:4px;background:var(--bg-subtle);border-radius:2px;overflow:hidden}.vibe-ll-bar-fill{height:4px;border-radius:2px;width:0;animation:vibeBarGrow .8s var(--ease-out) forwards}@keyframes vibeBarGrow{0%{width:0}}.vibe-match-tags{display:flex;flex-wrap:wrap;gap:8px}.vibe-match-tag{padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:500}.vibe-rf-list{list-style:none;padding:0;margin:0}.vibe-rf-item{font-size:12px;color:var(--text-secondary);line-height:1.7;padding:4px 0 4px 16px;position:relative}.vibe-rf-item:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--danger)}.vibe-share-card{padding:24px;margin:20px 0 12px;text-align:center}.vibe-share-inner{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.vibe-share-emoji{font-size:40px}.vibe-share-text{text-align:left}.vibe-share-type{font-size:18px;font-weight:700;margin:0}.vibe-share-tag{font-size:11px;color:var(--text-secondary);margin:2px 0}.vibe-share-attach{font-size:10px;color:var(--text-muted);margin:0}.vibe-share-label{font-size:9px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.vibe-actions{display:flex;justify-content:center;gap:10px;margin-top:12px}.vibe-disclaimer{margin-top:24px;padding:8px 12px;border-radius:6px;background:var(--bg-subtle);border:1px solid var(--border);font-size:9px;color:var(--text-muted);text-align:center}@media(max-width:480px){.vibe-check{padding:0 4px 40px}.vibe-question-card{padding:20px 16px}.vibe-quick-grid{gap:8px}.vibe-pick{padding:18px 12px}.vibe-pick-emoji{font-size:28px}.vibe-result-hero{padding:28px 16px 20px}.vibe-result-emoji{font-size:44px}.vibe-result-type{font-size:22px}.vibe-share-inner{flex-direction:column;gap:8px}.vibe-share-text{text-align:center}}.play-profile{max-width:720px;margin:0 auto}.profile-loading{text-align:center;padding:60px;color:var(--text-tertiary)}.profile-header{text-align:center;padding:16px 0 24px}.profile-name{font-size:26px;font-weight:800;margin-bottom:4px}.profile-subtitle{font-size:13px;color:var(--text-tertiary)}.profile-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:20px}.profile-card-empty{padding:28px 16px;text-align:center;cursor:pointer;border-radius:var(--radius-xl);transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.profile-card-empty:hover{transform:translateY(-2px);border-color:var(--accent)}.profile-card-icon{font-size:32px}.profile-card-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.profile-card-cta{font-size:11px;color:var(--accent);font-weight:500}.profile-card-wrapper{display:flex;flex-direction:column;gap:4px}.profile-card-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-tertiary);padding:0 4px;margin-bottom:4px}.profile-card-date{font-family:var(--font-mono);font-size:10px}.profile-result-card{padding:20px;text-align:center;border-radius:var(--radius-xl)}.profile-type-big{font-size:36px;font-weight:800;line-height:1;margin-bottom:8px}.score-suffix{font-size:16px;font-weight:400;opacity:.5}.profile-desc{font-size:11px;color:var(--text-secondary);line-height:1.6;margin-top:10px;padding:0 4px}.profile-dims{display:flex;flex-direction:column;gap:6px;margin-top:8px}.profile-dim-row{display:flex;align-items:center;gap:6px}.dim-pole{font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary);min-width:32px;text-align:center}.dim-bar{flex:1;height:6px;background:var(--bg-subtle);border-radius:3px;overflow:hidden}.dim-fill{height:100%;border-radius:3px;background:var(--gradient-primary, linear-gradient(90deg, var(--accent), #6FA396))}.fortune-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.fortune-mini{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px;background:var(--bg-subtle);font-size:10px}.fortune-mini-icon{font-size:12px}.fortune-mini-label{flex:1;color:var(--text-secondary)}.fortune-mini-score{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.vibe-type-name{font-size:18px;font-weight:700;margin-bottom:4px}.vibe-tagline{font-size:11px;color:var(--text-secondary);margin-bottom:8px}.vibe-attachment{font-size:10px;color:var(--text-tertiary);margin-bottom:6px}.vibe-att-label{font-weight:600}.vibe-langs{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.vibe-lang-tag{font-size:9px;padding:2px 8px;border-radius:99px;background:var(--accent-light);color:var(--accent);font-weight:500}.profile-retake{width:100%;margin-top:6px;font-size:11px}.profile-share-section{text-align:center;padding:20px;border-radius:var(--radius-xl)}.profile-share-section p{font-size:13px;color:var(--text-secondary);margin-bottom:10px}.profile-empty{text-align:center;padding:48px 24px;border-radius:var(--radius-xl)}.profile-empty h2{font-size:18px;margin-bottom:6px}.profile-empty p{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.profile-empty-actions{display:flex;gap:8px;justify-content:center}@media(max-width:768px){.profile-grid{grid-template-columns:1fr}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-page, #E6E3DB);padding:24px;font-family:var(--font-sans)}.login-card{width:100%;max-width:380px;background:var(--bg-card, #FDFBF7);border-radius:var(--radius-xl, 20px);border:var(--card-border, 1px solid rgba(37,36,32,.04));box-shadow:var(--shadow-md, 0 4px 16px rgba(37,36,32,.06));padding:40px 32px 32px}.login-logo{text-align:center;font-size:26px;font-weight:600;letter-spacing:-.5px;font-family:var(--font-serif, serif);color:var(--text-primary, #252420);margin-bottom:24px}.login-logo-dot{font-size:13px;font-family:var(--font-mono, monospace);font-weight:400;color:var(--accent, #4A7C6F)}.login-heading{text-align:center;font-size:17px;font-weight:500;color:var(--text-primary, #252420);margin:0 0 20px}.login-error{background:var(--danger-light, rgba(191,74,60,.06));color:var(--danger, #BF4A3C);font-size:13px;padding:10px 14px;border-radius:var(--radius-md, 10px);margin-bottom:16px;text-align:center}.login-form{display:flex;flex-direction:column;gap:14px}.login-field{display:flex;flex-direction:column;gap:5px}.login-label{font-size:12px;font-weight:500;color:var(--text-secondary, #5C5850)}.login-input{padding:10px 14px;font-size:14px;font-family:var(--font-sans);border:1px solid var(--border, rgba(37,36,32,.06));border-radius:var(--radius-md, 10px);background:var(--bg-input, #fff);color:var(--text-primary, #252420);outline:none;transition:border-color var(--dur-fast, .15s)}.login-input:focus{border-color:var(--accent, #4A7C6F);box-shadow:0 0 0 3px var(--accent-light, rgba(74,124,111,.08))}.login-input::placeholder{color:var(--text-muted, #C5C0B6)}.login-submit{margin-top:4px;padding:11px 0;font-size:14px;font-weight:600;font-family:var(--font-sans);background:var(--cta-bg, #3D3833);color:var(--cta-text, #F5F3EE);border:none;border-radius:var(--radius-md, 10px);cursor:pointer;transition:background var(--dur-fast, .15s);display:flex;align-items:center;justify-content:center;min-height:42px}.login-submit:hover:not(:disabled){background:var(--cta-bg-hover, #2E2A26)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(245,243,238,.3);border-top-color:var(--cta-text, #F5F3EE);border-radius:50%;animation:login-spin .6s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-switch{text-align:center;margin-top:20px;font-size:13px;color:var(--text-tertiary, #A3A097)}.login-switch-btn{background:none;border:none;color:var(--accent, #4A7C6F);font-weight:500;font-size:13px;font-family:var(--font-sans);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.login-switch-btn:hover{color:var(--accent-dark, #3A695C)}@media(max-width:480px){.login-card{padding:32px 20px 24px}}.adm{display:flex;min-height:100vh;background:#0c0a12;color:#e8e5ef;font-family:Outfit,Noto Sans SC,sans-serif;font-size:13px}.adm-side{width:220px;flex-shrink:0;background:#110e1a;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;padding:20px 0;position:sticky;top:0;height:100vh}.adm-side-logo{padding:0 20px 24px;cursor:pointer;-webkit-user-select:none;user-select:none}.adm-logo-text{font-size:18px;font-weight:700;letter-spacing:-.5px}.adm-logo-dot{font-size:11px;font-family:JetBrains Mono,monospace;color:#9b7cdb;margin-left:2px}.adm-side-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 8px}.adm-nav-btn{display:flex;align-items:center;gap:10px;padding:9px 12px;border:none;background:transparent;color:#7a7486;font-size:13px;font-weight:500;font-family:inherit;border-radius:8px;cursor:pointer;transition:all .12s;text-align:left}.adm-nav-btn:hover{background:#ffffff0a;color:#b5afbf}.adm-nav-btn.active{background:#9b7cdb1a;color:#e8e5ef}.adm-nav-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.adm-side-foot{padding:16px 12px 0;border-top:1px solid rgba(255,255,255,.06);margin-top:auto}.adm-user-pill{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px}.adm-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#e87cb0,#9b7cdb);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.adm-user-info{overflow:hidden}.adm-user-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adm-user-email{font-size:10px;color:#7a7486;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adm-logout{display:block;width:100%;margin-top:10px;padding:6px;background:#e85d6f14;border:1px solid rgba(232,93,111,.15);color:#e85d6f;border-radius:6px;font-size:11px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .12s}.adm-logout:hover{background:#e85d6f26}.adm-main{flex:1;min-width:0;display:flex;flex-direction:column}.adm-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid rgba(255,255,255,.06);background:#110e1a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.adm-page-title{font-size:16px;font-weight:600;letter-spacing:-.3px;margin:0}.adm-back-btn{padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#b5afbf;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .12s}.adm-back-btn:hover{background:#ffffff0f;color:#e8e5ef}.adm-content{flex:1;padding:24px 28px;overflow-y:auto}.adm-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.adm-metric{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:18px 16px}.adm-metric.accent .adm-metric-val{color:#9b7cdb}.adm-metric.danger .adm-metric-val{color:#e85d6f}.adm-metric-val{font-size:28px;font-weight:700;font-family:JetBrains Mono,monospace;letter-spacing:-1px;line-height:1}.adm-metric-sub{font-size:13px;font-weight:400;color:#7a7486;margin-left:2px}.adm-metric-label{font-size:11px;color:#7a7486;text-transform:uppercase;letter-spacing:.5px;margin-top:8px}.adm-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:18px}.adm-card-hdr{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#7a7486;margin-bottom:14px}.adm-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.adm-bar-chart{display:flex;align-items:flex-end;gap:3px;height:120px}.adm-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.adm-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.adm-bar{width:100%;max-width:32px;border-radius:3px 3px 0 0;background:#9b7cdb;transition:height .3s ease;min-height:2px}.adm-bar-cost{background:#e87cb0}.adm-bar-label{font-size:8px;color:#4e4858;margin-top:4px;font-family:JetBrains Mono,monospace;white-space:nowrap}.adm-kv-grid{display:flex;flex-direction:column;gap:8px}.adm-kv-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}.adm-kv-row:last-child{border-bottom:none}.adm-kv-label{font-size:12px;color:#b5afbf;text-transform:capitalize}.adm-kv-val{font-size:13px;font-weight:500}.adm-tier-bars{display:flex;flex-direction:column;gap:10px}.adm-tier-row{display:flex;align-items:center;gap:10px}.adm-tier-label{font-size:11px;font-weight:600;width:70px;text-transform:capitalize}.adm-tier-track{flex:1;height:8px;background:#ffffff0a;border-radius:4px;overflow:hidden}.adm-tier-fill{height:100%;border-radius:4px;transition:width .3s ease}.adm-tier-val{font-size:12px;font-family:JetBrains Mono,monospace;color:#b5afbf;width:30px;text-align:right}.adm-mono{font-family:JetBrains Mono,monospace}.adm-filters{display:flex;gap:10px;margin-bottom:16px}.adm-search{flex:1;padding:8px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e8e5ef;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.adm-search::placeholder{color:#4e4858}.adm-search:focus{border-color:#9b7cdb66}.adm-select{padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#b5afbf;font-size:12px;font-family:inherit;cursor:pointer;outline:none}.adm-select option{background:#110e1a;color:#e8e5ef}.adm-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.adm-table{width:100%;border-collapse:collapse;font-size:12px}.adm-table thead{background:#ffffff08}.adm-table th{padding:10px 14px;text-align:left;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#7a7486;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}.adm-table td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.03);color:#b5afbf}.adm-user-row{cursor:pointer;transition:background .1s}.adm-user-row:hover{background:#ffffff05}.adm-user-row.expanded{background:#9b7cdb0a}.adm-tier-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.3px}.adm-actions-cell{display:flex;gap:6px;align-items:center}.adm-tier-select{padding:3px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#b5afbf;font-size:10px;font-family:inherit;cursor:pointer}.adm-tier-select option{background:#110e1a}.adm-disable-btn{padding:3px 8px;border-radius:4px;border:1px solid rgba(232,93,111,.2);background:#e85d6f0f;color:#e85d6f;font-size:10px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .12s}.adm-disable-btn:hover{background:#e85d6f1f}.adm-disable-btn.is-disabled{border-color:#6bd4a033;background:#6bd4a00f;color:#6bd4a0}.adm-detail-row td{padding:0;background:#9b7cdb05}.adm-detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:16px}.adm-detail-block{min-width:0}.adm-detail-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#7a7486;margin-bottom:8px}.adm-detail-item{display:flex;gap:8px;justify-content:space-between;padding:4px 0;font-size:11px;color:#b5afbf;border-bottom:1px solid rgba(255,255,255,.03)}.adm-detail-item:last-child{border-bottom:none}.adm-detail-empty{font-size:11px;color:#4e4858;font-style:italic}.adm-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.adm-pagination button{padding:6px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#b5afbf;font-size:12px;font-family:inherit;cursor:pointer;transition:all .12s}.adm-pagination button:hover:not(:disabled){background:#ffffff14}.adm-pagination button:disabled{opacity:.3;cursor:default}.adm-page-info{font-size:11px;color:#7a7486;font-family:JetBrains Mono,monospace}.adm-period-row{display:flex;align-items:center;gap:4px;margin-bottom:20px}.adm-period-btn{padding:6px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:transparent;color:#7a7486;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .12s;text-transform:capitalize}.adm-period-btn:hover{background:#ffffff0a;color:#b5afbf}.adm-period-btn.active{background:#9b7cdb1f;color:#e8e5ef;border-color:#9b7cdb4d}.adm-period-total{margin-left:auto;font-size:13px;color:#7a7486}.adm-period-total .adm-mono{color:#e87cb0;font-weight:600}.adm-mini-table{width:100%;border-collapse:collapse;font-size:11px}.adm-mini-table thead{border-bottom:1px solid rgba(255,255,255,.06)}.adm-mini-table th{padding:6px 8px;text-align:left;font-weight:600;font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#4e4858}.adm-mini-table td{padding:7px 8px;color:#b5afbf;border-bottom:1px solid rgba(255,255,255,.03)}.adm-mini-table tr:last-child td{border-bottom:none}.adm-status-dot{font-size:12px;font-weight:500}.adm-status-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.adm-status-dot.ok{color:#6bd4a0}.adm-status-dot.ok:before{background:#6bd4a0}.adm-status-dot.err{color:#e85d6f}.adm-status-dot.err:before{background:#e85d6f}.adm-notice{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:10px;border:1px solid rgba(232,197,74,.15);background:#e8c54a0a;margin-bottom:20px}.adm-notice-icon{font-size:20px;line-height:1;color:#e8c54a}.adm-notice-title{font-size:14px;font-weight:600;color:#e8c54a;margin-bottom:4px}.adm-notice-sub{font-size:12px;color:#7a7486;line-height:1.5}.adm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:12px;color:#7a7486;font-size:13px}.adm-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.06);border-top-color:#9b7cdb;border-radius:50%;animation:adm-spin .6s linear infinite}@keyframes adm-spin{to{transform:rotate(360deg)}}.adm-empty{text-align:center;padding:24px;color:#4e4858;font-size:12px}@media(max-width:1024px){.adm-metrics-row{grid-template-columns:repeat(2,1fr)}.adm-grid-2,.adm-detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.adm-side{width:56px;overflow:hidden}.adm-side-logo{padding:0 12px 16px}.adm-logo-text{font-size:14px}.adm-logo-dot{display:none}.adm-nav-btn span:not(.adm-nav-icon){display:none}.adm-nav-btn{justify-content:center;padding:10px}.adm-user-info{display:none}.adm-user-pill{justify-content:center}.adm-logout{font-size:9px}.adm-content{padding:16px}.adm-metrics-row{grid-template-columns:1fr 1fr}}