:root{color-scheme:light;--font-serif: "Source Serif 4", Georgia, serif;--font-sans: "Onest", -apple-system, BlinkMacSystemFont, sans-serif;--bg: #F3EFEA;--surface: rgba(252, 250, 247, .84);--surface-solid: #FDFCFB;--surface-soft: rgba(245, 242, 238, .88);--indigo-deep: #22213B;--indigo-mid: #353358;--indigo-accent: #C2BEE8;--ink: #1C1B29;--ink-secondary: #626073;--ink-muted: #918F9F;--hairline: rgba(28, 27, 41, .06);--sage: #387556;--ochre: #B5732A;--cinnabar: #B84F54;--slate: #486394;--tile-lavender-ink: #47447A;--tile-blush-ink: #82444E;--tile-sky-ink: #365A7D;--tile-peach-ink: #7D5532;--tile-mint-ink: #2E644A}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f2eee9;background-image:radial-gradient(at 14% 12%,rgba(230,226,244,.72) 0px,transparent 52%),radial-gradient(at 86% 16%,rgba(246,231,228,.68) 0px,transparent 50%),radial-gradient(at 80% 84%,rgba(226,235,244,.65) 0px,transparent 52%),radial-gradient(at 20% 86%,rgba(242,234,222,.75) 0px,transparent 52%);background-attachment:fixed;color:var(--ink);font-family:var(--font-sans);font-weight:400;line-height:1.45;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,.serif-heading{font-family:var(--font-serif);font-weight:400;text-wrap:balance;letter-spacing:-.015em}.num{font-family:var(--font-sans);font-variant-numeric:tabular-nums}@keyframes screenEnter{0%{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawWave{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes fadeArea{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes growBar{0%{transform:scaleY(.15);opacity:.3}to{transform:scaleY(1);opacity:1}}@keyframes growHorizBar{0%{transform:scaleX(.1);opacity:.4}to{transform:scaleX(1);opacity:1}}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-6px,5px) scale(1.04)}}@keyframes pulseRing{0%,to{transform:scale(1);opacity:.45}50%{transform:scale(1.55);opacity:0}}.wave-line-anim{stroke-dasharray:100;stroke-dashoffset:0;animation:drawWave 1.05s cubic-bezier(.22,1,.36,1) backwards}.wave-area-anim{animation:fadeArea .9s cubic-bezier(.22,1,.36,1) backwards}.bar-vert-anim{transform-origin:bottom;animation:growBar .7s cubic-bezier(.22,1,.36,1) backwards;transition-property:transform,opacity;transition-duration:.55s,.3s;transition-timing-function:cubic-bezier(.22,1,.36,1),ease}.bar-horiz-anim{transform-origin:left;animation:growHorizBar .75s cubic-bezier(.22,1,.36,1) backwards;transition-property:transform,opacity;transition-duration:.6s,.3s;transition-timing-function:cubic-bezier(.22,1,.36,1),ease}.ring-progress-anim{transition:stroke-dashoffset .95s cubic-bezier(.22,1,.36,1)}.live-pulse-halo{transform-box:fill-box;transform-origin:center;animation:pulseRing 2.2s infinite ease-out}.app-shell{max-width:980px;width:100%;margin:0 auto;padding:24px 20px 40px;min-height:100dvh}@media(max-width:720px){.app-shell{padding:18px 14px 110px}}.top-bar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:20px}.greeting-wrap{display:flex;align-items:center;gap:14px;min-width:0;flex:1 1 240px}.avatar-circle{width:50px;height:50px;border-radius:999px;background:radial-gradient(circle at 30% 25%,rgba(194,190,232,.42) 0%,transparent 55%),linear-gradient(135deg,#353358,#211f38);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:22px;flex-shrink:0;box-shadow:inset 0 1.5px 1px #ffffff52,0 10px 22px -5px #211f3847}.greeting-title{font-family:var(--font-serif);font-size:27px;line-height:1.12;color:var(--ink)}.greeting-sub{font-size:13px;color:var(--ink-secondary);margin-top:2px}.header-actions{display:flex;align-items:center;gap:10px}.btn{background:linear-gradient(180deg,#fdfcfb,#f3efea);color:var(--ink);border:1px solid rgba(255,255,255,.88);border-radius:999px;padding:9px 16px;font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:7px;box-shadow:inset 0 1.5px #fff,inset 0 -1.5px #1c1b290a,0 6px 16px -4px #211f3814,0 2px 4px #211f3808;transition-property:transform,background,box-shadow,color;transition-duration:.2s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.btn:hover{transform:translateY(-1.5px);background:linear-gradient(180deg,#fff,#ede8e1);box-shadow:inset 0 1.5px #fff,0 10px 22px -5px #211f381f,0 3px 6px #211f380d}.btn:active,.tab-pill:active,.day-chip:active,.dock-item:active,.habit-chip:active,.seg-btn:active{transform:translateY(0) scale(.96)}.btn-dark{background:linear-gradient(180deg,#3a375e,#22203a);color:#fff;border-color:#c2bee83d;box-shadow:inset 0 1.5px #ffffff47,0 8px 20px -4px #211f3857}.btn-dark:hover{background:linear-gradient(180deg,#43406b,#292745);box-shadow:inset 0 1.5px #ffffff5c,0 12px 24px -4px #211f3866}.icon-btn{width:42px;height:42px;padding:0;justify-content:center}.btn:focus-visible,.tab-pill:focus-visible,.day-chip:focus-visible,.dock-item:focus-visible,.habit-chip:focus-visible,.clickable-card:focus-visible,.date-step-arrow:focus-visible,.date-step-center:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--indigo-mid);outline-offset:2px}.date-strip-card{background:var(--surface);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.85);border-radius:28px;padding:14px 18px;margin-bottom:20px;box-shadow:inset 0 1px #fff,0 12px 32px -8px #1e214612}.day-scroller{display:flex;align-items:center;gap:8px;overflow-x:auto;max-width:100%;padding:2px 0;scrollbar-width:none}.day-scroller::-webkit-scrollbar{display:none}.day-chip{flex:0 0 auto;min-width:48px;height:58px;border-radius:18px;background:linear-gradient(180deg,#fdfcfb,#f4f1ec);border:1px solid rgba(255,255,255,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:var(--ink-secondary);font-family:var(--font-sans);font-size:11px;font-variant-numeric:tabular-nums;position:relative;box-shadow:inset 0 1px #fff,0 4px 10px -2px #211f380d;transition-property:transform,background,color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.day-chip:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 8px 16px -4px #211f381a}.day-chip.active{background:radial-gradient(circle at 50% 0%,rgba(194,190,232,.35) 0%,transparent 70%),linear-gradient(180deg,#3a375e,#22203a);border-color:#c2bee84d;color:#fff;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff4d,0 10px 20px -4px #211f384d}.day-dot{width:6px;height:6px;border-radius:99px}.screen-tabs{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:22px}.tab-group{display:flex;flex-wrap:wrap;gap:9px}.tab-pill{background:linear-gradient(180deg,#fdfcfb,#f3efea);color:var(--ink-secondary);border:1px solid rgba(255,255,255,.9);border-radius:999px;padding:11px 20px;font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:inset 0 1.5px #fff,inset 0 -1px #1c1b290a,0 6px 16px -4px #211f3812;transition-property:transform,background,color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.tab-pill:hover{color:var(--ink);transform:translateY(-1.5px);box-shadow:inset 0 1.5px #fff,0 10px 22px -5px #211f381c}.tab-pill.active{background:radial-gradient(circle at 25% 0%,rgba(194,190,232,.32) 0%,transparent 65%),linear-gradient(180deg,#38355b,#211f38);border-color:#c2bee840;color:#fff;box-shadow:inset 0 1.5px #ffffff47,0 10px 24px -4px #211f384d}.segmented{background:#fdfbf9c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:4px;border-radius:999px;border:1px solid rgba(255,255,255,.9);display:inline-flex;gap:4px;box-shadow:inset 0 1px 2px #1c1b290a,0 4px 14px #211f380d}.seg-btn{border:none;background:transparent;color:var(--ink-secondary);font-family:var(--font-sans);font-size:12px;font-weight:500;padding:7px 14px;border-radius:999px;cursor:pointer;transition-property:transform,background,color,box-shadow;transition-duration:.18s}.seg-btn:hover{color:var(--ink)}.seg-btn.active{background:linear-gradient(180deg,#38355b,#22203a);color:#fff;box-shadow:inset 0 1px #ffffff47,0 4px 12px #211f383d}.screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch;animation:screenEnter .38s cubic-bezier(.22,1,.36,1)}@media(max-width:820px){.screen-grid{grid-template-columns:minmax(0,1fr)}}.col-stack{display:flex;flex-direction:column;gap:20px;min-width:0}.panel-card{background:var(--surface);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);border:1px solid rgba(255,255,255,.88);border-radius:34px;padding:24px;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 1.5px #fff,0 20px 50px -12px #1c204414,0 4px 12px #1c204408}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.panel-title{font-family:var(--font-serif);font-size:23px;color:var(--ink);line-height:1.15}.panel-kicker{font-size:13px;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:7px}.indigo-card{background:radial-gradient(105% 105% at 88% 12%,rgba(154,146,214,.42) 0%,rgba(114,118,178,.18) 48%,transparent 78%),radial-gradient(85% 85% at 12% 92%,rgba(132,142,198,.18) 0%,transparent 65%),linear-gradient(135deg,#211f38,#2f2d4f 54%,#3d3a63);color:#fff;border-radius:26px;padding:24px;position:relative;overflow:hidden;border:1px solid rgba(210,206,240,.2);box-shadow:inset 0 1.5px 1px #ffffff3d,0 18px 36px -10px #211f3852}.indigo-card:before{content:"";position:absolute;top:-28%;right:-8%;width:210px;height:210px;border-radius:999px;background:radial-gradient(circle,rgba(214,208,248,.28) 0%,rgba(162,158,216,.1) 48%,transparent 72%);animation:floatOrb 7s ease-in-out infinite;pointer-events:none}.indigo-label{font-size:13px;color:#ffffffc2;font-weight:400;position:relative;z-index:1}.indigo-hero-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 14px;position:relative;z-index:1}.indigo-giant-num{font-family:var(--font-sans);font-size:56px;font-weight:600;line-height:.95;letter-spacing:-.035em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff 25%,#e4e1f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.indigo-status{font-size:16px;font-weight:500;margin-top:6px;color:#fff}.indigo-meta{font-size:12px;color:#ffffffb8;display:flex;align-items:center;gap:10px;position:relative;z-index:1}.bento-2x2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bento-tile{border-radius:26px;padding:20px 22px;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:192px;min-width:0;border:1px solid rgba(255,255,255,.82);transition-property:transform,box-shadow;transition-duration:.24s;transition-timing-function:cubic-bezier(.22,1,.36,1)}@media(max-width:600px){.bento-2x2{gap:10px}.bento-tile{border-radius:22px;padding:15px 16px;min-height:136px}.bento-number{font-size:24px}.panel-card{padding:18px 16px;border-radius:28px}.indigo-card{padding:18px 20px;border-radius:24px}.indigo-giant-num{font-size:46px}.greeting-title{font-size:22px}.avatar-circle{width:42px;height:42px;font-size:18px}}.bento-tile:hover,.pastel-banner:hover{transform:translateY(-2.5px)}.tile-lavender{background:radial-gradient(circle at 88% 14%,rgba(255,255,255,.72) 0%,transparent 55%),linear-gradient(135deg,#f2f2fa,#e7e8f5 54%,#dedff0);box-shadow:inset 0 1.5px #ffffffeb,0 10px 22px -8px #47447a1a}.tile-blush{background:radial-gradient(circle at 88% 14%,rgba(255,255,255,.72) 0%,transparent 55%),linear-gradient(135deg,#f8f0f0,#f1e4e5 54%,#e9d9db);box-shadow:inset 0 1.5px #ffffffeb,0 10px 22px -8px #82444e1a}.tile-sky{background:radial-gradient(circle at 88% 14%,rgba(255,255,255,.72) 0%,transparent 55%),linear-gradient(135deg,#eff4f9,#e3ecf5 54%,#d8e4f0);box-shadow:inset 0 1.5px #ffffffeb,0 10px 22px -8px #365a7d1a}.tile-peach{background:radial-gradient(circle at 88% 14%,rgba(255,255,255,.72) 0%,transparent 55%),linear-gradient(135deg,#f8f2ea,#f1e7db 54%,#e8ddd0);box-shadow:inset 0 1.5px #ffffffeb,0 10px 22px -8px #7d55321a}.tile-mint{background:radial-gradient(circle at 88% 14%,rgba(255,255,255,.72) 0%,transparent 55%),linear-gradient(135deg,#eff6f2,#e3efe8 54%,#d7e7de);box-shadow:inset 0 1.5px #ffffffeb,0 10px 22px -8px #2e644a1a}.tile-soft{background:linear-gradient(145deg,#fdfcfb,#f4f1ec);box-shadow:inset 0 1.5px #fff,0 8px 20px -6px #22213b0d}.bento-title{font-size:13px;font-weight:500;color:var(--ink);padding-right:36px}.bento-number{font-size:28px;font-weight:600;line-height:1.05;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:10px}.bento-unit{font-size:12px;color:var(--ink-secondary);margin-top:2px}.bento-foot{font-size:12px;font-weight:500;color:var(--ink-secondary);margin-top:10px}.bento-icon-circle{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:999px;background:linear-gradient(180deg,#ffffffad,#ffffff5c);border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1.5px 1px #ffffffeb,0 3px 8px #1c1b290a;display:flex;align-items:center;justify-content:center}.pastel-banner{border-radius:24px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(255,255,255,.82);transition-property:transform,box-shadow;transition-duration:.24s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.pastel-banner-icon{width:46px;height:46px;border-radius:999px;background:linear-gradient(180deg,#ffffffad,#ffffff5c);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 2px 2px #ffffffeb,0 5px 12px #1c1b290d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feeling-orb{width:66px;height:66px;border-radius:999px;background:radial-gradient(circle at 32% 26%,#fff,#f9ecee 38%,#eed5da 74%,#dec5d2);box-shadow:inset 0 3px 6px #fffffff2,inset 0 -4px 8px #9162702e,0 12px 26px -6px #a8768452;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:floatOrb 6s ease-in-out infinite}.status-strip{background:linear-gradient(90deg,#ebf4ef,#dfece5);color:var(--tile-mint-ink);border:1px solid rgba(255,255,255,.82);border-radius:15px;padding:10px 14px;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;box-shadow:inset 0 1px #ffffffd1}.status-strip.warn{background:linear-gradient(90deg,#f6eee3,#ede1d2);color:var(--tile-peach-ink)}.status-strip.alert{background:linear-gradient(90deg,#f6eaea,#ecdadc);color:var(--tile-blush-ink)}.chart-surface{background:linear-gradient(180deg,#fdfcfb,#f6f3ef);border:1px solid rgba(255,255,255,.92);border-radius:24px;padding:18px;position:relative;box-shadow:inset 0 1.5px #fff,0 8px 22px -6px #22213b0d}.chart-tooltip{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#353358,#22213b);color:#fff;font-size:11px;font-weight:500;padding:4px 11px;border-radius:999px;font-variant-numeric:tabular-nums;box-shadow:0 4px 12px #22213b38}.pill{font-size:12px;font-weight:500;padding:5px 13px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums;border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 1px #ffffffc7}.pill-green{background:linear-gradient(135deg,#edf6f1,#dfece5);color:var(--tile-mint-ink)}.pill-amber{background:linear-gradient(135deg,#f8f1e7,#ede2d3);color:var(--tile-peach-ink)}.pill-red{background:linear-gradient(135deg,#f8eeee,#eddcdd);color:var(--tile-blush-ink)}.pill-blue{background:linear-gradient(135deg,#eef4fa,#e0eaf4);color:var(--tile-sky-ink)}.pill-lavender{background:linear-gradient(135deg,#f1f1fa,#e3e4f4);color:var(--tile-lavender-ink)}.bar-track{width:100%;height:9px;background:#1e21460f;border-radius:99px;overflow:hidden;box-shadow:inset 0 1px 2px #1618260f}.bar-fill{height:100%;border-radius:99px;box-shadow:inset 0 1px #ffffff59}.stacked-bar{display:flex;width:100%;height:13px;border-radius:99px;overflow:hidden;gap:4px;margin:12px 0 18px}.habit-chip{padding:10px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.9);background:linear-gradient(180deg,#fff,#f3f1fa);color:var(--ink);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:inset 0 1.5px #fff,0 4px 12px -2px #1e214612;transition-property:transform,background,color,box-shadow;transition-duration:.18s}.habit-chip:hover{transform:translateY(-1.5px);box-shadow:inset 0 1.5px #fff,0 8px 16px -4px #1e21461f}.habit-chip.checked{background:linear-gradient(135deg,#e8faf0,#ceefdd);color:var(--tile-mint-ink);box-shadow:inset 0 1.5px #ffffffe6,0 6px 14px -3px #186b4629}.input-field{flex:1;background:#fff;border:1px solid rgba(30,33,70,.08);border-radius:14px;padding:10px 14px;color:var(--ink);font-family:var(--font-sans);font-size:14px;box-shadow:inset 0 1px 3px #1618260a}.settings-drawer{background:var(--surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.9);border-radius:28px;padding:22px 24px;margin-bottom:20px;box-shadow:inset 0 1.5px #fff,0 14px 36px #17182212}.user-select{background:#fff;color:var(--ink);border:1px solid rgba(30,33,70,.08);border-radius:14px;padding:10px 14px;font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer}.floating-dock{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#ffffffdb;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.95);padding:7px 12px;border-radius:999px;box-shadow:inset 0 1.5px #fff,0 20px 44px -8px #181a3a2e,0 4px 12px #181a3a0f;display:none;align-items:center;gap:5px;z-index:40}@media(max-width:720px){.floating-dock{display:flex;width:calc(100% - 28px);max-width:380px;justify-content:space-between;bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:6px;border-radius:26px}.dock-item{flex-direction:column;gap:3px;padding:7px 4px;font-size:11px;border-radius:20px}.screen-tabs{display:none}.detail-backdrop{align-items:flex-end;padding:0}.detail-sheet{max-height:90dvh;border-radius:30px 30px 0 0;padding:22px 18px calc(26px + env(safe-area-inset-bottom,0px))}.input-field,.user-select{font-size:16px}}.app-shell.force-mobile-frame{max-width:390px;width:390px;margin:0;padding:16px 14px 104px}.app-shell.force-mobile-frame .screen-tabs{display:none}.app-shell.force-mobile-frame .screen-grid{grid-template-columns:minmax(0,1fr);gap:16px}.app-shell.force-mobile-frame .panel-card{padding:18px 16px;border-radius:28px}.app-shell.force-mobile-frame .indigo-card{padding:18px;border-radius:24px}.app-shell.force-mobile-frame .indigo-giant-num{font-size:46px}.app-shell.force-mobile-frame .bento-2x2{gap:10px}.app-shell.force-mobile-frame .bento-tile{border-radius:22px;padding:14px 15px;min-height:132px}.app-shell.force-mobile-frame .bento-number{font-size:24px}.app-shell.force-mobile-frame .greeting-title{font-size:21px}.app-shell.force-mobile-frame .avatar-circle{width:42px;height:42px;font-size:18px}.app-shell.force-mobile-frame .floating-dock{display:flex;left:195px;width:362px;justify-content:space-between;bottom:14px;padding:6px;border-radius:26px}.app-shell.force-mobile-frame .dock-item{flex-direction:column;gap:3px;padding:7px 4px;font-size:11px;border-radius:20px}.date-stepper{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(180deg,#fdfcfb,#f3efea);border:1px solid rgba(255,255,255,.92);border-radius:999px;padding:4px 6px;box-shadow:inset 0 1.5px #fff,0 6px 16px -4px #211f3814}.date-step-arrow{width:30px;height:30px;border-radius:999px;border:none;background:transparent;color:var(--ink-secondary);font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.date-step-arrow:hover:not(:disabled){background:#211f380f;color:var(--ink)}.date-step-arrow:disabled{opacity:.3;cursor:default}.date-step-center{border:none;background:transparent;padding:4px 10px;border-radius:999px;font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .15s ease}.date-step-center:hover{background:#211f380d}.dock-item{border:none;background:transparent;color:var(--ink-secondary);font-family:var(--font-sans);font-size:12px;font-weight:500;padding:9px 12px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:1;white-space:nowrap;gap:5px;transition-property:transform,background,color,box-shadow;transition-duration:.18s}.dock-item:hover{color:var(--ink)}.dock-item.active{background:linear-gradient(180deg,#fdfcfb,#f1ede7);color:var(--ink);font-weight:600;box-shadow:inset 0 1px #fff,0 4px 10px #211f3812}.dock-fab{width:42px;height:42px;border-radius:999px;border:1px solid rgba(194,190,232,.32);background:radial-gradient(circle at 30% 20%,rgba(194,190,232,.42) 0%,transparent 60%),linear-gradient(180deg,#3a375e,#211f38);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 1.5px #ffffff59,0 8px 20px -2px #211f3861;margin:0 4px;transition-property:transform,box-shadow;transition-duration:.18s}.dock-fab:hover{transform:translateY(-2px) scale(1.03)}.dock-fab:active{transform:scale(.94)}.clickable-card{cursor:pointer;position:relative}.clickable-card:after{content:"↗";position:absolute;bottom:12px;right:14px;font-size:11px;line-height:1;color:var(--ink-muted);opacity:.42;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.indigo-card.clickable-card:after{color:#ffffffa6;bottom:16px;right:18px}.clickable-card:hover:after{opacity:.95;transform:translate(1.5px,-1.5px)}.clickable-card:active{transform:scale(.985)}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetSlideUp{0%{opacity:0;transform:translateY(22px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#1a182961;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);display:flex;align-items:center;justify-content:center;padding:20px;animation:backdropFadeIn .22s ease-out}.detail-sheet{width:100%;max-width:680px;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(at 90% 10%,rgba(232,228,248,.65) 0px,transparent 55%),radial-gradient(at 10% 90%,rgba(245,234,224,.65) 0px,transparent 55%),#fdfcfb;border:1px solid rgba(255,255,255,.95);border-radius:34px;padding:26px;box-shadow:inset 0 1.5px #fff,0 32px 70px -12px #18162a57,0 8px 20px #18162a14;animation:sheetSlideUp .32s cubic-bezier(.22,1,.36,1);color:var(--ink)}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.detail-kicker{font-size:12px;font-weight:600;color:var(--ink-secondary);text-transform:uppercase;letter-spacing:.04em}.detail-title{font-family:var(--font-serif);font-size:26px;line-height:1.15;color:var(--ink);margin-top:2px}.detail-hero-box{border-radius:24px;padding:20px 22px;margin-bottom:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.detail-big-value{font-size:42px;font-weight:600;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.detail-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}@media(max-width:520px){.detail-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.detail-stat-box{background:linear-gradient(145deg,#fff,#f4f1ec);border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:12px 14px;box-shadow:inset 0 1px #fff,0 4px 12px #211f380a}.detail-stat-label{font-size:11px;color:var(--ink-secondary)}.detail-stat-val{font-size:17px;font-weight:600;color:var(--ink);margin-top:3px;font-variant-numeric:tabular-nums}.detail-insight-box{background:linear-gradient(145deg,#f6f3ef,#efeae2);border:1px solid rgba(255,255,255,.85);border-radius:20px;padding:16px 18px;margin-top:14px}@keyframes lubDub{0%,to{transform:scale(1)}14%{transform:scale(1.16)}28%{transform:scale(.96)}42%{transform:scale(1.1)}70%{transform:scale(1)}}@keyframes cardCascade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{box-shadow:0 0 #38755673}50%{box-shadow:0 0 0 5px #38755600}}.heartbeat-icon{display:inline-flex;animation:lubDub 1.8s ease-in-out infinite;transform-origin:center}.heartbeat-svg{transform-box:fill-box;transform-origin:center;animation:lubDub 1.8s ease-in-out infinite}.live-dot-pulse{animation:pulseDot 2s infinite}.stagger-1{animation:cardCascade .36s cubic-bezier(.22,1,.36,1) .03s backwards}.stagger-2{animation:cardCascade .36s cubic-bezier(.22,1,.36,1) .08s backwards}.stagger-3{animation:cardCascade .36s cubic-bezier(.22,1,.36,1) .13s backwards}.stagger-4{animation:cardCascade .36s cubic-bezier(.22,1,.36,1) .18s backwards}.scenario-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:18px;padding:8px 12px;border-radius:20px;background:#fcfaf7b8;border:1px solid rgba(255,255,255,.88);box-shadow:inset 0 1px #fff,0 6px 18px -6px #211f380f}.scenario-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.scenario-pill{border:1px solid rgba(28,27,41,.07);background:#ffffffbf;color:var(--ink-secondary);font-family:var(--font-sans);font-size:12px;font-weight:500;padding:6px 12px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.scenario-pill:hover{color:var(--ink);transform:translateY(-1px)}.scenario-pill.active{background:linear-gradient(180deg,#353358,#211f38);color:#fff;border-color:#c2bee84d;box-shadow:inset 0 1px #ffffff40,0 4px 12px #211f3838}.bento-explain{font-size:11.5px;line-height:1.32;color:var(--ink-secondary);margin-top:3px}.indigo-explain{font-size:12.5px;line-height:1.4;color:#ffffffdb;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:9px 12px;margin-bottom:12px;position:relative;z-index:1}.banner-progress-track{width:100%;height:6px;border-radius:999px;background:#1c1b2914;overflow:hidden;margin-top:7px}.banner-progress-fill{height:100%;border-radius:999px;transform-origin:left;animation:growHorizBar .75s cubic-bezier(.22,1,.36,1) backwards}@media(prefers-reduced-motion:reduce){.indigo-card:before,.live-pulse-halo,.heartbeat-icon,.live-dot-pulse,.stagger-1,.stagger-2,.stagger-3,.stagger-4,.wave-line-anim,.wave-area-anim,.bar-vert-anim,.bar-horiz-anim,.banner-progress-fill,.screen-grid,.detail-sheet,.detail-backdrop{animation:none!important}.ring-progress-anim,.bento-tile,.pastel-banner,.btn,.tab-pill,.day-chip,.dock-item{transition-duration:.01ms!important}}