:root,[data-theme=dark]{--bg-primary:#000;--bg-secondary:#040404;--bg-card:#080808;--bg-card-hover:#121212;--border-color:#ffffff24;--border-color-active:#ffffff52;--border-premium:1px solid var(--border-color);--text-primary:#fff;--text-secondary:#a0a0a5;--text-muted:#66666c;--accent-gold:#fff;--accent-gold-glowing:#ffffff1f;--accent-blue:#fff;--accent-blue-glowing:#ffffff1f;--accent-green:#fff;--accent-green-glowing:#ffffff1f;--accent-red:#fff;--accent-red-glowing:#ffffff1f;--blur-glass:blur(24px);--bg-glass:#080808e6;--shadow-premium:0 10px 40px #000c}[data-theme=light]{--bg-primary:#f4f4f6;--bg-secondary:#e9e9ec;--bg-card:#fff;--bg-card-hover:#f8f8fa;--border-color:#0000001f;--border-color-active:#00000040;--border-premium:1px solid var(--border-color);--text-primary:#000;--text-secondary:#4a4a50;--text-muted:#88888e;--accent-gold:#000;--accent-gold-glowing:#00000014;--accent-blue:#000;--accent-blue-glowing:#00000014;--accent-green:#000;--accent-green-glowing:#00000014;--accent-red:#000;--accent-red-glowing:#00000014;--blur-glass:blur(20px);--bg-glass:#ffffffd9;--shadow-premium:0 4px 24px #00000014}:root{--font-sans:"Plus Jakarta Sans", "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--nav-height:64px;--ease-premium:cubic-bezier(.16, 1, .3, 1);--transition-fast:.2s var(--ease-premium);--transition-medium:.4s var(--ease-premium);--transition-slow:.6s var(--ease-premium)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .35s var(--ease-premium), color .35s var(--ease-premium);line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1a1a1e;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2a2a30}.app-container{background-color:var(--bg-primary);flex-direction:column;max-width:520px;min-height:100vh;margin:0 auto;padding-bottom:90px;display:flex;position:relative;box-shadow:0 0 100px #000c}.content-area{padding:var(--space-lg);gap:var(--space-lg);animation:fadeIn .4s var(--ease-premium);flex-direction:column;flex:1;display:flex}.premium-card{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-glass);border:var(--border-premium);padding:var(--space-lg);gap:var(--space-md);transition:background .35s var(--ease-premium), border-color .35s var(--ease-premium), transform var(--transition-medium);box-shadow:var(--shadow-premium);border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.premium-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff0f 0%,#fff0 100%);height:1px;position:absolute;top:0;left:0;right:0}.premium-card:hover{border-color:var(--border-color-active);background:#101014b3;transform:translateY(-2px)}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:500}.text-title{color:var(--text-primary);font-size:24px;font-weight:600}.text-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:14px;font-weight:500}.text-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}@keyframes tabScaleIn{0%{opacity:0;transform:scale(.985)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes cardCascade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes subtlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}@keyframes habitPop{0%{transform:scale(1)}40%{transform:scale(.92)}80%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.content-area{animation:.38s cubic-bezier(.16,1,.3,1) forwards tabScaleIn}.content-area>:first-child{animation:.35s cubic-bezier(.16,1,.3,1) 40ms backwards cardCascade}.content-area>:nth-child(2){animation:.35s cubic-bezier(.16,1,.3,1) 80ms backwards cardCascade}.content-area>:nth-child(3){animation:.35s cubic-bezier(.16,1,.3,1) .12s backwards cardCascade}.content-area>:nth-child(4){animation:.35s cubic-bezier(.16,1,.3,1) .16s backwards cardCascade}.content-area>:nth-child(5){animation:.35s cubic-bezier(.16,1,.3,1) .2s backwards cardCascade}button,.premium-card,.type-btn,.prompt-chip,.fab-menu-item,.je-entry-card{transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}button:active,.premium-card:active{transform:scale(.985)}.animate-pop{animation:.35s cubic-bezier(.16,1,.3,1) habitPop}.fab-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-premium);background:#0003;position:fixed;inset:0}.fab-overlay.active{opacity:1;pointer-events:auto}.fab-menu-container{transform-origin:100% 100%;opacity:0;width:auto;max-width:260px;transition:transform .3s var(--ease-premium), opacity .3s var(--ease-premium);flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:160px;right:24px;transform:translateY(20px)scale(.95)}.fab-overlay.active .fab-menu-container{opacity:1;transform:translateY(0)scale(1)}.fab-menu-item{background:var(--bg-card);-webkit-backdrop-filter:var(--blur-glass);border:var(--border-premium);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-premium);width:max-content;transition:all var(--transition-fast);border-radius:12px;flex-direction:row;justify-content:flex-end;align-items:center;gap:12px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.fab-menu-item:hover{background:var(--bg-card-hover);border-color:var(--border-color-active);transform:translate(-4px)}.fab-menu-item svg{color:var(--text-secondary);transition:color var(--transition-fast);order:2}.fab-menu-item span{order:1}.fab-menu-item:hover svg{color:var(--text-primary)}.btn-primary{background:var(--text-primary);color:var(--bg-primary);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast);border:none;border-radius:14px;padding:14px 24px;font-size:15px;font-weight:600;display:flex}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:var(--border-premium);padding:var(--space-md) var(--space-lg) calc(var(--space-xl) + 16px) var(--space-lg);width:100%;max-width:520px;animation:slideUp .35s var(--ease-premium);border-bottom:none;border-radius:24px 24px 0 0;transform:translateY(0);box-shadow:0 -10px 40px #00000080}.drawer-handle{width:36px;height:4px;margin:0 auto var(--space-md) auto;background:#ffffff1f;border-radius:2px;flex-shrink:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.input-premium{background:var(--bg-secondary);border:var(--border-premium);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast);border-radius:12px;outline:none;padding:12px 16px;font-size:14px}.input-premium:focus{border-color:var(--text-secondary)}.textarea-premium{background:var(--bg-secondary);border:var(--border-premium);width:100%;color:var(--text-primary);font-family:var(--font-sans);resize:none;min-height:100px;transition:border-color var(--transition-fast);border-radius:14px;outline:none;padding:14px 16px;font-size:14px}.textarea-premium:focus{border-color:var(--text-secondary)}.empty-state{text-align:center;padding:var(--space-xl) var(--space-lg);justify-content:center;align-items:center;gap:var(--space-sm);color:var(--text-secondary);flex-direction:column;display:flex}.empty-state-text{font-size:14px;font-weight:400;line-height:1.6}.popover-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:180;background:#0003;position:fixed;inset:0}.quick-action-fab-container{z-index:150!important;position:fixed!important;top:auto!important;bottom:80px!important;right:20px!important}.attendance-popover-card{background:var(--bg-card);width:min(290px,68vw);-webkit-backdrop-filter:var(--blur-glass);border:var(--border-premium);padding:var(--space-md);z-index:200;animation:popLeft .25s var(--ease-premium);border-radius:18px;position:fixed;bottom:235px;right:clamp(140px,42vw,210px);box-shadow:0 12px 40px #000000b3}.popover-arrow-right{background:var(--bg-card);border-top:var(--border-premium);border-right:var(--border-premium);width:10px;height:10px;position:absolute;top:22px;right:-6px;transform:rotate(45deg)}@keyframes popLeft{0%{opacity:0;transform:translate(14px)scale(.94)}to{opacity:1;transform:translate(0)scale(1)}}.note-item{border-bottom:1px solid var(--border-color);padding:var(--space-md) 0;flex-direction:column;gap:4px;display:flex}.note-item:last-child{border-bottom:none}[data-theme=light] .action-card,[data-theme=light] .empty-action-card,[data-theme=light] .timeline-card,[data-theme=light] .insight-card,[data-theme=light] .warning-item,[data-theme=light] .premium-card{background:#fff;border-color:#00000014}[data-theme=light] .action-cta{color:#fff;background:#0a0a0c}[data-theme=light] .action-cta:hover{background:#1a1a1e;box-shadow:0 4px 16px #00000026}[data-theme=light] .app-container{background-color:var(--bg-primary);box-shadow:0 0 80px #00000014}[data-theme=light] .event-title{color:#0a0a0c}[data-theme=light] .timeline-item.completed .event-title{color:var(--text-secondary)}[data-theme=light] .connector-line{background:#0000001a}[data-theme=light] .timeline-item.completed .connector-line{background:#2d7a624d}[data-theme=light] .warning-item.danger{background:#c93e3e0a}[data-theme=light] .warning-item.warning{background:#a8854a0a}[data-theme=light] .warning-item.info{background:#3a6ab50a}[data-theme=light] .insight-text,[data-theme=light] .action-title,[data-theme=light] .empty-title,[data-theme=light] .hero-title,[data-theme=light] .warning-text{color:#0a0a0c}[data-theme=light] .btn-primary{color:#fff;background:#0a0a0c}[data-theme=light] .btn-primary:hover{background:#1a1a1e}[data-theme=light] .input-premium,[data-theme=light] .textarea-premium{color:#0a0a0c;background:#f2f2f5;border-color:#0000001a}[data-theme=light] .speed-dial-pill{color:#0a0a0c;background:#fff;border-color:#00000014}[data-theme=light] .main-fab-trigger{color:#fff;background:#0a0a0c;box-shadow:0 8px 24px #0000002e}[data-theme=light] .bottom-nav{background:#ffffffd9;border-color:#00000014}[data-theme=light] .pro-drawer-panel{background:#fff;border-color:#00000014}[data-theme=light] .pro-student-mini-card{background:#f2f2f5;border-color:#00000012}[data-theme=light] .attendance-popover-card,[data-theme=light] .modal-content{background:#fff;border-color:#00000014}[data-theme=dark] .premium-card,[data-theme=dark] .action-card,[data-theme=dark] .empty-action-card,[data-theme=dark] .timeline-card,[data-theme=dark] .insight-card,[data-theme=dark] .warning-item,[data-theme=dark] .pro-drawer-panel,[data-theme=dark] .attendance-popover-card,[data-theme=dark] .modal-content,[data-theme=dark] .fab-menu-item,[data-theme=dark] .speed-dial-pill,[data-theme=dark] .profile-stat-box,[data-theme=dark] .habit-item,[data-theme=dark] .course-card,[data-theme=dark] .journal-entries-cta,[data-theme=dark] .je-entry-card,[data-theme=dark] .journal-streak-bar{background:#080808!important;border-color:#ffffff24!important}[data-theme=dark] .live-dot,[data-theme=dark] .pill-dot,[data-theme=dark] .tag-dot,[data-theme=dark] .jh-dot,[data-theme=dark] .hc-pulse,[data-theme=dark] .streak-fire{box-shadow:none!important;color:#fff!important;background:#fff!important}[data-theme=dark] .warning-item.danger,[data-theme=dark] .warning-item.warning,[data-theme=dark] .warning-item.info,[data-theme=dark] .item-badge-pill,[data-theme=dark] .mini-streak-pill,[data-theme=dark] .empty-status-pill,[data-theme=dark] .jec-title-row,[data-theme=dark] .je-entry-type-badge,[data-theme=dark] .type-check,[data-theme=dark] .word-progress-fill,[data-theme=dark] .jecta-icon-wrap,[data-theme=dark] .jpc-icon,[data-theme=dark] .prompt-chip,[data-theme=dark] .type-btn.active{color:#fff!important;background:#ffffff14!important;border-color:#ffffff2e!important}[data-theme=dark] .word-progress-fill{background:#fff!important}[data-theme=dark] svg{stroke-linecap:round;stroke-linejoin:round}[data-theme=dark] button{border-color:#ffffff29}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{color:#fff!important;background:#040404!important;border-color:#ffffff29!important}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus{border-color:#fff6!important}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}.hero-title,.hc-title,.action-title,.journal-hero-title,.je-title,.empty-title{font-weight:600!important}.hc-chip,.action-tag,.hero-status-tag,.item-badge-pill,.mini-streak-pill,.empty-status-pill,.jpc-label,.jec-label,.jhc-label,.stat-label,.hc-stat-label,.pro-group-title,.nav-label{letter-spacing:.05em!important;font-weight:500!important}.btn-primary,.action-cta,.journal-save-btn,.type-btn,.footer-quick-btn,.prompt-chip,.je-filter-pill,.je-action-btn{font-weight:500!important}@media (width>=600px){.app-container{border-left:var(--border-premium);border-right:var(--border-premium);max-width:768px}.modal-content,.bottom-nav-inner{max-width:768px!important}.dashboard-tab-container{align-items:start;gap:var(--space-md)!important;grid-template-columns:1.15fr .85fr!important;display:grid!important}.dashboard-tab-container>:first-child,.dashboard-tab-container>.hero-card{grid-column:span 2!important}.planner-tab{align-items:start;gap:var(--space-md)!important;grid-template-columns:1.15fr .85fr!important;display:grid!important}.planner-header{grid-column:span 2!important}.study-tab{align-items:start;gap:var(--space-md)!important;grid-template-columns:1.15fr .85fr!important;display:grid!important}.study-header{grid-column:span 2!important}.study-tab>.focus-timer-card{grid-row:span 2!important}.journal-page{align-items:start;gap:var(--space-md)!important;grid-template-columns:.95fr 1.05fr!important;display:grid!important}.journal-hero{grid-column:span 2!important}.journal-type-switcher,.journal-prompts-card{grid-column:1!important}.journal-editor-card{grid-area:span 3/2!important}.journal-entries-cta,.journal-streak-bar{grid-column:1!important}.analytics-tab{align-items:start;gap:var(--space-md)!important;grid-template-columns:1fr 1fr!important;display:grid!important}.analytics-header,.calendar-card{grid-column:span 2!important}.attendance-analytics-card{grid-column:1!important}.luxury-expense-card{grid-column:2!important}}@media (width>=768px){.quick-action-fab-container{right:calc(50% - 364px)!important}}@media (width>=900px){.app-container{max-width:920px}.modal-content,.bottom-nav-inner{max-width:920px!important}.quick-action-fab-container{right:calc(50% - 440px)!important}}