:root{--bg:#091729;--panel:#0d1d31;--raised:#182c43;--text:#f4f6fc;--muted:#91a1b8;--line:#ffffff0d;font-family:Inter,'Segoe UI',sans-serif}html{background:radial-gradient(ellipse at 35% 15%,#2c344e,#101a2a 60%,#09131f)!important}body{background:var(--bg);border:6px solid #040b13;clip-path:inset(0 round 44px);box-shadow:0 35px 100px #0008}.phone-status,.app-header,.app-footer,.phone-nav{background:#0b1a2d}.app-header{border:0;padding-inline:24px!important;height:72px}.brand-note{font-size:9px;opacity:.5}.app-header h1{font-size:17px!important;font-weight:650}.app-icon{width:28px!important;height:28px!important}.panel-body{padding:12px 22px 20px!important;scrollbar-width:none}.panel-body::-webkit-scrollbar{display:none}.eyebrow{color:var(--accent);font-size:9px;letter-spacing:.15em;margin-top:10px}h3{font-size:30px;line-height:1.15;font-weight:650;margin:14px 0 9px;letter-spacing:-.05em}.welcome-copy{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 23px}.muted{font-size:10px;color:var(--muted);opacity:1}#family>p.muted{margin:0 0 19px;color:#8293ab}.child{position:relative;min-height:102px;border:1px solid #ffffff0b;background:linear-gradient(130deg,#182b43,#102037);padding:20px 88px 20px 65px;border-radius:21px;margin:12px 0;font-size:15px;box-shadow:0 8px 20px #0001}.child[aria-pressed=true]{border-color:#ff796c44}.child[data-target=shared]{background:linear-gradient(125deg,#ee826f,#d46a73);color:#fff;border:0}.child small{font-size:10px;font-weight:400;color:#a9b7cb;margin-top:8px}.child[data-target=shared] small{color:#fff9}.kid-avatar{position:absolute;left:15px;top:29px;width:38px;height:38px;border-radius:14px;background:#ffffff0c;display:grid;place-items:center;font-weight:500;color:#c3cee0;font-size:19px}.child[data-target=shared] .kid-avatar{color:#fff;background:#ffffff18}.kid-budget{position:absolute;right:14px;top:25px;text-align:right}.kid-budget strong{font-size:27px;font-weight:650;letter-spacing:-.045em}.kid-budget strong small{display:inline;font-size:10px;color:inherit;margin-left:3px}.kid-budget>span{display:block;font-size:8px;color:#8fa0b7;line-height:1.4;margin-top:7px}.child[data-target=shared] .kid-budget>span{color:#fff9}#add{border:1px dashed #ffffff23;background:transparent;border-radius:16px;font-size:12px;margin:8px 0;padding:13px;color:#a9b7c9}.connection-note{font-size:11px;color:var(--muted);margin:16px 0}.connection-note>summary{cursor:pointer;text-align:center}.connection-note .notice{border:0;background:#ffffff04;padding:15px}#rules h3{margin-bottom:24px}.checkline{background:#15263d;padding:12px;border-radius:14px;font-size:11px;margin-bottom:15px}.rule-section{border:1px solid #ffffff08;border-radius:16px;margin:9px 0;background:linear-gradient(130deg,#17283f,#102137);overflow:hidden}.rule-section>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:64px;padding:14px 15px;cursor:pointer;font-size:13px}.rule-section>summary::-webkit-details-marker{display:none}.rule-section>summary strong{margin-left:auto;font-size:12px;color:var(--accent);font-weight:600}.rule-section>summary svg{width:14px;height:14px;fill:none;stroke:#899aaf;stroke-width:1.5}.rule-section[open]>summary svg{transform:rotate(90deg)}.rule-section[open]>summary{border-bottom:1px solid #ffffff08}.rule-section>.checks,.rule-section>.row,.rule-section>.budget-field{padding:12px 14px;margin:0}.time-fields label,.budget-field label{font-size:10px;color:var(--muted)}.time-fields input,.budget-field input{margin-top:7px;border:1px solid #ffffff12;background:#0b1b30;border-radius:10px;color:var(--text);padding:10px;font-size:16px;width:100%;min-height:44px}.budget-field{display:flex}.budget-field label{width:100%}.section-label,#rule-form fieldset>strong{font-size:11px;font-weight:500;color:var(--muted);display:block;margin:22px 0 10px}.weekday-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:9px 0 23px}.weekday-picker label{padding:0;min-width:0;height:41px;justify-content:center;border:1px solid #ffffff0a;border-radius:12px;background:#16273d;color:var(--muted);font-size:11px;position:relative;overflow:hidden}.weekday-picker input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.weekday-picker label:has(input:checked){background:color-mix(in srgb,var(--accent) 17%,#16273d);border-color:color-mix(in srgb,var(--accent) 25%,transparent);color:#ffb0a6}.weekday-picker label:focus-within{outline:2px solid var(--accent)}.warning-switches{display:block;border-radius:16px;background:#14263c;padding:0 15px;margin-top:8px}.warning-switches label{display:flex;flex-direction:row-reverse;justify-content:space-between;border:0;border-radius:0;padding:10px 0;margin:0;font-size:12px;min-height:44px}.warning-switches label+label{border-top:1px solid #ffffff08}.warning-switches input{appearance:none;width:35px;height:21px;min-height:21px;flex-shrink:0;border-radius:20px;background:#354258;position:relative;margin:0;border:0;cursor:pointer}.warning-switches input:before{content:'';position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#e0e5ec;transition:transform .15s}.warning-switches input:checked{background:var(--accent)}.warning-switches input:checked:before{transform:translateX(14px);background:white}#rule-form .primary{background:linear-gradient(110deg,#ff8d76,#f47776);border:0;color:#172638;min-height:48px;font-size:13px;font-weight:650;margin:18px 0 0;border-radius:14px}.summary{display:flex;align-items:center;gap:10px;padding:8px 0;background:none;color:#899bb4;font-size:10px;line-height:1.6;margin:6px 0 15px}.summary small{display:block;font-size:9px;opacity:.65}.summary svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:var(--accent);stroke-width:1.3}#feedback{min-height:0;font-size:11px;margin:10px 0}#rule-form fieldset:disabled{opacity:.65}.app-picker .checks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.app-picker label{background:#102036;border:1px solid #ffffff10;font-size:12px;border-radius:11px}.app-picker input{accent-color:var(--accent);width:15px;height:15px}.phone-nav{border-top:1px solid #ffffff06;padding:7px 15px 5px}.phone-nav button{border-radius:13px;font-size:9px;gap:5px;color:#71869f}.phone-nav button[aria-current=page]{background:#ff796c0b;color:var(--accent)}.phone-nav button:focus:not(:focus-visible){outline:none}.phone-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.app-footer .credit{font-size:7px;color:#53677f}.app-footer:after{width:100px;left:calc(50% - 50px);height:4px;background:#ccd5e2}.time-ring{margin:22px auto 25px;width:234px;height:234px;border-radius:50%;background:conic-gradient(from 210deg,var(--accent) var(--progress),#22324a 0);padding:5px;position:relative;box-shadow:0 0 60px #ff796c0a}.time-ring:before{content:'';position:absolute;inset:5px;border-radius:50%;background:radial-gradient(ellipse at bottom,#1c2a43,#0b192b 80%)}#simulation .time-ring .budget{position:absolute;inset:58px 0 auto;text-align:center;z-index:1;color:#f7f9ff;font-size:64px;letter-spacing:-.06em;line-height:1}.time-ring .budget small{display:block;font-size:11px!important;letter-spacing:0;font-weight:400;color:#a3b0c3;margin-top:12px}.ring-caption{position:absolute;bottom:41px;left:0;right:0;text-align:center;color:var(--accent);font-size:9px;letter-spacing:.08em;text-transform:uppercase}#sim-status{text-align:center;font-size:12px;color:var(--accent)}#simulation>p.muted{font-size:10px}#simulation .row>button{font-size:11px;border-radius:12px;background:#182b44;border:0;color:#bac7da}#simulation #use{background:var(--accent);color:#19283b;width:100%;min-height:48px}#simulation #pause,#simulation #extra,#simulation #reset{flex:1}.sim-app{font-size:11px;border-color:#ffffff09}.sim-app span{font-size:10px;color:#8398b3}#simulation>.row:first-of-type{background:#13243a;padding:12px;border-radius:14px}#simulation>label{font-size:11px;color:#9daec6}#simulation #sim-child{max-width:100%;width:100%;margin-top:8px}#events{background:#ff796c08;border-radius:12px;color:#ffb7a8;font-size:11px;padding:10px 12px 10px 27px}#events:empty{display:none}#settings-view{padding:12px 22px;background:var(--bg)}@media(max-width:480px){body{border:0;clip-path:inset(0);border-radius:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
