:root{--bg-app:#08090c;--bg-card:#0e121bc7;--border-color:#ffffff14;--border-focus:#3b82f6;--text-main:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-work:#05f;--accent-work-hover:#1d4ed8;--accent-work-glow:#0055ff59;--accent-cyan:#38bdf8;--accent-break:#10b981;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-card:12px;--radius-btn:8px;--radius-pill:9999px;--radius-sm:6px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(70% 35% at 50% -5%,#0055ff29,#0000 70%),linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:top,-1px -1px,-1px -1px;background-size:100% 100%,36px 36px,36px 36px;min-height:100vh}.app-container{flex-direction:column;max-width:860px;min-height:100vh;margin:0 auto;padding:24px 20px 48px;display:flex}.app-navbar{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-card);justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 20px;display:flex;box-shadow:0 4px 20px #00000080}.brand-wrapper{align-items:center;gap:12px;display:flex}.brand-logo-icon{color:#fff;border-radius:var(--radius-sm);background:linear-gradient(135deg,#05f,#38bdf8);justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:flex;box-shadow:0 0 16px #0055ff73}.brand-text-block h1{letter-spacing:-.3px;color:#fff;font-size:17px;font-weight:700}.brand-text-block p{color:var(--accent-cyan);letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:600;font-family:var(--font-mono)}.nav-tabs{border:1px solid var(--border-color);border-radius:var(--radius-pill);background:#ffffff0a;align-items:center;gap:4px;padding:4px;display:flex}.nav-tab-btn{border-radius:var(--radius-pill);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.nav-tab-btn:hover{color:#fff;background:#ffffff0f}.nav-tab-btn.active{color:#fff;background:var(--accent-work);font-weight:600;box-shadow:0 0 16px #05f6}.pomodoro-container{flex-direction:column;gap:16px;width:100%;display:flex}.pomodoro-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-badge{border-radius:var(--radius-pill);letter-spacing:.8px;color:#93c5fd;font-size:11px;font-weight:600;font-family:var(--font-mono);background:#0055ff14;border:1px solid #0055ff40;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.brand-dot{background:var(--accent-work);width:6px;height:6px;box-shadow:0 0 8px var(--accent-work);border-radius:50%}.pomodoro-stats-strip{align-items:center;gap:8px;display:flex}.stat-pill{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-pill);font-size:12px;font-family:var(--font-mono);align-items:center;gap:8px;padding:6px 14px;display:flex}.stat-value{color:#fff;font-weight:700}.stat-label{color:var(--text-muted)}.sound-toggle-btn{border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;background:#ffffff0a;padding:6px 14px;font-size:11px;transition:all .15s}.sound-toggle-btn:hover{color:#fff;border-color:var(--border-focus)}.sound-toggle-btn.active{border-color:var(--accent-work);color:#93c5fd;box-shadow:0 0 10px #0055ff40}.mode-tabs{border:1px solid var(--border-color);border-radius:var(--radius-pill);background:#ffffff08;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.tab-btn{border-radius:var(--radius-pill);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{color:#fff;background:#ffffff0f}.tab-btn-active{background:var(--accent-work);color:#fff;font-weight:600;box-shadow:0 0 16px #05f6}.tab-btn-active-break{background:var(--accent-break);color:#fff;font-weight:600;box-shadow:0 0 16px #10b98166}.timer-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-card);flex-direction:column;align-items:center;gap:24px;padding:32px 24px;transition:border-color .2s;display:flex;box-shadow:0 8px 32px #00000073}.timer-card:hover{border-color:#0055ff40}.topic-picker{border-bottom:1px solid var(--border-color);flex-direction:column;gap:12px;width:100%;padding-bottom:20px;display:flex}.topic-label{flex-direction:column;gap:2px;display:flex}.topic-label span:first-child{color:#fff;font-size:13px;font-weight:600}.topic-sub{color:var(--text-muted);font-size:11px}.topic-pills{flex-wrap:wrap;gap:8px;display:flex}.topic-pill{border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:#ffffff08;padding:6px 14px;font-size:12px;transition:all .2s}.topic-pill:hover{border-color:var(--border-focus);color:#fff;background:#0055ff14}.topic-pill-active{border-color:var(--accent-work);color:#93c5fd;background:#0055ff2e;font-weight:600;box-shadow:0 0 12px #0055ff40}.custom-topic-input{border:1px solid var(--border-color);border-radius:var(--radius-btn);color:#fff;width:100%;font-family:var(--font-sans);background:#08090ccc;outline:none;padding:10px 14px;font-size:13px;transition:all .2s}.custom-topic-input:focus{border-color:var(--accent-work);box-shadow:0 0 0 2px #0055ff40}.radial-wrapper{justify-content:center;align-items:center;width:min(320px,78vw);max-width:100%;height:min(320px,78vw);margin:0 auto;display:flex;position:relative}.radial-svg{width:100%;height:100%;position:absolute;top:0;left:0}.radial-track{fill:none;stroke:#ffffff0f}.radial-progress{fill:none;filter:drop-shadow(0 0 8px #0055ff73);transition:stroke-dashoffset .3s}.dial-content{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.status-badge{letter-spacing:1px;border-radius:var(--radius-pill);border:1px solid var(--border-color);text-transform:uppercase;font-size:10px;font-weight:700;font-family:var(--font-mono);align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.status-idle{color:var(--text-muted);background:#ffffff0a}.status-working{color:#93c5fd;border-color:var(--accent-work);background:#0055ff1f;box-shadow:0 0 10px #0055ff40}.status-break{color:#6ee7b7;border-color:var(--accent-break);background:#10b9811f;box-shadow:0 0 10px #10b98140}.status-paused{color:#fde68a;background:#f59e0b1f;border-color:#f59e0b}.pulse-dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px}.digital-time{font-family:var(--font-mono);letter-spacing:-2px;color:#fff;align-items:center;font-size:clamp(38px,11vw,58px);font-weight:700;line-height:1;display:flex}.time-colon{color:var(--accent-cyan);opacity:.8;margin:0 2px}.current-topic-badge{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:11px;font-family:var(--font-mono);color:#93c5fd;border-radius:var(--radius-pill);background:#0055ff14;border:1px solid #05f3;padding:4px 12px;overflow:hidden}.time-adjusters{gap:6px;display:flex}.adjust-btn{border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;background:#ffffff0a;padding:3px 10px;font-size:11px;transition:all .15s}.adjust-btn:hover:not(:disabled){color:#fff;border-color:var(--accent-work);background:#0055ff1a}.adjust-btn:disabled{opacity:.25;cursor:not-allowed}.timer-controls{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.control-primary-btn{background:var(--accent-work);color:#fff;border-radius:var(--radius-btn);font-family:var(--font-sans);cursor:pointer;box-shadow:0 0 20px var(--accent-work-glow);border:1px solid #ffffff26;align-items:center;gap:8px;padding:12px 32px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.control-primary-btn:hover{background:var(--accent-work-hover);transform:translateY(-1px);box-shadow:0 0 28px #05f9}.control-primary-btn.btn-active{color:#fff;border-color:var(--accent-work);background:0 0}.control-secondary-btn{border:1px solid var(--border-color);border-radius:var(--radius-btn);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:#ffffff0a;align-items:center;gap:6px;padding:12px 20px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.control-secondary-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff40}.debrief-banner{border-radius:var(--radius-card);background:#0055ff14;border:1px solid #0055ff4d;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 20px;display:flex;box-shadow:0 0 20px #0055ff26}.banner-text h4{color:#fff;margin-bottom:2px;font-size:14px;font-weight:600}.banner-text p{color:var(--text-secondary);font-size:12px;line-height:1.4}.debrief-cta-btn{background:var(--accent-work);color:#fff;border-radius:var(--radius-btn);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:1px solid #fff3;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 0 16px #05f6}.debrief-cta-btn:hover{background:var(--accent-work-hover);transform:translateY(-1px)}.pomodoro-footer{border-top:1px solid var(--border-color);flex-direction:column;align-items:center;gap:14px;padding:16px 0;display:flex}.cycle-track{align-items:center;gap:16px;display:flex}.cycle-step{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);align-items:center;gap:6px;display:flex}.step-dot{border:1px solid var(--border-color);background:0 0;border-radius:50%;width:8px;height:8px}.cycle-step.completed .step-dot{background:var(--accent-work);border-color:var(--accent-work);box-shadow:0 0 8px var(--accent-work)}.cycle-step.completed .step-text{color:#fff;font-weight:600}.feynman-quote{color:var(--text-muted);text-align:center;max-width:520px;font-size:11px;line-height:1.5;font-family:var(--font-mono)}.journal-layout-grid{grid-template-columns:260px 1fr;gap:14px;display:grid}.journal-sidebar{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-card);flex-direction:column;gap:6px;max-height:560px;padding:14px;display:flex;overflow-y:auto}.stats-metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.quiz-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.quiz-modal-box{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:var(--radius-card);flex-direction:column;gap:18px;width:100%;max-width:600px;max-height:88vh;padding:26px;display:flex;overflow-y:auto;box-shadow:0 16px 48px #000000b3}.cube-voice-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:480px;padding:40px 24px;display:flex}.cube-orb-container{justify-content:center;align-items:center;width:140px;height:140px;margin:10px 0;display:flex;position:relative}.cube-orb-core{z-index:2;background:linear-gradient(135deg,#0e121a,#080a10);border:2px solid #0055ff4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:104px;height:104px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.cube-orb-core.idle{border-color:#ffffff26;box-shadow:0 0 25px #0055ff1f}.cube-orb-core.connecting{border-color:var(--accent-cyan);animation:2s linear infinite cube-connecting-spin;box-shadow:0 0 30px #38bdf866}.cube-orb-core.speaking{border-color:var(--accent-cyan);background:linear-gradient(135deg,#0284c7,#05f);animation:1.2s ease-in-out infinite cube-speaking-pulse;box-shadow:0 0 45px #0055ffa6,inset 0 0 20px #38bdf880}.cube-orb-core.listening{border-color:var(--accent-break);background:linear-gradient(135deg,#065f46,#047857);animation:1.5s ease-in-out infinite cube-listening-pulse;box-shadow:0 0 40px #10b98180,inset 0 0 15px #10b9814d}@keyframes cube-speaking-pulse{0%{transform:scale(1);box-shadow:0 0 30px #05f6}50%{transform:scale(1.08);box-shadow:0 0 55px #0055ffbf}to{transform:scale(1);box-shadow:0 0 30px #05f6}}@keyframes cube-listening-pulse{0%{transform:scale(1);box-shadow:0 0 25px #10b98159}50%{transform:scale(1.05);box-shadow:0 0 45px #10b98199}to{transform:scale(1);box-shadow:0 0 25px #10b98159}}@keyframes cube-connecting-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cube-transcript-stream{border:1px solid var(--border-color);border-radius:var(--radius-card);text-align:left;background:#08090cd9;flex-direction:column;gap:10px;width:100%;max-width:580px;max-height:180px;padding:16px;font-size:13px;line-height:1.6;display:flex;overflow-y:auto}.debrief-input-bar{align-items:center;gap:8px;width:100%;display:flex}@media (width<=768px){.app-container{padding:16px 12px 32px}.app-navbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 14px}.nav-tabs{justify-content:center;width:100%}.nav-tab-btn{flex:1;justify-content:center;padding:6px 8px;font-size:12px}.journal-layout-grid,.stats-metric-grid{grid-template-columns:1fr}.timer-card{padding:24px 16px}}