:root{--bg:#f9fafb;--card:#fff;--text:#45515f;--text-strong:#1d2835;--muted:#75808d;--border:#e5e9ef;--accent:#0f766e;--accent-soft:#0f766e2e;--shadow-soft:0 10px 24px -18px #0f172a73;--font-sans:"Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;--font-display:"Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;font:16px/1.6 var(--font-sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background-image:radial-gradient(circle at 1px 1px,#1118270a 1px,#0000 0),linear-gradient(#fff 0%,#f4f6f8 100%);background-size:24px 24px,100% 100%;min-height:100vh;margin:0}#root{min-height:100vh}.page{flex-direction:column;gap:28px;width:min(1080px,100% - 48px);margin:0 auto;padding:48px 24px 80px;display:flex}.hero{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding-bottom:20px;display:flex}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:13px}.hero h1{font-family:var(--font-display);color:var(--text-strong);margin:0 0 12px;font-size:clamp(26px,3vw,38px);font-weight:600}.subhead{color:var(--text);max-width:520px;margin:0}.stats{gap:16px;display:flex}.stats div{background:var(--card);border:1px solid var(--border);text-align:center;min-width:120px;box-shadow:var(--shadow-soft);border-radius:16px;padding:12px 16px}.stats span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.stats strong{color:var(--text-strong);font-size:22px}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:18px;padding:20px 22px}.controls{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:8px;display:flex}label{color:var(--muted);font-size:13px}input,select{font:16px/1.4 var(--font-sans);border:1px solid var(--border);color:var(--text-strong);background:#fff;border-radius:12px;padding:10px 12px}input:focus,select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.buttons{flex-wrap:wrap;gap:10px;display:flex}button{border:1px solid var(--border);color:var(--text-strong);font:15px/1 var(--font-sans);cursor:pointer;background:#fff;border-radius:999px;padding:8px 16px;transition:transform .15s,box-shadow .15s}button:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}button.primary{background:var(--accent);color:#fff;border-color:#0000}button.ghost{color:var(--muted);background:0 0}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;display:flex}.note{margin-left:auto}.result{border:1px solid var(--border);background:#fff;border-radius:12px;padding:10px 12px;font-size:14px}.result.ok{color:#0f5132;background:#f0fbf7;border-color:#b7e3d8}.result.ng{color:#7a2b1d;background:#fff5f2;border-color:#f2d2c8}.set-area h2,.log h2{font-family:var(--font-display);color:var(--text-strong);margin:0 0 6px;font-size:20px}.hint{color:var(--muted);margin:0 0 16px;font-size:13px}.chips{flex-wrap:wrap;align-content:flex-start;gap:10px;min-height:240px;display:flex}.chip{border:1px solid var(--border);background:#fff;border-radius:14px;padding:10px 14px;animation:.3s fadeUp}.chip-label{color:var(--text-strong);font-weight:600;display:block}.log-list{gap:8px;display:grid}.log-item{color:var(--text);border:1px solid var(--border);background:#fff;border-radius:12px;gap:10px;padding:8px 10px;font-size:13px;animation:.3s fadeUp;display:flex}.log-item.success{border-color:#cfe8e2}.log-item.warn{border-color:#f2d2c8}.log-item.info{border-color:#dfe6ed}.time{color:var(--muted);min-width:52px}.empty{color:var(--muted);font-size:13px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hero{flex-direction:column;align-items:flex-start}.stats{width:100%}.note{margin-left:0}}@media (width<=600px){.page{width:min(100%,100% - 32px);padding:32px 16px 64px}.stats{flex-direction:column}}