@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&display=swap";
:root{--primary-gold:gold;--gold-glow:#ffd70066;--bg-gradient:linear-gradient(135deg,#e0e7ff 0%,#fae8ff 50%,#fff7ed 100%);--glass-bg:#fff6;--glass-border:#ffffff80;--text-main:#1e293b;--text-muted:#64748b;--card-shadow:0 8px 32px 0 #1f268712;--intensity-0-bg:#0000000d;--intensity-1-bg:#dcfce7;--intensity-2-bg:#86efac;--intensity-3-bg:#22c55e;--intensity-4-bg:#166534}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background:var(--bg-gradient);min-height:100vh;color:var(--text-main);background-attachment:fixed;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:20px}.glass-card{-webkit-backdrop-filter:blur(8px);background:#fff9;border:1px solid #fff6;border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#fffc;transform:translateY(-4px);box-shadow:0 12px 40px #1f26871f}.answered-glow{border:2px solid var(--primary-gold)!important;box-shadow:0 0 20px var(--gold-glow)!important}.btn-primary{background:var(--text-main);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:.75rem 1.5rem;font-weight:500;transition:opacity .2s;display:inline-flex}.btn-primary:hover{opacity:.9}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:2rem;display:grid}@media (max-width:640px){.dashboard-grid{grid-template-columns:1fr;padding:1rem}}.tab-container{scrollbar-width:none;-ms-overflow-style:none;gap:12px;width:100%;padding:10px 20px;display:flex;overflow-x:auto}.tab-container::-webkit-scrollbar{display:none}.tab{white-space:nowrap;cursor:pointer;color:var(--text-muted);background:#fff6;border:1px solid #ffffff80;border-radius:12px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.tab:hover{background:#fff9}.tab.active{background:var(--text-main);color:#fff;border-color:var(--text-main)}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0003;position:fixed;inset:0}.drawer{z-index:1200;background:#fff;flex-direction:column;width:300px;padding:2rem;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:10px 0 30px #0000001a}.floating-timer-bar{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#ffffffd9;border-top:1px solid #ffffff4d;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #00000014}.mini-timer-display{color:var(--text-main);font-family:Monaco,monospace;font-size:1.5rem;font-weight:600}.calendar-grid{flex-wrap:wrap;gap:4px;padding:1rem;display:flex}.calendar-day{cursor:pointer;background:#0000000d;border-radius:2px;width:14px;height:14px;position:relative}.calendar-day:hover:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;z-index:10;background:#333;border-radius:4px;padding:4px 8px;font-size:10px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.intensity-0{background:#0000000d}.intensity-1{background:#dcfce7}.intensity-2{background:#86efac}.intensity-3{background:#22c55e}.intensity-4{background:#166534}.calendar-view-container{max-width:800px;margin:0 auto;padding:2rem}.monthly-calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;margin-top:1.5rem;display:grid}.calendar-header-day{text-align:center;color:var(--text-muted);padding-bottom:8px;font-size:.75rem;font-weight:500}.calendar-date-cell{aspect-ratio:1;background:#fff;border:1px solid #0000000d;border-radius:12px;flex-direction:column;justify-content:space-between;padding:8px;font-size:.8rem;transition:all .2s;display:flex}.calendar-date-cell.empty{background:0 0;border:none}.calendar-date-cell .duration{color:#166534;text-align:right;font-size:.65rem;font-weight:600}.nav-link{cursor:pointer;color:var(--text-main);border-radius:12px;align-items:center;gap:12px;padding:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{background:#0000000d}.nav-link.active{background:var(--text-main);color:#fff}