:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#fff;--app:#f8f9fa;--surface:#fff;--ink:#1f2937;--heading:#111827;--muted:#6b7280;--line:#e5e7eb;--hover:#f3f4f6;--accent:#0f6e8e;--tint:#e7f3f7;--tint-2:#c5e2ec;--on-accent:#fff;--danger:#d93025;--danger-tint:#fce8e6;--low:#b45309;--low-tint:#fef3e2;--bar-blue:#0f6e8e;--bar-orange:#d97706;--track:#e5e7eb;--gray:#9aa0a6;--frame:#1f2937;--knob:#fff;--shadow:#11182729;--scrim:#11182766;--font-display:"Dela Gothic One","Hiragino Sans",sans-serif;--font-body:"Hiragino Sans","Noto Sans JP","Yu Gothic UI",system-ui,sans-serif;--font-num:"Barlow","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);font-family:var(--font-body);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));-webkit-font-smoothing:antialiased;padding-block:40px 56px;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body,#root{height:100%}body{padding:0;overflow:hidden}.screen{background:var(--app);padding-top:env(safe-area-inset-top,0px);flex-direction:column;display:flex;position:fixed;inset:0}@media (width>=720px){.screen{border-left:1px solid var(--line);border-right:1px solid var(--line);width:480px;left:50%;transform:translate(-50%)}}.mark{width:22px;height:22px;color:var(--accent);flex:none;place-items:center;display:inline-grid}.mark svg{width:22px;height:22px}.app-header{background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;flex:none;gap:10px;padding:20px 16px 12px;display:flex}.app-header.sub{flex-direction:row;align-items:center;gap:4px;padding:14px 10px 10px}.brand-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.brand{font-family:var(--font-display);letter-spacing:.04em;color:var(--heading);align-items:center;gap:8px;font-size:19px;display:flex}.count{color:var(--muted);margin-left:auto;font-size:12px}.head-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.head-tools{align-items:center;gap:4px;display:flex}.screen-title{color:var(--heading);margin:0;font-size:21px;font-weight:700;line-height:1.3}.sub-title{color:var(--heading);margin:0;font-size:16px;font-weight:700}.icon-btn{width:44px;height:44px;color:var(--ink);background:0 0;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.icon-btn:hover{background:var(--hover)}.back-btn{height:40px;color:var(--accent);background:0 0;border:none;border-radius:20px;align-items:center;gap:0;max-width:70%;margin-left:-8px;padding:0 10px 0 4px;font-size:14px;font-weight:500;display:inline-flex}.back-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.back-btn:hover{background:var(--hover)}.text-btn{height:40px;color:var(--accent);background:0 0;border:none;border-radius:10px;flex:none;padding:0 10px;font-size:15px;font-weight:700}.text-btn:hover{background:var(--hover)}.app-header.sub .text-btn{margin-left:auto}.search{background:var(--app);border:1px solid var(--line);height:44px;color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.search.big{background:var(--surface);height:50px;box-shadow:0 2px 10px -4px var(--shadow);border-radius:14px}.search.big input{font-size:16px}.search input{min-width:0;height:100%;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:16px}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint)}.app-main{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;padding:16px 14px 28px;display:flex;overflow-y:auto}.sec{color:var(--muted);letter-spacing:.04em;margin:8px 4px 0;font-size:12px;font-weight:700;line-height:1.4}.hint{color:var(--muted);margin:0 4px;font-size:13px}.sync{color:var(--muted);align-items:center;gap:4px;margin:-4px 2px 0;font-size:12px;display:flex}.btn.dark{color:#fff;background:#111827}.btn.outline{background:var(--surface);color:var(--heading);border:1px solid var(--line)}.or{text-align:center;color:var(--muted);margin:0;font-size:12px}button:active{filter:brightness(.96)}.r:active,.btn:active,.mini:active,.chip:active,.opt:active,.tab:active,.step:active,.text-btn:active,.back-btn:active{transform:scale(.985)}.cart-row{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.cart-row .r{min-height:0;padding:0}.cart-row .cart-ctl{justify-content:space-between;align-items:center;gap:8px;display:flex}.hint.dismiss{background:var(--app);border-radius:10px;align-items:flex-start;gap:6px;margin:0;padding:8px 6px 8px 12px;display:flex}.hint.dismiss span{flex:1}.hint-x{width:32px;height:32px;color:var(--muted);background:0 0;border:none;border-radius:50%;flex:none;margin:-6px 0;font-size:18px;line-height:1}.ok-line{color:var(--muted);align-items:center;gap:6px;margin:0 4px;font-size:13px;display:flex}.ans-row{flex-direction:column;gap:6px;padding:12px 14px;display:flex}.ans-top{align-items:center;gap:12px;display:flex}.ans-top .r-main{flex:1}.ans-big{flex:none;align-items:baseline;gap:3px;display:flex}.ans-big .num{font-size:26px}.ans-big .unit{font-size:13px}.ans-verdict{color:var(--accent);font-size:13px;font-weight:700}.ans-verdict.none{color:var(--danger)}.ans-where{color:var(--ink);font-size:13px}.ans-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ans-actions .btn.sm{height:40px}.r-link{color:var(--heading);background:0 0;border:none;align-items:center;gap:2px;padding:0;font-size:15px;font-weight:500;display:inline-flex}.use-row{flex:none;gap:8px;display:flex}.use-row .btn{flex:1;height:44px}.seg.two{grid-template-columns:1fr 1fr}.flat-head{color:var(--muted);letter-spacing:.04em;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;margin:6px 4px;font-size:12px;font-weight:700;line-height:1.4;display:flex}.flat-head>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.flat-head>span:last-child{font-variant-numeric:tabular-nums;flex:none}.toast{align-items:center;gap:10px;display:flex}.toast[hidden]{display:none}.toast span{flex:1}.toast .undo{color:#8ed1e8;background:0 0;border:none;border-radius:8px;flex:none;margin:-6px -8px -6px 0;padding:6px 8px;font-size:13px;font-weight:700}.toast .undo:hover{background:#ffffff1f}.ro-note{color:var(--muted);align-items:center;gap:6px;margin:0 4px;font-size:13px;display:flex}.opt-tag{color:var(--muted);margin-left:6px;font-size:12px;font-weight:500}.guide{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;flex:none;gap:10px;padding:16px 14px;display:flex}.guide h2{color:var(--heading);margin:0;font-size:17px}.guide p{color:var(--muted);margin:0;font-size:13px}.guide ol{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.guide li{align-items:center;gap:12px;min-height:48px;display:flex}.guide li.done{opacity:.6}.step-n{background:var(--accent);width:30px;height:30px;color:var(--on-accent);font-family:var(--font-num);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.guide li.done .step-n{background:var(--tint);color:var(--accent)}.thumb.swatch{color:#11182780;border:1px solid #1118271f}.dot{vertical-align:-1px;border:1px solid #11182726;border-radius:50%;flex:none;width:12px;height:12px;margin-right:6px;display:inline-block}.swipe{position:relative;overflow:hidden}.swipe-under{width:88px;display:flex;position:absolute;top:0;bottom:0;right:0}.swipe-del{background:var(--danger);color:var(--on-accent);border:none;flex:1;font-size:14px;font-weight:700}.swipe-front{background:var(--surface);touch-action:pan-y;align-items:center;transition:transform .18s ease-out;display:flex;position:relative}.swipe.dragging .swipe-front{transition:none}.swipe-front>.r{flex:1;min-width:0}.edit-minus{background:var(--danger);width:26px;height:26px;color:var(--on-accent);border:none;border-radius:50%;flex:none;place-items:center;margin-left:12px;padding:0;display:grid}.edit-minus+.r{padding-left:10px}.group{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex:none;min-width:0;margin:0;padding:0;list-style:none;overflow:hidden}.group>*+*{border-top:1px solid var(--line)}.r{text-align:left;width:100%;min-height:54px;color:var(--ink);background:0 0;border:none;align-items:center;gap:12px;padding:11px 14px;display:flex}button.r:hover{background:var(--hover)}.r-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.r-title{color:var(--heading);word-break:keep-all;overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:700;line-height:1.35;display:flex}.r-title.plain{font-weight:500}.r-sub{color:var(--muted);font-size:13px}.r-sub.clip{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.r-end{color:var(--muted);flex:none;align-items:center;gap:4px;display:flex}.chev{color:var(--muted);flex:none;display:grid}.num{font-family:var(--font-num);color:var(--heading);font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.num.s-none{color:var(--danger)}.num.s-low{color:var(--low)}.unit{color:var(--muted);font-size:12px}.st{font-size:12px;font-weight:700}.st.none{color:var(--danger)}.st.low{color:var(--low)}.thumb{background:var(--tint);width:38px;height:38px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb.lg{border-radius:14px;width:56px;height:56px}.rem{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.rem.low{color:var(--low)}.meter{background:var(--track);border-radius:3px;flex:none;width:40px;height:5px;overflow:hidden}.meter>span{background:var(--bar-blue);height:100%;display:block}.rem.low .meter>span{background:var(--bar-orange)}.empty{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;flex:none;align-items:flex-start;gap:8px;padding:20px 16px;display:flex}.empty p{color:var(--muted);margin:0;font-size:13px}.empty .empty-title{color:var(--heading);font-size:15px;font-weight:700}.btn{background:var(--accent);height:46px;color:var(--on-accent);border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.btn:hover{filter:brightness(1.06)}.btn.soft{background:var(--tint);color:var(--accent)}.btn.sm{border-radius:10px;height:34px;padding:0 14px;font-size:13px}.btn.block{width:100%}.btn.danger{background:var(--danger);color:var(--on-accent)}.btn.danger-soft{background:var(--danger-tint);color:var(--danger)}.btn-row{flex:none;grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn-col{flex-direction:column;flex:none;gap:8px;display:flex}.link-btn{color:var(--accent);background:0 0;border:none;flex:none;min-height:40px;padding:4px 0;font-size:13px;font-weight:700}.link-btn.muted{color:var(--muted);font-weight:500}.link-btn.center{align-self:center}.r.danger{color:var(--danger);justify-content:center;font-weight:500}.r.danger-row,.r.danger-row .r-title,.link-btn.danger{color:var(--danger)}.stepper{flex:none;align-items:center;gap:4px;display:flex}.step{background:var(--tint);width:40px;height:40px;color:var(--accent);border:none;border-radius:50%;place-items:center;padding:0;display:grid}.step:hover:not(:disabled){background:var(--tint-2)}.step:disabled{opacity:.35;cursor:default}.qty{text-align:center;justify-content:center;align-items:baseline;gap:2px;min-width:40px;display:inline-flex}.qty b{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--heading);font-size:18px;font-weight:600}.qty small{color:var(--muted);font-size:11px}.qty.s-none b{color:var(--danger)}.qty.s-low b{color:var(--low)}.chips{scrollbar-width:none;flex:none;gap:6px;margin:0 -14px;padding:0 14px 2px;display:flex;overflow-x:auto}.chip,.opt{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);border-radius:999px;flex:none;align-items:center;padding:0 14px;font-size:13px;display:inline-flex}.chip[aria-pressed=true],.opt[aria-pressed=true]{background:var(--tint);border-color:var(--accent);color:var(--accent);font-weight:700}.chip.sub{padding:3px 11px;font-size:12px}.chips+.chips{margin-top:-4px}.opt-group{flex-direction:column;flex:none;gap:6px;display:flex}.opt-label{color:var(--muted);margin-left:4px;font-size:12px;font-weight:700}.opts{flex-wrap:wrap;gap:6px;display:flex}.seg{background:var(--hover);border-radius:12px;flex:none;grid-template-columns:1fr 1fr;gap:2px;padding:3px;display:grid}.seg.three{grid-template-columns:repeat(3,1fr)}.seg.four{grid-template-columns:repeat(4,1fr)}.seg.five{grid-template-columns:repeat(5,1fr)}.seg button{height:40px;color:var(--muted);background:0 0;border:none;border-radius:9px;font-size:13px;font-weight:700}.seg button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px var(--shadow)}.result{color:var(--muted);margin:0 4px;font-size:12px}.alert{text-align:left;background:var(--low-tint);width:100%;color:var(--low);border:none;border-radius:12px;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;font-size:13px;display:flex}.alert b{font-family:var(--font-num);font-size:16px;font-weight:600}.bag-ic{background:var(--tint);width:38px;height:38px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.hero{flex:none;align-items:center;gap:14px;padding:0 4px;display:flex}.hero-cat{color:var(--muted);margin:0;font-size:12px}.hero-name{text-wrap:balance;color:var(--heading);margin:0;font-size:20px;line-height:1.3}.hero-total{color:var(--muted);margin:2px 0 0;font-size:12px}.own{align-items:baseline;gap:3px;display:flex}.own .num{font-size:26px}.pad{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.group.pad>*+*{border-top:none}.rem-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.rem-head .rem{font-size:13px}.rem-head .meter{width:64px;height:6px}.in-cart{color:var(--accent);margin:-4px 4px 0;font-size:12px;font-weight:700}.shops{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.pr{color:var(--muted);border:1px solid var(--muted);border-radius:4px;padding:0 4px;font-size:12px;font-weight:700;line-height:1.5}.shops-head{color:var(--muted);align-items:center;gap:6px;min-width:0;max-width:100%;font-size:12px;display:flex}.shops-head .shops-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.shop-link{color:var(--accent);align-items:center;min-height:40px;padding:0 4px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.shop-link:hover{text-decoration:underline}details.group summary{cursor:pointer;list-style:none}details.group summary::-webkit-details-marker{display:none}details.group summary .chev{transition:transform .15s}details.group[open] summary .chev{transform:rotate(90deg)}.pill{color:var(--accent);background:var(--tint);white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-flex}.ev.locked .skel{flex-direction:column;gap:7px;display:flex}.skel span{background:var(--track);border-radius:0 4px 4px 0;height:16px;display:block}.lock-note{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:12.5px;display:flex}.chip .lk{vertical-align:-2px;color:var(--muted);margin-left:3px;display:inline-grid}.perks{flex-direction:column;gap:8px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.perks li{align-items:flex-start;gap:8px;display:flex}.perks li>span:first-child{color:var(--accent);flex:none;margin-top:1px;display:grid}.price{align-items:baseline;gap:6px;margin:0;display:flex}.price b{font-family:var(--font-num);color:var(--heading);font-size:30px;font-weight:600}.limit{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin:0 4px;font-size:12px;display:flex}.vcard{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.vc-head{align-items:center;gap:12px;display:flex}.vc-rem{background:var(--app);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.vc-rem>.r-sub{flex:none;min-width:30px}.vc-rem .seg{background:var(--hover);flex:1;min-width:180px}.vc-rem .seg button{height:40px;font-size:12.5px}.vc-rem .step{width:40px;height:40px}.vc-of{color:var(--muted);font-size:12px}.vc-actions{align-items:center;gap:6px;display:flex}.vc-actions .mini:first-child{margin-right:auto}.mini{border:1px solid var(--line);background:var(--surface);min-width:40px;height:40px;color:var(--ink);border-radius:9px;justify-content:center;align-items:center;gap:4px;padding:0 14px;font-size:12.5px;font-weight:700;display:inline-flex}.mini:hover{background:var(--hover)}.mini.more{letter-spacing:1px;width:40px;padding:0;font-size:18px}.mini.text{color:var(--accent);border-color:#0000;padding:0 6px}.mini[aria-expanded=true]{background:var(--tint);border-color:var(--accent);color:var(--accent)}.vc-set{border-top:1px dashed var(--line);flex-direction:column;gap:8px;padding-top:10px;display:flex}.kv{justify-content:space-between;gap:12px;padding:10px 14px;font-size:13px;display:flex}.kv span:first-child{color:var(--muted);flex:none}.kv span:last-child{text-align:right;min-width:0}.tiles{flex:none;grid-template-columns:1fr 1fr;gap:8px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;display:flex}.tile-label{color:var(--muted);font-size:12px}.tile-value{align-items:baseline;gap:3px;display:flex}.tile-value .num{font-size:26px}.tile-value .num.blue{color:var(--bar-blue)}.ev{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;flex:none;gap:10px;padding:14px;display:flex}.ev-title{color:var(--heading);border-left:4px solid var(--bar-blue);text-wrap:balance;margin:0;padding-left:10px;font-size:14.5px;font-weight:700;line-height:1.4}.bars{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.bar-row{align-items:center;gap:8px;min-height:22px;display:flex}.bar-label{text-align:right;width:92px;color:var(--ink);overflow-wrap:anywhere;flex:none;font-size:12.5px;line-height:1.3}.bar-area{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.bar-track{flex:1;align-items:center;gap:2px;min-width:0;display:flex}.bar-track.full{background:var(--track);border-radius:0 4px 4px 0;height:16px}.bar{border-radius:0 4px 4px 0;min-width:2px;height:16px}.bar.blue{background:var(--bar-blue)}.bar.orange{background:var(--bar-orange)}.bar.zero{width:0;min-width:0}.bar-value{white-space:nowrap;color:var(--heading);font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:700}.bar-value small{color:var(--muted);margin-left:1px;font-size:12px;font-weight:500}.takeaway{background:var(--app);border-left:3px solid var(--bar-blue);border-radius:0 6px 6px 0;margin:0;padding:8px 10px;font-size:12.5px}.legend{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin:0;font-size:12px;display:flex}.legend .sw{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.sw.blue{background:var(--bar-blue)}.sw.orange{background:var(--bar-orange)}.form{flex-direction:column;gap:12px;display:flex}.fields{flex-direction:column;gap:14px;padding:14px;display:flex}.group.fields>*+*{border-top:none}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>label,.field>.label{color:var(--heading);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.input,.select{border:1px solid var(--line);background:var(--surface);height:44px;color:var(--ink);border-radius:10px;width:100%;min-width:0;padding:0 12px;font-size:16px}.select{padding:0 10px}textarea.input{resize:vertical;height:auto;min-height:64px;padding:10px 12px}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint);outline:none}.input[aria-invalid=true]{border-color:var(--danger)}.row2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}[hidden]{display:none!important}.row2>*{min-width:0}.combo{grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:8px;display:grid}.combo.g{grid-template-columns:minmax(0,1fr) auto}.combo.g>span{color:var(--muted);flex:none;font-size:13px}.help{color:var(--muted);margin:0;font-size:12px}.photo{border:1.5px dashed var(--line);height:96px;color:var(--muted);cursor:pointer;border-radius:12px;place-items:center;display:grid;overflow:hidden}.sr:focus-visible+.photo{outline:2px solid var(--accent);outline-offset:2px}#photoPreview{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;font-size:13px;display:flex}#photoPreview img{object-fit:cover;width:100%;height:100%}.dup{background:var(--low-tint);color:var(--low);border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;font-size:12.5px;display:flex}.dup.same{background:var(--danger-tint);color:var(--danger)}.dup-item{color:inherit;background:0 0;border:none;padding:0;font-size:12.5px;text-decoration:underline}.error{color:var(--danger);margin:0;font-size:12.5px}.r-split{align-items:center;gap:4px;padding-right:10px;display:flex}.r-split>.r{flex:1;min-width:0}.r.add-row{color:var(--accent);min-height:52px;font-weight:700}.r.add-row .thumb{border:1.5px dashed var(--accent);color:var(--accent);background:0 0}.grow-text{cursor:pointer;flex-direction:column;flex:1;min-width:0;display:flex}.switch{appearance:none;background:var(--gray);cursor:pointer;border-radius:14px;flex:none;width:46px;height:28px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:var(--knob);border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(18px)}input[type=radio]{accent-color:var(--accent);flex:none;width:18px;height:18px;margin:0}fieldset.group{padding:0}.mail-head{color:var(--muted);gap:2px;padding:12px 14px;font-size:12px;display:grid}.mail-head b{color:var(--heading);margin-top:4px;font-size:14px}.mail-body{flex-direction:column;gap:12px;padding:14px;font-size:13.5px;display:flex}.mail-body p{margin:0}.mail-list{background:var(--app);border-radius:10px;margin:0;padding:0;list-style:none}.mail-list li{justify-content:space-between;gap:8px;padding:9px 12px;font-size:13px;display:flex}.mail-list li+li{border-top:1px solid var(--line)}.mail-list li span:last-child{color:var(--muted);text-align:right}.auth{background:var(--surface);flex-direction:column;flex:1;gap:18px;padding:64px 22px 28px;display:flex;overflow-y:auto}.auth .brand{font-size:30px}.auth .mark{border-width:3px;width:24px;height:24px}.auth-lead{color:var(--muted);margin:-8px 0 8px;font-size:14px}.auth-note{color:var(--muted);text-align:center;margin:0;font-size:12px}.sheet-wrap{z-index:6;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.scrim{background:var(--scrim);cursor:default;border:none;padding:0;position:absolute;inset:0}.sheet{background:var(--app);border-radius:22px 22px 0 0;flex-direction:column;gap:12px;max-height:90%;padding:20px 14px 28px;display:flex;position:relative;overflow-y:auto}.sheet h2{text-wrap:balance;color:var(--heading);margin:0 4px;font-size:17px}.sheet>p{color:var(--muted);margin:0 4px;font-size:13px}.tabbar{background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px));flex:none;grid-template-columns:repeat(5,1fr);display:grid}.tab{color:var(--muted);background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-height:48px;padding:6px 0;font-size:12px;display:flex;position:relative}.tab[aria-current=page]{color:var(--accent);font-weight:700}.badge{background:var(--danger);min-width:18px;height:18px;color:var(--on-accent);font-size:11px;font-family:var(--font-num);border-radius:9px;place-items:center;padding:0 5px;font-weight:600;line-height:1;display:grid;position:absolute;top:1px;left:calc(50% + 6px)}.toast{background:var(--heading);color:var(--on-accent);z-index:8;box-shadow:0 10px 30px -10px var(--shadow);border-radius:12px;padding:12px 14px;font-size:13px;position:absolute;top:16px;left:16px;right:16px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}a.r{color:inherit;text-decoration:none}