/* shero-cat (fat orange tabby theme, palette: cream #FFF4E6 / marmalade #F5B06B / ginger #E07A2E / deep ginger #9B4A1C — inspired by everyhexcode ginger-tabby palette) over ui3: Maltese-puppy × Apple HIG visual refresh. Presentation only (colors, radii, glass, shadows, type). No layout/behavior changes. */
:root{
  --bg:#FFEBD2;--bg2:#FFDDB0;--card:rgba(255,254,248,.78);--ink:#4A2A10;--mut:#80502A;--label-3:#8A5A34;
  --line:rgba(120,84,40,.14);--glass:rgba(255,255,255,.55);--glass-b:rgba(255,255,255,.7);--glass-h:rgba(255,255,255,.85);
  --in:#17703F;--solid:#B3540F;--solid-t:#FFFFFF;--hdr:rgba(255,235,210,.72);
  --shadow:0 1px 2px rgba(90,58,30,.06),0 8px 24px rgba(168,86,12,.12);
  --glow1:rgba(255,160,70,.30);--glow2:rgba(255,190,170,.22);--pink:#FFB8C6;--pink-d:#D2597F;
  --u3-card-edge:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 .5px rgba(255,255,255,.6);
}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#241508;--bg2:#2E1B0B;--card:rgba(255,238,214,.07);--ink:#FFEFD6;--mut:#E8BE8A;--label-3:#D9AE7C;--line:rgba(255,236,210,.13);--hdr:rgba(36,21,8,.72);--solid:#F5A04A;--solid-t:#2A1606;--glow1:rgba(245,160,74,.10);--glow2:rgba(243,166,184,.08);--shadow:0 1px 2px rgba(0,0,0,.4),0 12px 30px rgba(0,0,0,.45);--u3-card-edge:inset 0 1px 0 rgba(255,240,220,.14),inset 0 0 0 .5px rgba(255,240,220,.08)}}
[data-theme=dark]{--bg:#241508;--bg2:#2E1B0B;--card:rgba(255,238,214,.07);--ink:#FFEFD6;--mut:#E8BE8A;--label-3:#D9AE7C;--line:rgba(255,236,210,.13);--hdr:rgba(36,21,8,.72);--solid:#F5A04A;--solid-t:#2A1606;--glow1:rgba(245,160,74,.10);--glow2:rgba(243,166,184,.08);--shadow:0 1px 2px rgba(0,0,0,.4),0 12px 30px rgba(0,0,0,.45);--u3-card-edge:inset 0 1px 0 rgba(255,240,220,.14),inset 0 0 0 .5px rgba(255,240,220,.08)}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Rounded","SF Pro Text",Roboto,"PingFang TC","Noto Sans TC",system-ui,sans-serif;letter-spacing:-.011em;--paw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='%23C9902B' opacity='.07'%3E%3Cellipse cx='60' cy='70' rx='11' ry='9'/%3E%3Ccircle cx='46' cy='55' r='4.5'/%3E%3Ccircle cx='57' cy='49' r='4.5'/%3E%3Ccircle cx='68' cy='49' r='4.5'/%3E%3Ccircle cx='78' cy='55' r='4.5'/%3E%3C/g%3E%3C/svg%3E")}
h2{font-weight:800;letter-spacing:-.03em}h3{font-weight:700;letter-spacing:-.02em}
.brand h1{font-weight:800;letter-spacing:-.02em}
/* header & tab bar: liquid glass */
.top{border-bottom:.5px solid var(--line);box-shadow:none;background:var(--hdr)}
.tabs{border:.5px solid rgba(255,255,255,.65);background:color-mix(in srgb,var(--bg) 55%,transparent);box-shadow:0 10px 32px rgba(168,86,12,.20),inset 0 1px 0 rgba(255,255,255,.8);-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%)}
.tabs a{font-weight:600;color:var(--mut)}
.tabs a.on{background:var(--solid);color:var(--solid-t);box-shadow:0 4px 12px rgba(179,84,15,.30),inset 0 1px 0 rgba(255,255,255,.25)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .tabs{border-color:rgba(255,240,220,.16);box-shadow:0 10px 32px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,240,220,.14)}}
[data-theme=dark] .tabs{border-color:rgba(255,240,220,.16);box-shadow:0 10px 32px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,240,220,.14)}
/* cards: grouped, soft layered shadow */
.card,.kpi{border:.5px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:var(--shadow),var(--u3-card-edge)}
@supports (corner-shape:squircle){.card{border-radius:36px}.kpi{border-radius:34px}}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .card,:root:not([data-theme=light]) .kpi{border-color:rgba(255,240,220,.10);box-shadow:var(--shadow),var(--u3-card-edge)}}
[data-theme=dark] .card,[data-theme=dark] .kpi{border-color:rgba(255,240,220,.10);box-shadow:var(--shadow),var(--u3-card-edge)}
.kpi .v,.cf-big{font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
/* buttons: capsule, flat iOS fill, soft shadow (no hard offset) */
.btn{font-weight:600;border:.5px solid var(--line);box-shadow:0 1px 2px rgba(90,58,30,.10);background:var(--glass)}
.btn:not(.ghost):not(.danger){background:var(--solid);color:var(--solid-t);box-shadow:0 6px 16px rgba(179,84,15,.28),inset 0 1px 0 rgba(255,255,255,.22);border-color:transparent}
.btn.danger{background:color-mix(in srgb,var(--out) 10%,transparent)}
.icon-btn,.sync{background:var(--glass);border:.5px solid var(--glass-b);box-shadow:0 1px 3px rgba(90,58,30,.10),inset 0 1px 0 rgba(255,255,255,.7)}
.fab{background:var(--pawp) center/60% no-repeat,linear-gradient(180deg,#A8531A,#7A3A12);color:#FFF;border:.5px solid rgba(255,255,255,.35);box-shadow:0 10px 26px rgba(122,58,18,.38),inset 0 1px 0 rgba(255,255,255,.28)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .fab{background:var(--pawp) center/60% no-repeat,linear-gradient(180deg,#7A3A12,#3A1D08);border:1.5px solid #F5A04A;box-shadow:0 10px 26px rgba(0,0,0,.5),inset 0 1px 0 rgba(245,160,74,.25)}}
[data-theme=dark] .fab{background:var(--pawp) center/60% no-repeat,linear-gradient(180deg,#7A3A12,#3A1D08);border:1.5px solid #F5A04A;box-shadow:0 10px 26px rgba(0,0,0,.5),inset 0 1px 0 rgba(245,160,74,.25)}
/* inputs */
input,select,textarea{border-radius:14px}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:rgba(255,255,255,.65);border:.5px solid var(--line)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) input:not([type=checkbox]):not([type=radio]),:root:not([data-theme=light]) select,:root:not([data-theme=light]) textarea{background:rgba(255,238,214,.07)}}
[data-theme=dark] input:not([type=checkbox]):not([type=radio]),[data-theme=dark] select,[data-theme=dark] textarea{background:rgba(255,238,214,.07)}
/* segmented, pills, sheets */
.pill{font-weight:600;border-radius:999px}
.seg span{font-weight:600}
dialog:not(.hig-wheel):not(.hig-as){border-radius:28px 28px 0 0;border:.5px solid rgba(255,255,255,.6);box-shadow:0 -10px 40px rgba(168,86,12,.22)}
.toast,.undo{border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.dayh b{letter-spacing:.03em}
/* cat paw divider replaces the bone under titles */
:root{--bone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='20' viewBox='0 0 88 20'%3E%3Cg fill='%23FF8FA3'%3E%3Cg transform='translate(14 10) scale(.5)'%3E%3Cellipse cx='0' cy='8' rx='13' ry='10'/%3E%3Cellipse cx='-16' cy='-8' rx='5.5' ry='7'/%3E%3Cellipse cx='-6' cy='-17' rx='5.5' ry='7.5'/%3E%3Cellipse cx='6' cy='-17' rx='5.5' ry='7.5'/%3E%3Cellipse cx='16' cy='-8' rx='5.5' ry='7'/%3E%3C/g%3E%3Cg transform='translate(44 10) scale(.5)'%3E%3Cellipse cx='0' cy='8' rx='13' ry='10'/%3E%3Cellipse cx='-16' cy='-8' rx='5.5' ry='7'/%3E%3Cellipse cx='-6' cy='-17' rx='5.5' ry='7.5'/%3E%3Cellipse cx='6' cy='-17' rx='5.5' ry='7.5'/%3E%3Cellipse cx='16' cy='-8' rx='5.5' ry='7'/%3E%3C/g%3E%3Cg transform='translate(74 10) scale(.5)'%3E%3Cellipse cx='0' cy='8' rx='13' ry='10'/%3E%3Cellipse cx='-16' cy='-8' rx='5.5' ry='7'/%3E%3Cellipse cx='-6' cy='-17' rx='5.5' ry='7.5'/%3E%3Cellipse cx='6' cy='-17' rx='5.5' ry='7.5'/%3E%3Cellipse cx='16' cy='-8' rx='5.5' ry='7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}