:root{--crisp-green:#043828;--crisp-green-mid:#0b5a41;--crisp-green-soft:#e9f1ed;--crisp-ink:#10201a;--crisp-gray:#5c6b64;--crisp-line:#dce4e0;--crisp-paper:#fff;--crisp-bg:#f6f8f7;--crisp-danger:#a3271b;--font-body:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--crisp-bg);color:var(--crisp-ink);font-family:var(--font-body);margin:0;font-size:15px;line-height:1.7}.topbar{background:var(--crisp-green);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.brand{letter-spacing:.02em;font-weight:700}.brand.large{color:var(--crisp-green);font-size:1.5rem}.tag{background:var(--crisp-green-soft);color:var(--crisp-green);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:.75rem;font-weight:600}.who{align-items:center;gap:12px;font-size:.9rem;display:flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:960px;margin:0 auto;padding:16px;display:grid}.card{border:1px solid var(--crisp-line);background:var(--crisp-paper);border-radius:12px;min-width:0;padding:16px 20px}.card.wide{grid-column:1/-1}.card h2{color:var(--crisp-green);margin:0 0 12px;font-size:1rem}.signed-out{place-items:center;min-height:100vh;padding:16px;display:grid}.card.center{text-align:center;gap:12px;width:100%;max-width:360px;display:grid}.kv{grid-template-columns:auto 1fr;gap:4px 16px;margin:0;display:grid}.kv dt{color:var(--crisp-gray);font-size:.85rem}.kv dd{overflow-wrap:anywhere;margin:0}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grow{flex:200px;min-width:0}input,select{border:1px solid var(--crisp-line);color:inherit;font:inherit;background:#fff;border-radius:8px;padding:8px 10px}.weight input{width:72px;margin-right:4px}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:8px 16px;font-weight:600}.btn.primary{background:var(--crisp-green);color:#fff}.btn.primary:hover{background:var(--crisp-green-mid)}.btn.primary:disabled{opacity:.6;cursor:default}.btn.ghost{color:inherit;background:0 0;border-color:currentColor}.btn.small{padding:2px 12px;font-size:.8rem;font-weight:500}.btn:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--crisp-green-mid);outline-offset:2px}.chip{background:var(--crisp-green-soft);color:var(--crisp-green);white-space:nowrap;border-radius:999px;padding:0 10px;font-size:.75rem;font-weight:600;display:inline-block}.list{margin:12px 0 0;padding:0;list-style:none}.list li{border-top:1px solid var(--crisp-line);align-items:center;gap:10px;padding:8px 0;display:flex}.list .grow{overflow-wrap:anywhere;flex:1 1 0}.list a{color:var(--crisp-green-mid)}.num{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--crisp-gray)}.status{margin:8px 0;font-weight:600}.status.ok{color:var(--crisp-green-mid)}.status.ng{color:var(--crisp-danger)}.muted,.note{color:var(--crisp-gray);margin:8px 0 0;font-size:.85rem}@media (width<=640px){.grid{grid-template-columns:minmax(0,1fr)}}