:root{--bg:#0f1116;--surface:#171a21;--surface-2:#1f2430;--border:#2b313d;--text:#e8eaf0;--muted:#9aa3b2;--accent:#6ee7a8;--accent-dim:#2d7a54;--warn:#f5b971;--danger:#f27a7a;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;line-height:1.3}.app{max-width:720px;margin:0 auto;padding:1rem 1rem 5.5rem}.nav{padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:10;justify-content:center;gap:.25rem;display:flex;position:fixed;inset:auto 0 0}.nav a{text-align:center;max-width:8rem;color:var(--muted);border-radius:10px;flex:1 1 0;padding:.5rem .25rem;font-size:.75rem}.nav a[aria-current=page]{background:var(--surface-2);color:var(--accent)}.nav .nav-icon{font-size:1.15rem;line-height:1.4;display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;padding:1rem}.card-title{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.muted{color:var(--muted)}.small{font-size:.8rem}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.1rem .5rem;font-size:.75rem;display:inline-block}.chip-accent{color:var(--accent);border-color:var(--accent-dim)}.notice{border-radius:10px;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.8rem}.notice-warn{background:color-mix(in srgb, var(--warn) 15%, transparent);border:1px solid color-mix(in srgb, var(--warn) 40%, transparent);color:var(--warn)}.notice-info{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid var(--accent-dim);color:var(--accent)}.notice-error{background:color-mix(in srgb, var(--danger) 15%, transparent);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);color:var(--danger)}button,.button{font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:10px;padding:.45rem .9rem;font-size:.85rem}button:hover,.button:hover{border-color:var(--accent-dim)}button.primary{background:var(--accent);border-color:var(--accent);color:#0b2018;font-weight:600}button.danger{color:var(--danger)}input,select,textarea{font:inherit;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:10px;padding:.45rem .6rem;font-size:.9rem}label{color:var(--muted);margin-bottom:.2rem;font-size:.78rem;display:block}.field{margin-bottom:.6rem}.row{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.row>*{flex:8rem}.tabs{gap:.4rem;margin-bottom:.75rem;display:flex}.tabs a{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.35rem .8rem;font-size:.85rem}.tabs a[aria-current=true]{background:var(--accent);border-color:var(--accent);color:#0b2018;font-weight:600}table{border-collapse:collapse;width:100%;font-size:.85rem}td,th{text-align:left;border-bottom:1px solid var(--border);padding:.3rem 0}td.num,th.num{text-align:right;white-space:nowrap}