@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--ground:#edeff3;--surface:#fff;--surface-2:#f6f8fb;--surface-3:#e3e8f0;--rule:#d2d9e4;--rule-strong:#aab6c6;--ink:#0f141b;--ink-2:#454f5d;--ink-3:#5f6b7b;--accent:#1b4c86;--accent-ink:#15599b;--accent-soft:#dce7f5;--accent-line:#9cb8dc;--on-accent:#fff;--ok:#14653f;--ok-soft:#d8eadf;--ok-line:#9ac7af;--warn:#a34419;--warn-soft:#f7e3d8;--warn-line:#e0ac92;--shadow-1:0 1px 2px #0f19280f, 0 1px 1px #0f19280a;--shadow-2:0 6px 18px -8px #0f19282e, 0 2px 4px -2px #0f192814;--f-disp:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",system-ui,sans-serif;--f-body:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",system-ui,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,monospace;--fs-xs:12px;--fs-sm:13.5px;--fs-md:15.5px;--fs-lg:17px;--fs-xl:21px;--fs-2xl:27px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--r-sm:8px;--r-md:12px;--r-lg:16px;--nav-h:56px;--sidenav-w:220px;--bp-desktop:900px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0e1218;--surface:#161c25;--surface-2:#1c232e;--surface-3:#232c39;--rule:#2c3644;--rule-strong:#43505f;--ink:#eef2f7;--ink-2:#b4bfcc;--ink-3:#8d9aaa;--accent:#4a90d9;--accent-ink:#7fb3e8;--accent-soft:#16243a;--accent-line:#2e4a6e;--on-accent:#08101c;--ok:#58c795;--ok-soft:#12291f;--ok-line:#2c5a44;--warn:#f0996b;--warn-soft:#35231a;--warn-line:#6b4230;--shadow-1:0 1px 2px #00000080;--shadow-2:0 8px 22px -10px #000000b3, 0 2px 6px -3px #00000080}}:root[data-theme=dark]{--ground:#0e1218;--surface:#161c25;--surface-2:#1c232e;--surface-3:#232c39;--rule:#2c3644;--rule-strong:#43505f;--ink:#eef2f7;--ink-2:#b4bfcc;--ink-3:#8d9aaa;--accent:#4a90d9;--accent-ink:#7fb3e8;--accent-soft:#16243a;--accent-line:#2e4a6e;--on-accent:#08101c;--ok:#58c795;--ok-soft:#12291f;--ok-line:#2c5a44;--warn:#f0996b;--warn-soft:#35231a;--warn-line:#6b4230;--shadow-1:0 1px 2px #00000080;--shadow-2:0 8px 22px -10px #000000b3, 0 2px 6px -3px #00000080}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--f-body);font-size:var(--fs-md);-webkit-text-size-adjust:100%;margin:0;font-weight:400;line-height:1.7}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;border-radius:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.amt{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:700}.neg{color:var(--warn)}.pos{color:var(--ok)}.row{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.field-label{font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:.08em;color:var(--ink-2);font-weight:500}.section-head{justify-content:space-between;align-items:baseline;gap:var(--sp-2);margin:calc(var(--sp-4) * -1) calc(var(--sp-4) * -1) var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--accent-soft);border-bottom:1px solid var(--accent-line);border-radius:var(--r-lg) var(--r-lg) 0 0;display:flex}.section-head__t{font-size:var(--fs-md);color:var(--ink);font-weight:700}.section-head__s{font-size:var(--fs-xs);color:var(--ink-2);font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-1)}.card--plain{box-shadow:none;background:0 0;border:none;padding:0}.card--dashed{text-align:center;color:var(--ink-2);box-shadow:none;background:0 0;border-style:dashed}.card--hero{background:linear-gradient(180deg,var(--accent-soft),var(--surface) 72%);border:1px solid var(--accent-line);box-shadow:var(--shadow-2);padding:var(--sp-5) var(--sp-4)}.card--hero.is-warn{background:linear-gradient(180deg,var(--warn-soft),var(--surface) 72%);border-color:var(--warn-line)}.card__empty{font-size:var(--fs-sm);color:var(--ink-2);margin:0}.hero__label{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--ink-2);font-weight:700;display:flex}.hero__value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:2px;font-size:clamp(28px,8vw,34px);font-weight:700;line-height:1.15}.hero__stats{gap:var(--sp-3);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;display:grid}.stat__k{font-size:var(--fs-xs);color:var(--ink-2);font-weight:500}.stat__v{font-size:var(--fs-xl);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.25}.badge{font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:.04em;white-space:nowrap;border:1px solid;border-radius:99px;padding:1px 8px;font-weight:500;display:inline-block}.badge--accent{color:var(--accent-ink);background:var(--accent-soft)}.badge--ok{color:var(--ok);background:var(--ok-soft)}.badge--warn{color:var(--warn);background:var(--warn-soft)}.badge--muted{color:var(--ink-2);background:var(--surface-3);border-color:var(--rule-strong)}.delta{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:99px;align-items:center;gap:3px;padding:2px 7px;font-weight:700;display:inline-flex}.delta--up{background:var(--warn-soft);color:var(--warn)}.delta--down{background:var(--ok-soft);color:var(--ok)}.delta--flat{background:var(--surface-3);color:var(--ink-2)}.chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.chip{font-size:var(--fs-sm);border:1px solid var(--rule-strong);color:var(--ink);background:var(--surface);border-radius:99px;align-items:center;padding:8px 14px;font-weight:500;line-height:1.4;display:inline-flex}.chip:hover{border-color:var(--ink-3)}.chip--on{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:700}.chip--sm{font-size:var(--fs-xs);padding:5px 11px}.segmented{background:var(--surface-3);border-radius:99px;gap:2px;padding:3px;display:inline-flex}.segmented button{font-size:var(--fs-xs);color:var(--ink-2);background:0 0;border:none;border-radius:99px;padding:5px 12px;font-weight:700}.segmented button.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.btn{text-align:center;background:var(--accent);width:100%;color:var(--on-accent);border-radius:var(--r-md);font-size:var(--fs-md);border:none;padding:13px;font-weight:700;display:block}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn--ghost{background:var(--surface);border:1px solid var(--rule-strong);color:var(--ink)}.btn--ghost:hover{background:var(--surface-3);filter:none}.btn--warn{background:var(--warn)}.btn--sm{width:auto;font-size:var(--fs-sm);border-radius:var(--r-sm);padding:7px 14px;display:inline-block}.list{flex-direction:column;display:flex}.li{align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--rule);padding:11px 0;display:flex}.li:last-child{border-bottom:none}.li__main{flex:1;min-width:0}.li__t{font-size:var(--fs-md);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.li__s{font-size:var(--fs-xs);color:var(--ink-2);margin-top:1px}.li__tail{text-align:right;flex:none}.li--tap{cursor:pointer}.li--tap:hover{background:var(--surface-2)}.li.is-selected{background:var(--accent-soft)}.input,.select,.textarea{color:var(--ink);background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--r-sm);max-width:100%;padding:9px 11px;font-family:inherit;font-size:16px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent-ink);outline:none}.textarea{resize:vertical;width:100%;line-height:1.7}.input--amt{text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums}.select--sm{font-size:var(--fs-sm);padding:5px 8px}.field{gap:var(--sp-1);flex-direction:column;display:flex}.back-link{color:var(--accent-ink);font-size:var(--fs-sm);background:0 0;border:none;align-items:center;gap:4px;padding:0;font-weight:500;display:inline-flex}.back-link:hover{text-decoration:underline}.page-head-row{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);display:flex}.toolbar{gap:var(--sp-2);flex-direction:column;display:flex}.toolbar .input{width:100%}.count-note{font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}.form{gap:var(--sp-4);flex-direction:column;display:flex}.form__row{gap:var(--sp-3);grid-template-columns:1fr;display:grid}@media (width>=640px){.form__row--2{grid-template-columns:1fr 1fr}.form__row--3{grid-template-columns:1fr 1fr 1fr}}.form__actions{gap:var(--sp-3);margin-top:var(--sp-2);display:flex}.form__actions .btn{flex:1;width:auto}.kv{gap:var(--sp-2) var(--sp-4);grid-template-columns:auto 1fr;margin:0;display:grid}.kv dt{font-family:var(--f-mono);font-size:var(--fs-xs);color:var(--ink-2);letter-spacing:.04em;padding-top:2px}.kv dd{font-size:var(--fs-sm);color:var(--ink);white-space:pre-wrap;word-break:break-word;margin:0}.kv dd:empty:after{content:"—";color:var(--ink-3)}.karte{white-space:pre-wrap;font-size:var(--fs-md);color:var(--ink);line-height:1.8}.karte--empty{color:var(--ink-3);font-size:var(--fs-sm)}.notice{border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn-line)}.notice--ok{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-line)}.notice--info{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-line)}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-main{min-width:0;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));flex:1}@media (width>=900px){.app-shell{flex-direction:row}.app-main{padding-bottom:0}}.app-header{z-index:10;background:var(--surface);border-bottom:1px solid var(--rule);padding-top:env(safe-area-inset-top);position:sticky;top:0}.app-header-brand{align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-3) var(--sp-4);text-align:left;font-family:var(--f-disp);font-weight:700;font-size:var(--fs-md);color:var(--ink);background:0 0;border:none;display:flex}.app-header-brand:active{background:var(--surface-2)}@media (width>=900px){.app-header{display:none}}.tabbar{z-index:20;background:var(--surface);border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{height:var(--nav-h);color:var(--ink-3);font-size:var(--fs-xs);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.tabbar a.active{color:var(--accent-ink);font-weight:700}.tabbar a.active .tab-mark{background:var(--accent-ink)}.tab-mark{background:0 0;border-radius:1px;width:18px;height:2px}@media (width>=900px){.tabbar{display:none}}.sidenav{display:none}@media (width>=900px){.sidenav{gap:var(--sp-1);width:var(--sidenav-w);flex-direction:column;flex:0 0 var(--sidenav-w);padding:var(--sp-5) var(--sp-3);background:var(--surface);border-right:1px solid var(--rule);display:flex}.sidenav .brand{align-items:center;gap:var(--sp-2);text-align:left;padding:var(--sp-1) var(--sp-3) var(--sp-4);font-family:var(--f-disp);font-weight:700;font-size:var(--fs-md);color:var(--ink);background:0 0;border:none;display:flex}.sidenav .brand:hover{color:var(--accent-ink)}.sidenav a{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:var(--ink-2);font-size:var(--fs-sm);text-decoration:none;display:block}.sidenav a:hover{background:var(--surface-2)}.sidenav a.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}.sidenav-group__toggle{width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:var(--ink-2);font-size:var(--fs-sm);background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}.sidenav-group__toggle:hover{background:var(--surface-2)}.sidenav-group__caret{color:var(--ink-3);font-size:var(--fs-xs)}.sidenav-group__items{padding-left:var(--sp-3);flex-direction:column;gap:2px;display:flex}.sidenav-group__soon{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--ink-3);display:flex}}.page{max-width:820px;padding:var(--sp-5) var(--sp-4) var(--sp-8);gap:var(--sp-4);flex-direction:column;margin:0 auto;display:flex}.page-head{flex-direction:column;gap:2px;display:flex}.page-head h1{font-family:var(--f-disp);font-weight:700;font-size:var(--fs-xl);margin:0}.page-head .sub{color:var(--ink-3);font-size:var(--fs-sm)}.login{min-height:100%;padding:var(--sp-5);place-items:center;display:grid}.login form{gap:var(--sp-3);flex-direction:column;width:min(360px,100%);display:flex}.login h1{font-family:var(--f-disp);font-weight:700;font-size:var(--fs-xl);margin:0 0 var(--sp-2)}.center-note{min-height:60vh;color:var(--ink-3);font-size:var(--fs-sm);place-items:center;display:grid}