:root{--bg:#f6f5f2;--panel:#eeece7;--panel-border:#e1ded7;--surface:#fff;--ink:#2b2a28;--muted:#8c887f;--accent:#5b6b66;--accent-soft:#dce3e0;--active-row:#e4e1da;--danger:#a8503e;--warn:#a8813f;--radius:8px;--radius-sm:5px;--ui-font:"Hiragino Maru Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--fs-2xs:10px;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1e1e1e;--panel:#262624;--panel-border:#34322f;--surface:#2a2926;--ink:#e8e6e2;--muted:#8e8a82;--accent:#9fb3ac;--accent-soft:#33403c;--active-row:#313028;--danger:#c96a53;--warn:#c99a5a}}:root[data-theme=dark]{--bg:#1e1e1e;--panel:#262624;--panel-border:#34322f;--surface:#2a2926;--ink:#e8e6e2;--muted:#8e8a82;--accent:#9fb3ac;--accent-soft:#33403c;--active-row:#313028;--danger:#c96a53;--warn:#c99a5a}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--ink);background:var(--bg);font-family:var(--ui-font);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;line-height:1.6;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button,select,input{color:inherit;font-family:inherit;font-size:var(--fs-base)}button,select{background:var(--surface);border:1px solid var(--panel-border);border-radius:var(--radius);cursor:pointer;padding:5px 12px;transition:border-color .12s,background-color .12s,filter .12s}button:hover,select:hover{border-color:var(--muted)}button:active{transform:translateY(.5px)}button:disabled{cursor:default;opacity:.5}button:focus-visible,select:focus-visible{outline:2px solid var(--accent-soft);outline-offset:1px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--surface);font-weight:600}.btn-primary:hover{filter:brightness(.92);border-color:var(--accent)}.btn-primary:disabled{filter:none}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:var(--danger);color:var(--surface)}.btn-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;line-height:1;display:inline-flex}input[type=text],input[type=number],select{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--surface);color:var(--ink);padding:5px 8px}input:focus,select:focus{outline:2px solid var(--accent-soft);outline-offset:1px;border-color:var(--accent)}progress{appearance:none;background:var(--panel-border);border:none;border-radius:999px;width:100%;height:6px;overflow:hidden}progress::-webkit-progress-bar{background:var(--panel-border);border-radius:999px}progress::-webkit-progress-value{background:var(--accent);border-radius:999px;transition:width .15s}progress::-moz-progress-bar{background:var(--accent);border-radius:999px}