:root{--bg:#141d3d;--panel:#182455;--border:#2b3a6f;--text:#eef3ff;--muted:#bfd0f2;--brand:#7db6ff;--brand-soft:#27386d;--accent:#86f0c8;--danger:#ff8a8a}[data-theme=white]{--bg:#fafcff;--panel:#fff;--border:#d9dfec;--text:#111;--muted:#4a5568;--brand:#4f83ff;--brand-soft:#edf3ff;--accent:#27c86b;--danger:#dc2626}[data-theme=black]{--bg:#141d3d;--panel:#182455;--border:#2b3a6f;--text:#eef3ff;--muted:#bfd0f2;--brand:#7db6ff;--brand-soft:#27386d;--accent:#86f0c8;--danger:#ff8a8a}[data-theme=red]{--bg:#2a151a;--panel:#321a20;--border:#4b2a32;--text:#ffecee;--muted:#ffc3cb;--brand:#fc8b9b;--brand-soft:#4b2a32;--accent:#fdbac3;--danger:#ef4444}[data-theme=blue]{--bg:#112449;--panel:#162c58;--border:#254072;--text:#eaf3ff;--muted:#bed0f1;--brand:#7fb5ff;--brand-soft:#254072;--accent:#a8ccff;--danger:#f87171}[data-theme=yellow]{--bg:#2b270d;--panel:#332f12;--border:#4d4622;--text:#fff6d0;--muted:#ecdca3;--brand:#ffd75a;--brand-soft:#4d4622;--accent:#ffe680;--danger:#f87171}[data-theme=green]{--bg:#0f241e;--panel:#153027;--border:#234739;--text:#e9fff6;--muted:#c3eadb;--brand:#5ce0b1;--brand-soft:#1a3b32;--accent:#86f0c8;--danger:#f87171}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,Helvetica Neue,Arial}a{color:#7db6ff;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1120px;margin:0 auto;padding:24px 16px}.header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(12,18,36,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}.header-inner{max-width:1120px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.nav a{margin-left:16px;font-size:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px}.form-title{font-weight:700;font-size:18px;color:var(--brand)}.header .form-title{color:var(--text)}.form-text{font-size:14px;line-height:1.6}.label{opacity:.85;margin-bottom:4px;display:block}.badge,.label{font-size:12px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#263252;border:1px solid #3a4a77;color:#cfe0ff}.input,select,textarea{width:100%;padding:8px 10px;background:#0f1630;color:var(--text);border:1px solid var(--border);border-radius:8px}[data-theme=white] .input,[data-theme=white] select,[data-theme=white] textarea{background:#fff;color:#111}textarea{resize:vertical}.btn{background:var(--brand);color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600}.btn:hover{filter:brightness(1.05)}.btn-secondary{background:var(--brand-soft);color:#dbe7ff;border:1px solid #2c3a60;padding:8px 12px;border-radius:8px;cursor:pointer}.btn-blue{background:#3b82f6;color:#fff}.btn-yellow{background:#eab308;color:#1f1f1f}.btn-red{background:#ef4444;color:#fff}.btn-blue-light{background:rgba(59,130,246,.18);color:#cfe0ff;border:1px solid #2c3a60}.btn-yellow-light{background:rgba(234,179,8,.22);color:#fff;border:1px solid rgba(234,179,8,.35)}.btn-red-light{background:rgba(239,68,68,.22);color:#ffdada;border:1px solid rgba(239,68,68,.35)}.btn-nav{padding:10px 14px;font-size:15px;border-radius:10px}@media (pointer:coarse){.btn-nav{padding:12px 16px;font-size:16px}}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.grid-4{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media(min-width:980px){.grid-4{grid-template-columns:1fr 1fr}}@media(max-width:860px){.grid-2,.grid-4{grid-template-columns:1fr}}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2>*+*{margin-left:8px}.text-right{text-align:right}.text-center{text-align:center}.tile{padding:16px;border-radius:12px;border:1px solid var(--border);background:var(--panel);min-height:160px;display:flex;flex-direction:column;justify-content:space-between}.tile h3{margin:0 0 8px;font-size:16px;color:var(--brand)}.tile p{margin:0;opacity:.9;font-size:14px}.tile .actions{margin-top:12px;display:flex;gap:8px}.handle{cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:4px 8px;border:1px dashed var(--border);border-radius:6px;font-size:12px}.page-row{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--border);border-radius:8px}.page-top{justify-content:space-between}.page-main,.page-top{display:flex;align-items:center;gap:8px}.page-title{font-weight:700}.page-sub{font-size:12px;opacity:.9;padding-left:36px}.progress{height:8px;border-radius:999px;background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.25);overflow:hidden}.progress>.bar{height:100%;background:var(--brand);width:0;transition:width .25s ease}.progress-meta{display:flex;justify-content:flex-end;margin-top:6px;font-size:12px;opacity:.9}.circle{width:96px;height:96px;border-radius:50%;border:6px solid hsla(0,0%,100%,.2);border-top:6px solid var(--brand);animation:spin 1s linear infinite;margin:12px auto}@keyframes spin{to{transform:rotate(1turn)}}@media print{.no-print{display:none!important}body{color:#000}.card,body{background:#fff}.card{border-color:#999}.badge{background:#eee;color:#222}}[data-theme=white] .btn-secondary{background:#eef2ff;color:#0f172a;border:1px solid #cbd5e1}[data-theme=white] .badge{background:#f3f4f6;color:#111827;border:1px solid #d1d5db}[data-theme=white] .card,[data-theme=white] .page-row,[data-theme=white] .tile{color:#111}.header .form-title,.header .nav a{color:#eaf0ff!important}[user-builder] .api-info,[user-builder] .debug,[user-builder] [data-debug],[user-builder] details[data-debug]{display:none!important}[data-theme=white] .btn-blue-light,[data-theme=white] .btn-red-light,[data-theme=white] .btn-yellow-light{color:#111!important;border:1px solid #cbd5e1}[data-theme=white] .btn-blue-light{background:#eef2ff}[data-theme=white] .btn-yellow-light{background:#fff7cc}[data-theme=white] .btn-red-light{background:#ffe4e6}@media (max-width:520px){.header .form-title{font-size:14px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.header .nav details>summary::-webkit-details-marker{display:none}.header .nav details[open]>summary{filter:brightness(1.05)}.header .nav details>summary{background:#3b82f6!important;color:#fff!important;border:1px solid #3b82f6!important;border-radius:10px;padding:6px 10px}.header .nav details>div{background:#3b82f6!important;border:1px solid #2563eb!important;border-radius:10px}.header .nav details>div a{color:#fff!important}.header .nav details>div a:hover{text-decoration:underline;filter:brightness(1.06)}