:root{--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-primary: #07090e;--bg-secondary: #0f121a;--bg-card: rgba(18, 22, 33, .85);--bg-card-hover: rgba(26, 32, 48, .95);--border-card: rgba(255, 255, 255, .08);--border-focus: rgba(255, 255, 255, .18);--text-primary: #f5f6f8;--text-secondary: #9aa2b1;--text-muted: #5e6676;--work-color: #0a84ff;--work-color-light: #5ac8fa;--work-bg-subtle: rgba(10, 132, 255, .12);--work-bg-glow: rgba(10, 132, 255, .22);--work-border: rgba(10, 132, 255, .38);--personal-color: #bf5af2;--personal-color-light: #da8fff;--personal-bg-subtle: rgba(191, 90, 242, .12);--personal-bg-glow: rgba(191, 90, 242, .22);--personal-border: rgba(191, 90, 242, .38);--success-color: #30d158;--warning-color: #ff9f0a;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-card: 0 8px 32px rgba(0, 0, 0, .45);--shadow-glow-work: 0 0 24px rgba(10, 132, 255, .2);--shadow-glow-personal: 0 0 24px rgba(191, 90, 242, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);background-image:radial-gradient(at 10% 10%,rgba(10,132,255,.08) 0px,transparent 50%),radial-gradient(at 90% 20%,rgba(191,90,242,.08) 0px,transparent 50%),radial-gradient(at 50% 90%,rgba(15,18,26,.9) 0px,transparent 70%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}button:focus-visible{outline:2px solid var(--work-color);outline-offset:2px}.focus-app-container{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 3.5rem;min-height:100vh;display:flex;flex-direction:column}.focus-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-card)}.header-brand{display:flex;align-items:center;gap:.85rem}.brand-icon-wrapper{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#0a84ff40,#bf5af259);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0a84ff33}.brand-icon{color:#fff}.brand-title-row{display:flex;align-items:center;gap:.6rem}.brand-title{font-size:1.45rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(180deg,#fff 30%,#c4cad4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-badge{font-size:.7rem;font-weight:600;padding:.2rem .55rem;border-radius:var(--radius-pill);background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.brand-subtitle{font-size:.85rem;color:var(--text-secondary);margin-top:.1rem}.header-status{display:flex;align-items:center}.status-indicator{display:flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:var(--radius-pill);background:#30d1581a;border:1px solid rgba(48,209,88,.25)}.status-dot{width:7px;height:7px;border-radius:50%;background-color:var(--success-color);box-shadow:0 0 8px var(--success-color)}.status-label{font-size:.78rem;font-weight:500;color:#a8f5c0}.status-indicator.demo-mode{background:#ff9f0a1f;border:1px solid rgba(255,159,10,.3)}.status-indicator.demo-mode .status-dot{background-color:#ff9f0a;box-shadow:0 0 8px #ff9f0a99}.status-indicator.demo-mode .status-label{color:#ffd080}.dashboard-main-content{display:flex;flex-direction:column;gap:1.5rem}.dashboard-controls-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem}.dashboard-controls-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem}.month-navigation{display:flex;align-items:center;gap:1rem}.month-title{font-size:1.35rem;font-weight:700;letter-spacing:-.015em;color:#fff}.nav-controls{display:flex;align-items:center;gap:.5rem}.today-pill-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:var(--radius-pill);background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-size:.78rem;font-weight:600;transition:all .2s ease}.today-pill-btn:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-1px)}.chevron-group{display:flex;align-items:center;gap:.35rem;background:#00000040;padding:.2rem;border-radius:var(--radius-pill);border:1px solid var(--border-card)}.nav-arrow-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);background:transparent;transition:all .2s ease}.nav-arrow-btn:hover{background:#ffffff1f;color:#fff}.nav-arrow-btn:active{transform:scale(.92)}.capsule-filters-container{display:flex;align-items:center;gap:.85rem}.capsule-filters-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.capsule-filters-group{display:inline-flex;align-items:center;background:#00000059;padding:.3rem;border-radius:var(--radius-pill);border:1px solid var(--border-card);gap:.35rem}.capsule-button{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .95rem;border-radius:var(--radius-pill);font-size:.82rem;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid transparent;transition:all .22s cubic-bezier(.16,1,.3,1);position:relative}.capsule-button:hover{color:var(--text-primary);background:#ffffff0f}.capsule-icon-wrap{display:flex;align-items:center;justify-content:center}.capsule-title{letter-spacing:-.01em}.capsule-count{font-size:.72rem;font-weight:500;padding:.15rem .45rem;border-radius:var(--radius-pill);background:#ffffff14;color:var(--text-secondary);transition:all .2s ease}.capsule-button.work-capsule.active{background:var(--work-bg-subtle);border-color:var(--work-border);color:#fff;box-shadow:0 0 16px #0a84ff40}.capsule-button.work-capsule.active .capsule-icon-wrap{color:var(--work-color-light)}.capsule-button.work-capsule.active .capsule-count{background:#0a84ff40;color:#d1e8ff}.capsule-button.personal-capsule.active{background:var(--personal-bg-subtle);border-color:var(--personal-border);color:#fff;box-shadow:0 0 16px #bf5af240}.capsule-button.personal-capsule.active .capsule-icon-wrap{color:var(--personal-color-light)}.capsule-button.personal-capsule.active .capsule-count{background:#bf5af240;color:#f4d9ff}.capsule-button.all-capsule.active{background:#ffffff1f;border-color:#ffffff40;color:#fff}.capsule-active-dot{width:5px;height:5px;border-radius:50%;position:absolute;top:5px;right:8px}.work-capsule .capsule-active-dot{background:var(--work-color);box-shadow:0 0 6px var(--work-color)}.personal-capsule .capsule-active-dot{background:var(--personal-color);box-shadow:0 0 6px var(--personal-color)}.all-capsule .capsule-active-dot{background:#fff;box-shadow:0 0 6px #fffc}.filter-guidance-bar{display:flex;align-items:center;gap:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05);font-size:.8rem;color:var(--text-secondary)}.guidance-dot{width:6px;height:6px;border-radius:50%;background:var(--work-color);transition:background-color .25s ease,box-shadow .25s ease}.filter-guidance-bar.work .guidance-dot{background:var(--work-color);box-shadow:0 0 6px var(--work-color)}.filter-guidance-bar.personal .guidance-dot{background:var(--personal-color);box-shadow:0 0 6px var(--personal-color)}.filter-guidance-bar.all .guidance-dot{background:#fff;box-shadow:0 0 6px #fffc}.calendar-section{width:100%}.calendar-grid-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-card);overflow:hidden}.calendar-weekdays-row{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.75rem}.weekday-header-cell{text-align:center;font-size:.78rem;font-weight:600;color:var(--text-muted);letter-spacing:.05em;padding:.4rem 0}.weekday-header-cell .weekend-label{color:#ffffff59}.calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.55rem}.calendar-day-cell{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);padding:.65rem .55rem;min-height:98px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;transition:all .22s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.calendar-day-cell:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.calendar-day-cell.other-month{opacity:.35;background:#0003}.calendar-day-cell.other-month:hover{opacity:.6}.day-cell-top{display:flex;align-items:center;justify-content:space-between;width:100%}.day-number{font-size:.92rem;font-weight:600;color:var(--text-primary)}.today-badge{font-size:.6rem;font-weight:700;padding:.1rem .35rem;border-radius:4px;background:#ffffff2e;color:#fff;letter-spacing:.04em}.calendar-day-cell.is-today .day-number{color:#fff}.calendar-day-cell.is-highlighted.filter-work{background:linear-gradient(145deg,#0a84ff2e,#0a84ff0d);border-color:#0a84ff73;box-shadow:inset 0 0 12px #0a84ff26,0 2px 10px #0a84ff1f}.calendar-day-cell.is-highlighted.filter-work .day-number{color:#6bc0ff;font-weight:700}.calendar-day-cell.is-highlighted.filter-personal{background:linear-gradient(145deg,#bf5af22e,#bf5af20d);border-color:#bf5af273;box-shadow:inset 0 0 12px #bf5af226,0 2px 10px #bf5af21f}.calendar-day-cell.is-highlighted.filter-personal .day-number{color:#e59fff;font-weight:700}.calendar-day-cell.is-highlighted.filter-all{background:linear-gradient(145deg,#ffffff14,#ffffff05);border-color:#fff3}.calendar-day-cell.is-highlighted.filter-all.has-both-modes{background:linear-gradient(135deg,#0a84ff29,#bf5af229);border-color:#9370db73;box-shadow:inset 0 0 12px #0a84ff1a,0 2px 10px #bf5af226}.calendar-day-cell.is-highlighted.filter-all.has-work:not(.has-personal){background:linear-gradient(145deg,#0a84ff24,#0a84ff08);border-color:#0a84ff59}.calendar-day-cell.is-highlighted.filter-all.has-personal:not(.has-work){background:linear-gradient(145deg,#bf5af224,#bf5af208);border-color:#bf5af259}.calendar-day-cell.is-dimmed{opacity:.42}.calendar-day-cell.is-dimmed:hover{opacity:.75}.calendar-day-cell.is-selected{outline:2px solid #ffffff;outline-offset:-1px;transform:translateY(-2px);box-shadow:0 6px 20px #00000080;z-index:2}.day-cell-content{margin-top:.45rem;display:flex;flex-direction:column;gap:.35rem}.day-empty-placeholder{min-height:28px}.day-activity-indicators{display:flex;flex-direction:column;gap:.3rem}.mode-dots-row{display:flex;flex-wrap:wrap;gap:.25rem}.mode-indicator-dot{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .35rem;border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:.02em}.mode-indicator-dot.work-dot{background:#0a84ff2e;color:#5ac8fa;border:1px solid rgba(10,132,255,.3)}.mode-indicator-dot.work-dot.prominent{background:var(--work-color);color:#fff;box-shadow:0 0 8px #0a84ff66}.mode-indicator-dot.personal-dot{background:#bf5af22e;color:#da8fff;border:1px solid rgba(191,90,242,.3)}.mode-indicator-dot.personal-dot.prominent{background:var(--personal-color);color:#fff;box-shadow:0 0 8px #bf5af266}.dot-mini-label{display:inline-block}.day-metrics-pill{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;color:var(--text-secondary)}.day-duration-text{font-weight:600;color:var(--text-primary)}.day-sessions-count{font-size:.62rem;color:var(--text-muted)}.summary-stats-section{display:flex;flex-direction:column;gap:1.15rem}.stats-header-banner{display:flex;align-items:flex-end;justify-content:space-between;padding:0 .25rem}.stats-caption{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.stats-main-heading{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-.015em;margin-top:.15rem}.filter-badge{font-size:.72rem;font-weight:600;padding:.25rem .65rem;border-radius:var(--radius-pill);background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);letter-spacing:.03em}.stats-cards-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1rem}.metric-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:1.25rem 1.35rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;gap:.6rem;position:relative;overflow:hidden;transition:all .2s ease}.metric-card:hover{transform:translateY(-2px);border-color:#ffffff26;box-shadow:var(--shadow-card)}.card-top-row{display:flex;align-items:center;justify-content:space-between}.metric-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);letter-spacing:-.01em}.metric-icon-badge{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;color:var(--text-primary)}.metric-value-row{display:flex;align-items:baseline;gap:.45rem}.metric-huge-number{font-size:2.35rem;font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1}.metric-unit{font-size:.95rem;font-weight:500;color:var(--text-muted)}.metric-footnote{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-muted)}.footnote-icon{color:var(--warning-color)}.metric-card.primary-stat-card.theme-work{background:linear-gradient(135deg,#0a84ff29,#121621d9);border-color:#0a84ff59}.metric-card.primary-stat-card.theme-work .metric-icon-badge{background:#0a84ff40;color:var(--work-color-light)}.metric-card.primary-stat-card.theme-work .metric-huge-number{color:#7bc4ff}.metric-card.primary-stat-card.theme-personal{background:linear-gradient(135deg,#bf5af229,#121621d9);border-color:#bf5af259}.metric-card.primary-stat-card.theme-personal .metric-icon-badge{background:#bf5af240;color:var(--personal-color-light)}.metric-card.primary-stat-card.theme-personal .metric-huge-number{color:#e59fff}.metric-card.primary-stat-card.theme-all{background:linear-gradient(135deg,#ffffff1a,#121621d9)}.mini-mode-tag{display:inline-flex;align-items:center;gap:.2rem;font-weight:600}.mini-mode-tag.work{color:var(--work-color-light)}.mini-mode-tag.personal{color:var(--personal-color-light)}.mode-distribution-bar-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:.9rem 1.25rem;display:flex;flex-direction:column;gap:.55rem}.distribution-header{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);font-weight:500}.distribution-legend{display:flex;align-items:center;gap:.85rem;font-size:.75rem}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.25rem}.legend-dot.work-bg{background-color:var(--work-color)}.legend-dot.personal-bg{background-color:var(--personal-color)}.distribution-progress-track{width:100%;height:8px;background:#ffffff14;border-radius:var(--radius-pill);overflow:hidden;display:flex}.progress-segment{height:100%;transition:width .4s ease}.progress-segment.work-segment{background:linear-gradient(90deg,#0a84ff,#5ac8fa)}.progress-segment.personal-segment{background:linear-gradient(90deg,#af52de,#bf5af2)}.timeline-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000;animation:fadeIn .22s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.timeline-drawer{background:#151824;border:1px solid rgba(255,255,255,.12);border-radius:24px;width:100%;max-width:580px;max-height:88vh;box-shadow:0 24px 60px #0009;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:slideUp .28s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(24px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.drawer-handle-bar{width:36px;height:4px;border-radius:var(--radius-pill);background:#ffffff40;margin:.75rem auto 0}.timeline-header{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--border-card);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.timeline-date-caption{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.timeline-full-date{font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:-.015em;margin-top:.15rem}.timeline-day-summary-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.6rem}.summary-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600}.summary-chip.total-time{background:#ffffff1a;color:#fff}.summary-chip.work-chip{background:#0a84ff2e;color:#5ac8fa;border:1px solid rgba(10,132,255,.3)}.summary-chip.personal-chip{background:#bf5af22e;color:#da8fff;border:1px solid rgba(191,90,242,.3)}.timeline-close-btn{width:36px;height:36px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0}.timeline-close-btn:hover{background:#ffffff2e;color:#fff;transform:rotate(90deg)}.timeline-content-body{padding:1.5rem;overflow-y:auto;flex:1}.timeline-sessions-list{display:flex;flex-direction:column}.timeline-session-item{display:flex;gap:1rem;position:relative}.timeline-node-container{display:flex;flex-direction:column;align-items:center;width:32px;flex-shrink:0}.timeline-node-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.session-work .timeline-node-icon{background:var(--work-bg-subtle);border:1px solid var(--work-border);color:var(--work-color-light)}.session-personal .timeline-node-icon{background:var(--personal-bg-subtle);border:1px solid var(--personal-border);color:var(--personal-color-light)}.timeline-vertical-connector{width:2px;flex:1;background:#ffffff1a;margin:.35rem 0}.session-detail-card{flex:1;background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:1rem 1.15rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.55rem}.session-work .session-detail-card{border-left:3px solid var(--work-color)}.session-personal .session-detail-card{border-left:3px solid var(--personal-color)}.session-card-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.session-type-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.session-work .session-type-badge{color:var(--work-color-light)}.session-personal .session-type-badge{color:var(--personal-color-light)}.session-time-badge{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-secondary)}.duration-pill{font-weight:600;color:#fff}.overlap-badge{font-size:.65rem;font-weight:600;padding:.15rem .4rem;border-radius:4px;background:#ff9f0a2e;border:1px solid rgba(255,159,10,.4);color:#ffb340;letter-spacing:.02em}.session-title{font-size:1.05rem;font-weight:600;color:#fff;letter-spacing:-.01em}.session-trigger-row{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#a0aec0}.trigger-icon{color:var(--warning-color)}.session-notes{font-size:.84rem;color:var(--text-secondary);line-height:1.45;background:#0003;padding:.5rem .75rem;border-radius:8px}.session-subdetails{display:flex;flex-direction:column;gap:.35rem;padding-top:.35rem;border-top:1px solid rgba(255,255,255,.05)}.subdetail-item{display:flex;align-items:baseline;gap:.4rem;font-size:.75rem}.subdetail-item.silenced{color:#ff8c8c}.subdetail-item.allowed{color:#79f29d}.subdetail-label{font-weight:600}.subdetail-value{color:var(--text-secondary)}.timeline-empty-state{text-align:center;padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.85rem}.empty-state-icon{width:60px;height:60px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.empty-state-title{font-size:1.15rem;font-weight:600;color:#fff}.empty-state-desc{font-size:.85rem;color:var(--text-secondary);max-width:360px;line-height:1.5}@media(max-width:860px){.dashboard-controls-top{flex-direction:column;align-items:flex-start}.capsule-filters-container{width:100%;justify-content:space-between}.stats-cards-grid{grid-template-columns:1fr}.calendar-day-cell{min-height:75px;padding:.45rem .35rem}.dot-mini-label{display:none}}@media(max-width:600px){.focus-app-container{padding:1rem .75rem 2.5rem}.focus-header{flex-direction:column;align-items:flex-start;gap:.75rem}.calendar-grid-card{padding:.65rem .4rem}.calendar-days-grid{gap:.25rem}.calendar-day-cell{min-height:60px;padding:.35rem .25rem;border-radius:8px}.day-number{font-size:.8rem}.today-badge{display:none}.day-metrics-pill{font-size:.62rem}.day-sessions-count{display:none}.timeline-drawer{max-height:92vh;border-radius:20px 20px 0 0;position:fixed;bottom:0}.timeline-backdrop{align-items:flex-end;padding:0}}