body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,sans-serif;color:#0f172a;background:radial-gradient(1200px 600px at 80% -100px,#dbeafe 10%,transparent 60%),radial-gradient(1000px 500px at -200px 100%,#f1f5f9 10%,transparent 60%),#f8fafc;line-height:1.5}.container{min-height:100svh;display:grid;place-items:center;padding:2rem}.card{width:100%;max-width:550px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card__header{margin-bottom:.75rem}.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:.2px;font-size:1.05rem}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,sans-serif;color:#0f172a;background:radial-gradient(1200px 600px at 80% -100px,#dbeafe 10%,transparent 60%),radial-gradient(1000px 500px at -200px 100%,#f1f5f9 10%,transparent 60%),#f8fafc;line-height:1.6}:root{--bg: #ffffff;--border: #e5e7eb;--text-muted: #64748b;--brand: #2563eb;--brand-press: #1e40af;--focus: #93c5fd;--shadow: 0 10px 30px rgba(2,6,23,.06);--radius: 14px}@media (prefers-color-scheme: dark){body{color:#e5e7eb;background:#0b1220}:root{--bg:#0f172a;--border:#1f2a44;--text-muted:#94a3b8;--brand:#60a5fa;--brand-press:#3b82f6;--focus:#60a5fa33;--shadow: 0 10px 30px rgba(0,0,0,.4)}}.wrap{max-width:1100px;margin:0 auto;padding:2rem}.container-center{min-height:100svh;display:grid;place-items:center;padding:2rem}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card-title{font-weight:700;margin:.1rem 0 .75rem}.hr{height:1px;background:var(--border);margin:.5rem 0 1rem;border:0}.muted{color:var(--text-muted)}.chips .chip,.chip{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;background:#434343;margin:.1rem .25rem .1rem 0}.header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;letter-spacing:.2px;font-size:1.05rem}.nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.nav a{padding:.45rem .75rem;border-radius:10px;text-decoration:none;color:inherit}.nav a:hover{background:#eef2ff55}.form{display:grid;gap:.9rem}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.input,textarea,select,button{font:inherit}.input,textarea,select{width:100%;padding:.7rem .85rem;border:1px solid var(--border);border-radius:10px;background:transparent;color:inherit;outline:none}.input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--focus)}button.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1rem;border-radius:10px;border:1px solid transparent;background:var(--brand);color:#fff;font-weight:700;cursor:pointer}button.btn:hover{background:var(--brand-press)}button.btn.outline{background:transparent;color:inherit;border-color:var(--border)}.msg{font-size:.92rem;min-height:1.2em}.msg--ok{color:#16a34a}.msg--err{color:#dc2626}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:1fr}@media (min-width: 960px){.grid-2{grid-template-columns:1fr 1fr}}.list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.list>li{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:.6rem .7rem}.item{display:flex;align-items:center;gap:.6rem}.spacer{margin-left:auto}mark{background:#fde68a;padding:0 .15em;border-radius:.2em}.header__bar{display:flex;align-items:center;justify-content:space-between;height:56px}.brand,.brand:visited{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.brand:hover{opacity:.92}.brand__icon{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 rgba(0,0,0,.02))}.brand__text{font-weight:800;letter-spacing:.2px;font-size:1.05rem}.nav a{text-decoration:none;margin-left:.75rem}.nav a:hover{opacity:.92}