: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}:root{color-scheme:dark;--ft-bg: #07090e;--ft-panel: rgba(18, 22, 33, .92);--ft-panel-soft: rgba(24, 29, 42, .82);--ft-border: rgba(255, 255, 255, .09);--ft-border-strong: rgba(255, 255, 255, .15);--ft-text: #f5f6f8;--ft-secondary: #a3abba;--ft-muted: #737d90;--ft-work: #2997ff;--ft-work-soft: rgba(41, 151, 255, .14);--ft-work-border: rgba(41, 151, 255, .38);--ft-personal: #c477f2;--ft-personal-soft: rgba(196, 119, 242, .14);--ft-personal-border: rgba(196, 119, 242, .38);--ft-success: #30d158;--ft-warning: #ffb454;--ft-radius-sm: 10px;--ft-radius-md: 16px;--ft-radius-lg: 22px;--ft-shadow: 0 14px 38px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--ft-bg)}body{min-width:320px;min-height:100vh;margin:0;color:var(--ft-text);background:radial-gradient(ellipse at 12% 0%,rgba(41,151,255,.09),transparent 34rem),radial-gradient(ellipse at 92% 12%,rgba(196,119,242,.08),transparent 32rem),var(--ft-bg);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--ft-work);outline-offset:3px}#root{min-height:100vh;width:100%}.focus-app-container{width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:34px 32px 56px}.dashboard-main-content{display:flex;flex-direction:column;gap:22px}.focus-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.header-brand{display:flex;align-items:center;gap:13px;min-width:0;flex:1}.brand-icon-wrapper{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;color:#8dcaff;border:1px solid rgba(73,160,255,.28);border-radius:15px;background:linear-gradient(145deg,#2997ff33,#2997ff0f);box-shadow:0 7px 22px #2997ff1f}.brand-text{min-width:0}.brand-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.brand-title{margin:0;color:var(--ft-text);font-size:26px;font-weight:750;letter-spacing:-.8px;line-height:1.15}.brand-badge{padding:3px 8px;color:#a9cfff;border:1px solid rgba(41,151,255,.24);border-radius:999px;background:#2997ff1a;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.brand-subtitle{margin:5px 0 0;color:var(--ft-secondary);font-size:12px;letter-spacing:.02em}.header-status{display:flex;align-items:center;justify-content:flex-end}.status-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;color:var(--ft-secondary);border:1px solid var(--ft-border);border-radius:999px;background:#ffffff09;font-size:11px;font-weight:650;white-space:nowrap}.status-indicator.live-mode{color:#a5edbd;border-color:#30d15840;background:#30d15814}.status-dot,.guidance-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--ft-warning);box-shadow:0 0 10px currentColor}.live-mode .status-dot{background:var(--ft-success)}.header-logout-button{padding:9px 14px;color:#e2e7f0;border:1px solid var(--ft-border-strong);border-radius:11px;background:#ffffff0e;font-size:12px;font-weight:650;transition:background .16s ease,border-color .16s ease}.header-logout-button:hover{border-color:#ffffff40;background:#ffffff1a}.dashboard-controls-card,.calendar-grid-card,.metric-card,.mode-distribution-bar-card{border:1px solid var(--ft-border);border-radius:var(--ft-radius-lg);background:var(--ft-panel);box-shadow:var(--ft-shadow)}.dashboard-controls-card{padding:20px 22px 15px}.dashboard-controls-top{display:flex;align-items:center;justify-content:space-between;gap:22px}.month-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:250px;flex:1}.month-title-wrap{min-width:0}.month-title{margin:0;color:var(--ft-text);font-size:24px;font-weight:730;letter-spacing:-.7px}.nav-controls,.chevron-group{display:flex;align-items:center;gap:7px}.chevron-group{padding:3px;border:1px solid var(--ft-border);border-radius:12px;background:#ffffff09}.nav-arrow-btn,.today-pill-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;color:#e5eaf2;border:1px solid transparent;border-radius:9px;background:transparent;transition:background .16s ease,border-color .16s ease}.nav-arrow-btn:hover,.today-pill-btn:hover{border-color:var(--ft-border);background:#ffffff14}.today-pill-btn{gap:6px;padding:0 11px;color:#a9d5ff;border-color:#2997ff40;background:var(--ft-work-soft);font-size:12px;font-weight:650}.capsule-filters-container{display:flex;flex-direction:column;gap:7px;min-width:0}.capsule-filters-label{color:var(--ft-muted);font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.capsule-filters-group{display:flex;align-items:center;gap:7px}.capsule-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:7px 12px;color:#c3cad6;border:1px solid var(--ft-border);border-radius:999px;background:#ffffff09;white-space:nowrap;transition:transform .15s ease,background .15s ease,border-color .15s ease}.capsule-button:hover{transform:translateY(-1px);background:#ffffff13}.capsule-button.active.work-capsule{color:#c5e4ff;border-color:var(--ft-work-border);background:var(--ft-work-soft)}.capsule-button.active.personal-capsule{color:#efd6ff;border-color:var(--ft-personal-border);background:var(--ft-personal-soft)}.capsule-button.active.all-capsule{color:#fff;border-color:#ffffff3b;background:#ffffff1c}.capsule-icon-wrap{display:inline-flex;align-items:center;justify-content:center}.work-capsule .capsule-icon-wrap{color:var(--ft-work)}.personal-capsule .capsule-icon-wrap{color:var(--ft-personal)}.all-capsule .capsule-icon-wrap{color:#d5dbe6}.capsule-title{font-size:12px;font-weight:700}.capsule-count{color:var(--ft-secondary);font-size:10px;font-weight:600}.capsule-active-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.filter-guidance-bar{display:flex;align-items:center;gap:9px;margin-top:16px;padding:10px 12px;color:var(--ft-secondary);border:1px solid var(--ft-border);border-radius:11px;background:#ffffff06;font-size:11px}.filter-guidance-bar.work .guidance-dot{background:var(--ft-work)}.filter-guidance-bar.personal .guidance-dot{background:var(--ft-personal)}.filter-guidance-bar.all .guidance-dot{background:#cbd5e1}.guidance-text strong{color:var(--ft-text)}.calendar-section{width:100%;min-width:0}.calendar-grid-card{overflow:hidden;padding:14px}.calendar-weekdays-row,.calendar-days-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;width:100%}.calendar-weekdays-row{margin-bottom:8px}.weekday-header-cell{padding:7px 2px;color:var(--ft-muted);font-size:11px;font-weight:750;text-align:center;text-transform:uppercase}.weekend-label{color:#8d96a8}.calendar-day-cell{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:112px;padding:10px 8px;overflow:hidden;color:var(--ft-text);border:1px solid rgba(255,255,255,.055);border-radius:13px;background:#ffffff06;text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease}.calendar-day-cell:hover{transform:translateY(-2px);border-color:var(--ft-border-strong);background:#ffffff0f}.calendar-day-cell.other-month{opacity:.32}.calendar-day-cell.is-dimmed{opacity:.42}.calendar-day-cell.is-today{border-color:#2997ff7a}.calendar-day-cell.is-selected{border-color:#ffffff9e;background:#ffffff16;box-shadow:inset 0 0 0 1px #ffffff21}.calendar-day-cell.has-work:not(.is-dimmed){background-image:linear-gradient(145deg,rgba(41,151,255,.1),transparent 75%)}.calendar-day-cell.has-personal:not(.is-dimmed){background-image:linear-gradient(145deg,rgba(196,119,242,.1),transparent 75%)}.calendar-day-cell.has-both-modes:not(.is-dimmed){background-image:linear-gradient(135deg,#2997ff21,#c477f21f)}.day-cell-top{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}.day-number{color:#e8edf5;font-size:13px;font-weight:700}.today-badge{padding:2px 5px;color:#b9ddff;border-radius:5px;background:#2997ff29;font-size:8px;font-weight:800;letter-spacing:.04em}.day-cell-content{width:100%;min-width:0;margin-top:auto;padding-top:8px}.day-activity-indicators{width:100%;min-width:0}.mode-dots-row{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.mode-indicator-dot{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:22px;min-height:22px;padding:3px 6px;border-radius:999px}.work-dot{color:#9ed2ff;background:#2997ff33}.personal-dot{color:#e4baff;background:#c477f233}.dot-mini-label{font-size:9px;font-weight:700}.day-metrics-pill{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;color:#d8deea;font-size:10px;font-weight:650}.day-sessions-count{color:var(--ft-muted);font-size:9px;font-weight:500}.day-empty-placeholder{min-height:22px}.selected-ring{position:absolute;top:3px;right:3px;bottom:3px;left:3px;pointer-events:none;border:1px solid rgba(255,255,255,.2);border-radius:10px}.summary-stats-section{display:flex;flex-direction:column;gap:13px}.stats-header-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 2px}.stats-caption{color:var(--ft-muted);font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.stats-main-heading{margin:4px 0 0;color:var(--ft-text);font-size:19px;font-weight:730;letter-spacing:-.35px}.filter-badge{display:inline-flex;padding:6px 10px;color:var(--ft-secondary);border:1px solid var(--ft-border);border-radius:999px;background:#ffffff0a;font-size:9px;font-weight:750;letter-spacing:.06em}.stats-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.metric-card{min-width:0;padding:17px;overflow:hidden}.metric-card.theme-work{border-color:#2997ff45}.metric-card.theme-personal{border-color:#c477f245}.metric-card.theme-all{border-color:#ffffff26}.card-top-row,.metric-value-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-label{color:var(--ft-secondary);font-size:11px;font-weight:650}.metric-icon-badge{display:grid;place-items:center;width:34px;height:34px;color:#a9d5ff;border-radius:11px;background:var(--ft-work-soft)}.duration-stat-card .metric-icon-badge{color:#d5b5f5;background:var(--ft-personal-soft)}.sessions-stat-card .metric-icon-badge{color:#d5dbe6;background:#ffffff14}.metric-value-row{justify-content:flex-start;align-items:baseline;margin-top:10px}.metric-huge-number{color:var(--ft-text);font-size:clamp(25px,3vw,34px);font-weight:760;letter-spacing:-1px;line-height:1.1}.metric-unit{color:var(--ft-secondary);font-size:11px;font-weight:600}.metric-footnote{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:12px;color:var(--ft-muted);font-size:10px;line-height:1.45}.footnote-icon{color:var(--ft-warning);flex:0 0 auto}.mini-mode-tag{display:inline-flex;align-items:center;gap:3px}.mini-mode-tag.work{color:#8fcaff}.mini-mode-tag.personal{color:#d9a6fa}.mode-distribution-bar-card{padding:15px 17px}.distribution-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px;color:var(--ft-secondary);font-size:11px;font-weight:650}.distribution-legend{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--ft-muted);font-size:10px}.legend-dot{display:inline-block;width:7px;height:7px;margin-right:-5px;border-radius:50%}.legend-dot.work-bg{background:var(--ft-work)}.legend-dot.personal-bg{background:var(--ft-personal)}.distribution-progress-track{display:flex;width:100%;height:9px;overflow:hidden;border-radius:999px;background:#ffffff14}.progress-segment{height:100%}.work-segment{background:var(--ft-work)}.personal-segment{background:var(--ft-personal)}.timeline-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:24px;background:#000000ad;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.timeline-drawer{display:flex;flex-direction:column;width:min(760px,100%);max-height:min(86vh,850px);overflow:hidden;color:var(--ft-text);border:1px solid var(--ft-border-strong);border-radius:24px;background:#111621;box-shadow:0 24px 80px #0000008c}.drawer-handle-bar{display:none;width:38px;height:4px;margin:10px auto 2px;border-radius:99px;background:#ffffff40}.timeline-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 17px;border-bottom:1px solid var(--ft-border)}.timeline-date-caption{color:var(--ft-work);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.timeline-full-date{margin:4px 0 10px;color:var(--ft-text);font-size:21px;font-weight:730}.timeline-day-summary-chips{display:flex;flex-wrap:wrap;gap:7px}.summary-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;color:var(--ft-secondary);border:1px solid var(--ft-border);border-radius:999px;background:#ffffff0a;font-size:10px;font-weight:650}.summary-chip.work-chip{color:#a8d7ff;border-color:var(--ft-work-border);background:var(--ft-work-soft)}.summary-chip.personal-chip{color:#e6c3ff;border-color:var(--ft-personal-border);background:var(--ft-personal-soft)}.timeline-close-btn{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;color:#dce3ed;border:1px solid var(--ft-border);border-radius:12px;background:#ffffff0f}.timeline-content-body{min-height:0;padding:20px 24px 26px;overflow-y:auto;overscroll-behavior:contain}.timeline-sessions-list{display:flex;flex-direction:column;gap:14px}.timeline-session-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px}.timeline-node-container{position:relative;display:flex;justify-content:center}.timeline-node-icon{z-index:1;display:grid;place-items:center;width:30px;height:30px;color:#9ed2ff;border:1px solid var(--ft-work-border);border-radius:50%;background:#14263a}.session-personal .timeline-node-icon{color:#e1b4ff;border-color:var(--ft-personal-border);background:#2c1d3a}.timeline-vertical-connector{position:absolute;top:31px;bottom:-18px;width:1px;background:var(--ft-border-strong)}.session-detail-card{min-width:0;padding:14px;border:1px solid var(--ft-border);border-radius:15px;background:#ffffff09}.session-card-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px}.session-type-badge{color:#a8d7ff;font-size:11px;font-weight:750}.session-personal .session-type-badge{color:#e1b4ff}.session-time-badge{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:var(--ft-secondary);font-size:10px}.duration-pill{color:var(--ft-text);font-weight:700}.overlap-badge{padding:3px 6px;color:#ffd49c;border:1px solid rgba(255,180,84,.3);border-radius:6px;background:#ffb4541a;font-size:9px;font-weight:700}.session-title{margin:9px 0 0;color:var(--ft-text);font-size:14px;font-weight:700}.session-trigger-row,.subdetail-item{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px;margin-top:9px;color:var(--ft-muted);font-size:10px}.trigger-icon{color:#b5a0ff;flex:0 0 auto}.session-notes{margin:8px 0 0;color:var(--ft-secondary);font-size:11px}.subdetail-item.silenced{color:#ffb5b5}.subdetail-item.allowed{color:#9de6b0}.subdetail-label{font-weight:750}.subdetail-value{color:var(--ft-secondary);overflow-wrap:anywhere}.timeline-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;padding:28px;text-align:center}.empty-state-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:14px;color:#a8cfff;border:1px solid rgba(41,151,255,.25);border-radius:20px;background:var(--ft-work-soft)}.empty-state-title{margin:0;color:var(--ft-text);font-size:16px}.empty-state-desc{max-width:420px;margin:8px 0 0;color:var(--ft-secondary);font-size:12px}input[type=password]{color:#fff}@media(max-width:900px){.focus-app-container{padding:26px 20px 44px}.dashboard-controls-top{align-items:flex-start;flex-direction:column}.month-navigation,.capsule-filters-container{width:100%}.capsule-filters-group{flex-wrap:wrap}.calendar-day-cell{min-height:92px}.stats-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){html,body,#root{width:100%;min-width:320px;min-height:100%}body{background-attachment:scroll}.focus-app-container{width:100%;min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 13px calc(28px + env(safe-area-inset-bottom))}.focus-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:19px}.header-brand{gap:9px}.brand-icon-wrapper{width:39px;height:39px;flex-basis:39px;border-radius:12px}.brand-icon-wrapper svg{width:19px;height:19px}.brand-title{font-size:21px;letter-spacing:-.6px}.brand-badge{padding:2px 6px;font-size:8px}.brand-subtitle{margin-top:3px;font-size:10px}.header-status{grid-column:1 / -1;justify-content:flex-start;padding-left:48px}.status-indicator{padding:5px 9px;font-size:10px}.header-logout-button{grid-column:2;grid-row:1;min-height:36px;padding:7px 10px;color:#f0f3f8;font-size:11px}.dashboard-main-content{gap:15px}.dashboard-controls-card{padding:14px 12px 12px;border-radius:17px}.dashboard-controls-top{gap:13px}.month-navigation{min-width:0;gap:8px}.month-title{font-size:20px}.nav-controls{gap:5px}.nav-arrow-btn{min-width:34px;min-height:34px;color:#f4f6fa}.today-pill-btn{min-height:34px;padding:0 8px;font-size:10px}.capsule-filters-container{gap:6px}.capsule-filters-label{font-size:9px}.capsule-filters-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.capsule-button{min-width:0;min-height:42px;flex-wrap:wrap;gap:3px 5px;padding:6px 4px;border-radius:12px}.capsule-title{font-size:11px}.capsule-count{width:100%;font-size:9px;text-align:center}.capsule-active-dot{position:absolute;top:5px;right:6px;width:4px;height:4px}.filter-guidance-bar{align-items:flex-start;margin-top:11px;padding:8px 9px;font-size:10px;line-height:1.4}.guidance-dot{margin-top:4px}.calendar-grid-card{padding:9px 5px;border-radius:16px}.calendar-weekdays-row,.calendar-days-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-weekdays-row{margin-bottom:5px}.weekday-header-cell{min-width:0;padding:5px 0;font-size:9px}.calendar-day-cell{width:100%;min-width:0;min-height:66px;padding:6px 2px;border-radius:8px;transform:none}.calendar-day-cell:hover,.calendar-day-cell.is-selected{transform:none}.day-cell-top{justify-content:center}.day-number{font-size:11px}.today-badge{display:none}.day-cell-content{margin-top:auto;padding-top:5px}.mode-dots-row{justify-content:center;gap:3px;margin-top:2px}.mode-indicator-dot{width:17px;min-width:17px;height:17px;min-height:17px;padding:0;border-radius:50%}.mode-indicator-dot svg{width:9px;height:9px}.dot-mini-label,.day-sessions-count{display:none}.day-metrics-pill{display:block;width:100%;margin-top:4px;padding:1px 0;overflow:hidden;color:#e1e7f0;font-size:8px;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.day-empty-placeholder{min-height:15px}.selected-ring{top:2px;right:2px;bottom:2px;left:2px;border-radius:7px}.summary-stats-section{gap:10px}.stats-header-banner{align-items:center;gap:8px}.stats-caption{font-size:9px}.stats-main-heading{font-size:16px}.filter-badge{padding:5px 7px;font-size:8px}.stats-cards-grid{grid-template-columns:1fr;gap:8px}.metric-card{padding:13px 14px;border-radius:16px}.card-top-row{gap:8px}.metric-label{font-size:10px}.metric-icon-badge{width:30px;height:30px;border-radius:9px}.metric-value-row{margin-top:5px}.metric-huge-number{font-size:27px}.metric-footnote{margin-top:7px;font-size:9px}.mode-distribution-bar-card{padding:12px;border-radius:16px}.distribution-header{align-items:flex-start;flex-direction:column;gap:7px;margin-bottom:9px;font-size:10px}.distribution-legend{gap:7px;font-size:9px}.timeline-backdrop{align-items:flex-end;padding:0}.timeline-drawer{width:100%;max-height:90dvh;max-height:calc(90dvh + env(safe-area-inset-bottom));border-right:0;border-bottom:0;border-left:0;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)}.drawer-handle-bar{display:block}.timeline-header{gap:10px;padding:12px 16px 13px}.timeline-full-date{margin:3px 0 8px;font-size:17px}.timeline-date-caption{font-size:9px}.timeline-day-summary-chips{gap:5px}.summary-chip{padding:5px 7px;font-size:9px}.timeline-close-btn{width:34px;height:34px;flex-basis:34px}.timeline-content-body{padding:14px 13px 22px}.timeline-sessions-list{gap:11px}.timeline-session-item{grid-template-columns:27px minmax(0,1fr);gap:8px}.timeline-node-icon{width:26px;height:26px}.timeline-vertical-connector{top:27px}.session-detail-card{padding:11px;border-radius:13px}.session-card-header{flex-direction:column;gap:5px}.session-time-badge{font-size:9px}.session-title{font-size:13px}.timeline-empty-state{min-height:210px;padding:20px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}