:root{--green:#2f7d5b;--green-light:#e6f2ec;--text:#1f2a24;--muted:#6b7570;--border:#d9dfdb;--bg:#f5f7f6;--card:#fff;--error:#c0392b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}.center{justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.card{background:var(--card);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:24px 20px;display:flex;box-shadow:0 2px 12px #0000000f}h1{text-align:center;margin:0;font-size:22px}p{margin:0;line-height:1.6}.muted{color:var(--muted);font-size:14px}.error{color:var(--error);font-size:14px}label{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}input{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:12px;font-size:16px}input:focus{outline:2px solid var(--green);border-color:#0000}button{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:600}button:disabled{opacity:.6}button.secondary{background:var(--green-light);color:var(--green)}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list li{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.tag{color:var(--green);background:var(--green-light);border-radius:999px;padding:2px 8px;font-size:12px}code{background:var(--green-light);border-radius:4px;padding:1px 4px}