:root{--color-primary:#1a2a3a;--color-primary-light:#2d4a5f;--color-primary-bg:#e8f0f5;--color-accent:#e85d4a;--color-accent-bg:#fff0ee;--color-sage:#e8f0f5;--color-warm:#f8f6f3;--color-card:#fff;--color-text:#1a1a1a;--color-muted:#7c8590;--color-border:#e4e2de;--font-serif:"Fraunces", Georgia, serif;--font-sans:"Plus Jakarta Sans", -apple-system, sans-serif;--font-mono:"DM Mono", "SF Mono", "Courier New", monospace;--shadow:0 2px 8px #1a2a3a0d;--shadow-lg:0 8px 24px #1a2a3a1a;--shadow-xl:0 20px 50px #1a2a3a1f;--radius:18px;--card-padding:18px;--card-gap:12px;--color-danger:#e63946;--color-danger-bg:#fef0f0;--color-danger-border:#fecaca;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#c4960c;--color-warning-bg:#fef3c7;--color-warning-border:#fde68a;--color-surface:#ece9e4}*{box-sizing:border-box;margin:0;padding:0}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);font-family:var(--font-sans);background:var(--color-warm);color:var(--color-text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;font-size:14px;line-height:1.6;overflow-x:hidden}input,textarea,select,p,span,div,h1,h2,h3,h4,h5,h6,a,li{-webkit-user-select:text;user-select:text}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{scrollbar-width:none}input,select{border:1.5px solid var(--color-border);width:100%;font-size:14px;font-family:var(--font-sans);background:#fff;border-radius:12px;outline:none;padding:12px 14px;transition:border .2s}input:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a2a3a14}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237c8590' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,.pill:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:100;background:#0a0f1480;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-card);width:100%;max-width:520px;max-height:85vh;box-shadow:var(--shadow-xl);border-radius:24px 24px 0 0;padding:28px 24px 24px;overflow-y:auto}@keyframes ri{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.anim-rise{animation:.5s both ri}.anim-rise-2{animation:.5s .1s both ri}.anim-rise-3{animation:.5s .2s both ri}.anim-rise-4{animation:.5s .3s both ri}@keyframes fi{0%{opacity:0}to{opacity:1}}.anim-fade{animation:.3s both fi}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-overlay{animation:.2s both overlayIn}.modal-sheet{animation:.25s cubic-bezier(.4,0,.2,1) both modalIn}.label{color:var(--color-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.btn{border-radius:var(--radius);cursor:pointer;width:100%;min-height:48px;font-size:14px;font-weight:700;font-family:var(--font-sans);border:none;padding:16px;transition:transform .15s,box-shadow .15s}.btn:disabled{opacity:.5}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #1a2a3a33}.btn-primary:hover{box-shadow:0 6px 20px #1a2a3a40}.btn-secondary{color:var(--color-muted);background:#f0eeeb}.pill{cursor:pointer;white-space:nowrap;min-height:36px;font-size:13px;font-weight:600;font-family:var(--font-sans);border:none;border-radius:100px;padding:8px 16px;transition:all .15s}.pill-active{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #1a2a3a26}.pill-inactive{color:var(--color-muted);background:#f0eeeb}.htab{transition:all .15s}@supports (padding-top:env(safe-area-inset-top)){.safe-bot{padding-bottom:calc(env(safe-area-inset-bottom) + 20px)}}@media (display-mode:standalone){body{-webkit-user-select:none;user-select:none}#root{padding-top:env(safe-area-inset-top)}#root:before{content:"";height:env(safe-area-inset-top);background:var(--color-warm);z-index:9999;display:block;position:fixed;top:0;left:0;right:0}}.toast{top:env(safe-area-inset-top,20px);z-index:9999;font-size:14px;font-weight:600;font-family:var(--font-sans);box-shadow:var(--shadow-lg);pointer-events:none;text-align:center;border-radius:14px;max-width:90vw;padding:14px 24px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;left:50%;transform:translate(-50%)translateY(-100px)}.toast.show{transform:translate(-50%)translateY(20px)}.toast-ok{color:#fff;background:#1a2a3a}.toast-err{color:#fff;background:#dc2626}.toast-info{color:var(--color-text);border:1px solid var(--color-border);background:#fff}.dp-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.dp-cell{aspect-ratio:1;width:100%;font-size:14px;font-family:var(--font-sans);cursor:pointer;color:var(--color-text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-weight:500;transition:all .15s;display:flex}.dp-cell:hover{background:var(--color-primary-bg)}.dp-cell.sel{background:var(--color-primary);color:#fff;font-weight:700}.dp-cell.today{border:2px solid var(--color-accent);font-weight:700}.dp-cell.other{color:var(--color-border)}.dp-head{color:var(--color-muted);padding:4px 0;font-size:12px;font-weight:700}.qp{border:1.5px solid var(--color-border);font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer;color:var(--color-text);white-space:nowrap;background:#fff;border-radius:12px;padding:10px 16px;transition:all .15s}.qp:hover,.qp:active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#e8e4df 25%,#f5f1ec 37%,#e8e4df 63%) 0 0/200% 100%;animation:1.4s infinite shimmer}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-card{animation:.35s cubic-bezier(.4,0,.2,1) both cardSlideIn}.native-app{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto}.tab-content{animation:.25s cubic-bezier(.4,0,.2,1) both tabIn}@keyframes tabIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ptr-indicator{top:env(safe-area-inset-top,0px);z-index:999;background:var(--color-primary);color:#fff;font-size:11px;font-weight:700;font-family:var(--font-sans);border-radius:20px;padding:6px 16px;transition:transform .2s;position:fixed;left:50%;transform:translate(-50%)translateY(-40px);box-shadow:0 4px 16px #00000026}.ptr-indicator.visible,.ptr-indicator.refreshing{transform:translate(-50%)translateY(12px)}.native-app .stat-card{transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s}.native-app .stat-card:active{transform:scale(.95);box-shadow:0 1px 4px #00000014}@keyframes sheetUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.native-app .modal-box{animation:.3s cubic-bezier(.16,1,.3,1) both sheetUp}.native-app .modal-backdrop{animation:.15s both overlayIn}.native-app .tab-bar{-webkit-backdrop-filter:saturate(180%)blur(20px);background:#f8f6f3eb!important}.native-app .btn:active{transition:transform 80ms;transform:scale(.96)}@keyframes fabIn{0%{transform:scale(0)rotate(-90deg)}60%{transform:scale(1.15)rotate(5deg)}to{transform:scale(1)rotate(0)}}.native-app .fab-btn{animation:.4s cubic-bezier(.4,0,.2,1) both fabIn}[data-theme=dark]{--color-primary:#e8f0f5;--color-primary-light:#c3d3e0;--color-primary-bg:#1e2a36;--color-accent:#e85d4a;--color-accent-bg:#2a1f1a;--color-warm:#0f1419;--color-card:#1a2028;--color-text:#e8e6e3;--color-muted:#6b7480;--color-border:#2a3040;--color-sage:#1e2a36;--shadow:0 2px 8px #0000004d;--shadow-lg:0 8px 24px #0006;--color-danger:#ff6b6b;--color-danger-bg:#2a1a1a;--color-success:#22c55e;--color-success-bg:#1a2a1a;--color-warning:#f59e0b;--color-warning-bg:#2a2a1a;--color-surface:#232830}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color:#e8e6e3;background:#232830;border-color:#2a3040}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:#b0c8d8}[data-theme=dark] .btn-primary{color:#0f1419;background:#e8f0f5}[data-theme=dark] .pill-inactive,[data-theme=dark] .btn-secondary{color:#8b9099;background:#232830}[data-theme=dark] .skeleton-shimmer{background:linear-gradient(90deg,#232830 25%,#2a3040 37%,#232830 63%) 0 0/200% 100%}[data-theme=dark] .toast-ok{color:#0f1419;background:#e8f0f5}[data-theme=dark] .qp{color:#e8e6e3;background:#232830;border-color:#2a3040}.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#1a2a3a14;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);opacity:0;pointer-events:none;z-index:0;transition:opacity .4s;position:absolute;inset:0}.card-spotlight:hover:before{opacity:1}.card-spotlight>*{z-index:1;position:relative}@keyframes blurIn{0%{opacity:0;filter:blur(12px);transform:translateY(8px)scale(.95)}60%{opacity:1;filter:blur(2px);transform:translateY(-1px)scale(1.01)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.blur-text-word{animation:.7s cubic-bezier(.22,.61,.36,1) both blurIn;display:inline-block}.nav-rail,.context-rail{display:none}.app-header-inner{max-width:520px;margin:0 auto;padding:12px 20px 6px}@media (width>=768px){.app-header-inner,.app-tab-bar,.tab-content{max-width:720px}}@media (width>=1024px){body{justify-content:center;display:flex}#root{width:100%;position:relative}.app-shell{max-width:1280px;min-height:100vh;margin:0 auto;display:flex}.nav-rail{background:var(--color-card);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:248px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.context-rail{background:var(--color-card);border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:16px;width:326px;height:100vh;padding:34px 24px;display:flex;position:sticky;top:0;overflow-y:auto}.app-main{flex:1;min-width:0;overflow:hidden}.main-content{height:100vh;padding:34px 36px 44px;overflow-y:auto}.mobile-header{display:none}.app-header-inner,.tab-content{max-width:960px}.tab-content--money{max-width:640px}.tab-content--explore{max-width:960px}.header-filters{display:flex}.tab-content{padding-bottom:40px}.fab-btn{display:none!important}}.explore-layout{gap:0;display:flex}.explore-sidebar{display:none}.explore-content{flex:1;min-width:0}.explore-mobile-pills{display:flex}@media (width>=1024px){.explore-sidebar{border-right:1px solid var(--color-border);flex-shrink:0;width:220px;max-height:calc(100vh - 120px);margin-right:24px;padding:0 20px 0 0;display:block;position:sticky;top:0;overflow-y:auto}.explore-mobile-pills{display:none!important}}.explore2-grid{flex-direction:column;gap:12px;display:flex}.explore2-action-btn:hover:not(:disabled){background:var(--color-primary-bg)!important}.family-grid{flex-direction:column;gap:10px;display:flex}@media (width>=768px){.explore2-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.explore2-action-btn{align-self:flex-start;width:auto!important;padding-left:24px!important;padding-right:24px!important}.family-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}}@keyframes tabSlideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes tabSlideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.tab-enter-left{animation:.25s ease-out tabSlideInLeft}.tab-enter-right{animation:.25s ease-out tabSlideInRight}@keyframes sidebarSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (hover:hover){.card-hover{transition:transform .15s,box-shadow .15s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}}.overview-grid{grid-template-columns:1fr;gap:12px;display:grid}.schedule-desktop{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=1024px){.overview-grid{grid-template-columns:1fr 1fr}.overview-grid>.overview-full-width{grid-column:1/-1}.schedule-desktop{grid-template-columns:1fr 380px}.schedule-desktop__detail{align-self:start;position:sticky;top:80px}}.app-tab-bar{padding:9px 6px;padding-bottom:calc(9px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:saturate(180%)blur(20px);border:1px solid var(--color-border);z-index:50;background:#ffffffed;border-radius:22px;justify-content:space-around;align-items:center;max-width:none;margin:0;display:flex;position:fixed;bottom:8px;left:14px;right:14px;box-shadow:0 8px 24px #1a2a3a1a}@media (width>=1024px){.app-tab-bar{display:none!important}}[data-theme=dark] .app-tab-bar{background:#1a2028ed}.tab-bar-item{cursor:pointer;font-family:var(--font-sans);color:var(--color-muted);background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;font-size:10px;font-weight:600;transition:color .2s,background .2s;display:flex}.tab-bar-item--active{color:var(--color-primary);background:var(--color-primary-bg)}.tab-bar-icon{justify-content:center;align-items:center;display:flex}.tab-bar-label{font-size:10px;font-weight:700}.header-filters{flex-wrap:wrap;gap:6px;padding-bottom:6px;display:none}.bento-grid{grid-template-columns:1fr 1fr;gap:12px;padding:4px 0;display:grid}.bento-full{grid-column:1/-1}.bento-half{grid-column:span 1}@media (width>=1024px){.bento-grid{grid-template-columns:repeat(4,1fr)}.bento-full{grid-column:1/-1}.bento-half{grid-column:span 1}.bento-wide{grid-column:span 2}}@keyframes ocvRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ocv-rise{animation:.4s both ocvRise}@keyframes ocvSheet{0%{transform:translateY(102%)}to{transform:translateY(0)}}@keyframes ocvSheetBackdrop{0%{opacity:0}to{opacity:1}}.sheet-backdrop{-webkit-backdrop-filter:blur(3px);z-index:80;background:#10161e70;animation:.18s ocvSheetBackdrop;position:fixed;inset:0}.sheet-panel{background:var(--color-card);padding:14px 24px calc(34px + env(safe-area-inset-bottom,0px));z-index:81;border-radius:28px 28px 0 0;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) ocvSheet;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}