:root{--ink:#14213d;--muted:#5b6478;--teal:#0f766e;--teal-soft:#e6f4f1;--line:#e3e6ec;--bg:#f7f8fa;--danger:#b42318}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6}header{border-bottom:1px solid var(--line);background:#fff}header .in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:880px;margin:0 auto;padding:12px 16px;display:flex}header a.brand{color:var(--teal);font-size:18px;font-weight:700;text-decoration:none}header nav a{color:var(--muted);margin-left:14px;font-size:14px;text-decoration:none}main{max-width:880px;margin:0 auto;padding:24px 16px}h1{margin:0 0 8px;font-size:24px}h2{margin:24px 0 8px;font-size:18px}p{margin:8px 0}.muted{color:var(--muted);font-size:14px}.card{border:1px solid var(--line);background:#fff;border-radius:12px;margin:14px 0;padding:16px 18px}.big{color:var(--teal);font-size:44px;font-weight:800;line-height:1.2}form .row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=560px){form .row{grid-template-columns:1fr}}label{margin:10px 0 4px;font-size:14px;font-weight:600;display:block}input,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:10px 12px;font-size:16px}input:focus,select:focus{outline:2px solid var(--teal);outline-offset:1px}.check{align-items:center;gap:8px;font-weight:500;display:flex}.check input{width:auto}button,a.btn{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:12px 20px;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}button.secondary,a.btn.secondary{color:var(--teal);border:1px solid var(--teal);background:#fff}button.danger{color:var(--danger);border:1px solid var(--danger);background:#fff}button:disabled{opacity:.6;cursor:default}.actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.error{color:var(--danger);font-size:14px}.pr{color:var(--muted);border:1px solid var(--line);border-radius:4px;margin-right:6px;padding:1px 6px;font-size:12px;display:inline-block}table{border-collapse:collapse;background:#fff;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:right;padding:8px 10px}th:first-child,td:first-child{text-align:left}th{background:var(--teal-soft);font-weight:600}.card-preview{border:1px solid var(--line);border-radius:10px;width:100%;max-width:600px}.badge{background:var(--teal-soft);color:var(--teal);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.badge.up{color:var(--danger);background:#fde8e6}.bars{align-items:flex-end;gap:6px;height:120px;margin:12px 0;display:flex}.bars div{background:var(--teal);border-radius:4px 4px 0 0;flex:1;min-width:8px;position:relative}.bars div span{text-align:center;color:var(--muted);font-size:10px;position:absolute;bottom:-20px;left:0;right:0}footer{max-width:880px;color:var(--muted);margin:32px auto;padding:0 16px 32px;font-size:13px}footer a{color:var(--muted)}