:root{font-family:Segoe UI,Hiragino Sans,sans-serif;color:#172033;background:radial-gradient(circle at top left,rgba(255,210,160,.6),transparent 28%),linear-gradient(180deg,#f6efe6,#eef4fb 48%,#f4f8fb);line-height:1.5;font-weight:400;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:none}.app-shell{max-width:1240px;margin:0 auto;padding:28px}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,480px);gap:24px;padding:30px;border-radius:28px;background:#fffc;border:1px solid rgba(23,32,51,.08);box-shadow:0 20px 60px #3c53721f;align-items:stretch}.hero-main{display:grid;gap:18px;align-content:start}.hero-chart-card{min-width:0}.eyebrow{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:#b25f2c}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1;margin-bottom:0}h2,h3{margin-bottom:0}.hero-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:580px}.hero .chart-card{height:100%}.stat-card,.section-card,.modal,.chart-card{background:#ffffffe0;border:1px solid rgba(23,32,51,.1);border-radius:22px;padding:22px;box-shadow:0 12px 30px #2c3e5014}.stat-card{display:flex;flex-direction:column;gap:8px}.stat-card strong{font-size:1.8rem}.accent{background:linear-gradient(135deg,#172033,#28466b);color:#f8fbff}.tabs{display:flex;gap:12px;margin:26px 0 22px;flex-wrap:wrap}.tab,.ghost,.secondary,.primary,.danger{border-radius:999px;padding:12px 18px;transition:transform .18s ease,opacity .18s ease}.tab{background:#ffffffb3;border:1px solid rgba(23,32,51,.08)}.tab.active,.primary{background:#172033;color:#fff}.secondary{background:#d9e7f8;color:#15304d}.ghost{background:#f5f7fa;color:#35435c}.danger{background:#fbe4e1;color:#942f20}button:disabled{opacity:.4;cursor:not-allowed}.panel{display:grid;gap:22px}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-layout,.analytics-layout{display:grid;grid-template-columns:minmax(360px,420px) minmax(0,1fr);gap:22px;align-items:start}.analytics-layout{grid-template-columns:minmax(0,1.35fr) minmax(340px,.9fr);margin-top:24px}.notice{margin-bottom:16px;padding:14px 16px;border-radius:16px}.notice.info{background:#e7f2ff;color:#154268}.notice.error{background:#ffe7e3;color:#8c2f22}.timer-value{font-size:3rem;font-weight:700;font-variant-numeric:tabular-nums;margin-bottom:0}.record-preview,.record-item,.ai-result,label{display:grid;gap:10px}.action-row{display:flex;gap:12px;flex-wrap:wrap}.roomy-row{margin-top:10px}label{margin-top:16px;font-weight:600}input,textarea,select{width:100%;margin-top:8px;padding:12px 14px;border-radius:14px;border:1px solid rgba(23,32,51,.15);background:#fbfdff}.help-text,.empty-state{color:#58657f;margin-bottom:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.section-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chart-head{align-items:flex-start}.calendar-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.weekday-row,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.weekday-row{margin:18px 0 10px;color:#68758f;text-align:center}.calendar-day{min-height:74px;padding:12px 8px;border-radius:16px;background:#f7fafc;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:1px solid transparent}.compact-card{height:fit-content}.compact-calendar .calendar-day{min-height:54px;padding:8px 6px;font-size:.95rem}.details-card{min-height:100%}.scroll-area{max-height:620px;overflow-y:auto;padding-right:4px}.calendar-day.selected{border-color:#172033;background:#eef5ff}.calendar-day.muted{opacity:.45}.calendar-day.marked i{width:8px;height:8px;border-radius:50%;background:#b25f2c}.record-list{display:grid;gap:16px;margin-top:18px}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;margin-top:20px}.tag-list{display:flex;flex-wrap:wrap;gap:12px}.spacious-block{margin-top:28px}.settings-save-row{margin-top:30px}.tag-item{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:#f0f5fb}.small-button{padding:8px 12px}.record-item{padding:18px;border-radius:18px;background:#f8fbff;border:1px solid rgba(23,32,51,.08)}.record-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.record-body{display:grid;gap:6px}.record-body p{margin-bottom:0}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef2f7;color:#48566f;font-size:.9rem;white-space:nowrap}.aggregate-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.compact-label{margin-top:0;min-width:180px}.compact-label input{margin-top:6px}.chart-card{display:grid;gap:20px}.pie-layout{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:18px;align-items:center}.pie-wrap{display:grid;place-items:center}.pie-chart{width:min(100%,220px);height:auto}.pie-center-label{fill:#6b7280;font-size:14px}.pie-center-value{fill:#172033;font-size:14px;font-weight:700}.legend-list{display:grid;gap:12px}.legend-item{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;align-items:start}.legend-item p,.legend-item strong{margin:0}.legend-swatch{width:12px;height:12px;border-radius:999px;margin-top:5px}.bar-chart{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:stretch;min-height:320px}.bar-axis{display:grid;grid-template-rows:repeat(5,1fr);text-align:right;color:#68758f;font-size:.82rem;padding-bottom:26px}.bar-stage{position:relative;min-width:0;overflow-x:auto;padding-top:64px;padding-bottom:8px}.bar-tooltip{position:absolute;top:8px;left:12px;z-index:2;display:grid;gap:4px;min-width:160px;padding:10px 12px;border-radius:14px;background:#172033f0;color:#f8fbff;box-shadow:0 10px 24px #1720333d;pointer-events:none}.bar-tooltip strong,.bar-tooltip span{margin:0}.bar-tooltip strong{font-size:.9rem}.bar-grid-lines{position:absolute;top:64px;right:0;bottom:26px;left:0;display:grid;grid-template-rows:repeat(5,1fr);pointer-events:none}.bar-grid-lines span{border-top:1px solid rgba(23,32,51,.08)}.bar-grid-lines span:last-child{border-top:1px solid rgba(23,32,51,.16)}.bar-series{position:relative;z-index:1;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(20px,24px);gap:8px;align-items:end;min-height:294px;min-width:max-content;padding-top:12px}.bar-group{display:grid;grid-template-rows:minmax(200px,1fr) 24px;gap:8px;align-items:end}.bar-track{position:relative;height:100%;width:100%;min-width:12px;border-radius:999px;background:#bfdbfe6b;overflow:hidden;outline:none}.bar-fill{position:absolute;left:0;right:0;bottom:0;border-radius:999px;background:linear-gradient(180deg,#7dd3fc,#2563eb)}.bar-track.active,.bar-track:focus-visible{box-shadow:0 0 0 2px #3b82f659}.bar-label{text-align:center;font-size:.82rem;color:#4c5b75}.segment-control{display:flex;gap:10px;flex-wrap:wrap}.spacious-card{padding:24px}.ai-result ul{padding-left:20px;margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b111c73;display:grid;place-items:center;padding:20px}.modal{width:min(560px,100%)}@media (max-width: 1100px){.hero,.analytics-layout{grid-template-columns:1fr}.hero-summary-grid{max-width:none}.hero{padding:24px}}@media (max-width: 900px){.two-column,.summary-layout,.pie-layout,.analytics-layout{grid-template-columns:1fr}.app-shell{padding:16px}.hero,.section-card,.chart-card,.modal{padding:20px;border-radius:20px}.section-head,.stacked-on-mobile{align-items:flex-start;flex-direction:column}.section-actions,.aggregate-controls{width:100%}.section-actions>*,.aggregate-controls>*{width:100%}.settings-row{grid-template-columns:1fr}.calendar-nav{width:100%}.calendar-nav>*{width:100%;text-align:center}.record-meta{flex-direction:column;align-items:flex-start}.bar-chart{grid-template-columns:1fr;gap:12px}.bar-axis{display:none}.bar-stage{padding-top:64px}.bar-grid-lines{top:64px;right:0;bottom:26px;left:0}.bar-tooltip{left:0;right:0;min-width:0;width:100%}.pie-layout{gap:12px}.legend-list{gap:10px}}@media (max-width: 640px){.app-shell{padding:12px}.hero{padding:16px;gap:16px;border-radius:18px}.hero-summary-grid{grid-template-columns:1fr}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tab,.ghost,.secondary,.primary,.danger{width:100%;justify-content:center}.weekday-row,.calendar-grid{gap:6px}.calendar-day{min-height:58px;padding:8px 4px;border-radius:12px;font-size:.9rem}.compact-calendar .calendar-day{min-height:48px;padding:6px 4px;font-size:.85rem}.bar-series{grid-auto-columns:minmax(18px,20px);gap:6px}.bar-label{font-size:.74rem}.modal-backdrop{padding:12px}.modal{width:100%}}