:root{color-scheme:dark;--bg: #0b0b0c;--surface: rgba(255, 255, 255, .055);--surface-2: rgba(255, 255, 255, .035);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--faint: rgba(255, 255, 255, .52);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .18);--shadow: 0 14px 40px rgba(0, 0, 0, .55);--focus: rgba(255, 255, 255, .26);--radius: 14px;--radius-sm: 10px;--pad: 14px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic UI,Arial,sans-serif;font-size:15px;line-height:1.5;background:radial-gradient(900px 520px at 15% 0%,rgba(255,255,255,.055),transparent 62%),radial-gradient(900px 520px at 85% 20%,rgba(255,255,255,.03),transparent 60%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-decoration-color:#ffffff47}.container{max-width:1120px;margin:0 auto;padding:28px 18px 64px;display:flex;flex-direction:column;gap:16px}.header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:0}.title{font-size:24px;font-weight:720;letter-spacing:.2px}.subtitle{color:var(--muted);font-size:14px;line-height:1.45}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:900px){.grid{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,#fff1,#ffffff0b);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card h2{margin:0 0 10px;font-size:14px;letter-spacing:.22px;color:#ffffffe0}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}.field{display:flex;flex-direction:column;gap:6px}.labelRow{display:flex;align-items:baseline;justify-content:space-between;gap:10px}label{font-size:12px;color:var(--muted)}.required{color:#ffffffc7}label{font-size:13px;color:var(--muted)}.hint{font-size:13px;color:var(--faint);line-height:1.45}input[type=text],input[type=file],textarea,select{width:100%;background:#00000038;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;outline:none;font-size:14px;line-height:1.45}textarea::placeholder,input::placeholder{color:#fff6}select option,select optgroup{background-color:#0b0b0c;color:#ffffffeb}input[type=file]{padding:8px 10px}input[type=file]::file-selector-button{margin-right:10px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);border-radius:999px;padding:8px 10px;cursor:pointer}input[type=file]::file-selector-button:hover{border-color:var(--border-strong);background:#ffffff14}textarea{resize:vertical;min-height:92px}input[type=text]:hover,input[type=file]:hover,textarea:hover,select:hover{border-color:var(--border-strong)}input[type=text]:focus,input[type=file]:focus,textarea:focus,select:focus{border-color:#ffffff42;box-shadow:0 0 0 4px var(--focus)}button{border:1px solid var(--border);background:#ffffff0f;color:var(--text);padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:transform 80ms ease,background .12s ease,border-color .12s ease,opacity .12s ease;font-size:14px}button:hover{border-color:var(--border-strong);background:#ffffff14}button:active{transform:translateY(.5px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:#ffffffeb;color:#000000eb;border-color:#ffffff38}button.primary:hover{background:#fffffffa}button.danger{border-color:#ff505059;color:#ffdcdceb}button.danger:hover{border-color:#ff505085;background:#ff505012}.pill{font-size:13px;color:var(--muted);border:1px solid var(--border);background:#0000002e;border-radius:999px;padding:6px 10px}.list{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow:auto;padding-right:2px}.item{border:1px solid var(--border);border-radius:12px;padding:10px;display:flex;justify-content:space-between;gap:10px;align-items:center;background:#00000029}.item.selected{border-color:#ffffff38;background:#ffffff0a}.item strong{font-size:13px}.item strong{font-size:14px}.item small{display:block;color:var(--muted);font-size:12px;line-height:1.35}.status{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.45;color:#ffffffd1;background:#00000047;border:1px solid var(--border);border-radius:12px;padding:10px;min-height:84px}.callout{border:1px dashed rgba(255,255,255,.18);border-radius:12px;padding:10px;color:var(--muted);background:#00000029}.refSummary{border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:10px;background:#00000029}.refSummary .name{font-size:14px;font-weight:650}.refSummary .meta{font-size:12px;color:var(--muted);margin-top:2px}.refSummary .text{margin-top:8px;font-size:13px;color:#ffffffc7;max-height:3.8em;overflow:hidden;text-overflow:ellipsis}@media(min-width:980px){.container{min-height:100svh;padding:44px 22px 60px;justify-content:center}}audio{width:100%;margin-top:10px}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px;border:2px solid rgba(0,0,0,.22)}*::-webkit-scrollbar-thumb:hover{background:#ffffff2e}
