:root{color-scheme:dark;--bg:#101416;--panel:#1b2225;--ink:#e7eeeb;--muted:#a5b5ae;--line:#3d4c46;--accent:#b7e5c6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;line-height:1.7}main{max-width:960px;margin:auto;padding:30px 24px}header{padding:24px 0 35px}.home,a{color:var(--accent)}.home{font-size:14px;text-decoration:none}.eyebrow{color:var(--accent);letter-spacing:.12em;font-size:13px;margin-top:32px}h1{font-size:clamp(30px,5vw,48px);line-height:1.35;font-weight:650;letter-spacing:.03em;margin:16px 0}.lead{color:var(--muted)}.badges{display:flex;gap:10px;flex-wrap:wrap}.badges span{border:1px solid var(--line);border-radius:30px;padding:3px 12px;font-size:12px}section{padding:26px;background:var(--panel);border:1px solid #2b3832;border-radius:16px;margin-bottom:20px}h2{font-size:19px;margin:0 0 19px}label{display:block;font-size:14px;margin:10px 0 6px}textarea,input,select,button{font:inherit}textarea,input,select{background:#101817;color:var(--ink);border:1px solid #52665b;border-radius:8px;padding:10px;width:100%;min-width:0}textarea{resize:vertical;font-family:ui-monospace,monospace;font-size:14px;line-height:1.6}button{border:1px solid #62786a;border-radius:8px;background:#26372e;color:var(--ink);padding:10px 16px;cursor:pointer;min-height:46px}.primary{background:var(--accent);color:#17281d;font-weight:700;border-color:var(--accent)}button:hover{filter:brightness(1.12)}:focus-visible{outline:3px solid #f6d38b;outline-offset:3px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.file{flex:1;margin:0;min-width:200px}.file input{font-size:13px}.hint{color:var(--muted);font-size:13px;margin:8px 0}.shortcut{margin-left:12px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}.warning{color:#f6d38b}.preview{margin:20px 0}.cue{border-top:1px solid var(--line);padding:14px 0;display:grid;grid-template-columns:46px 1fr;gap:8px}.cue-num{color:var(--accent);font-size:13px}.times{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-family:ui-monospace,monospace;font-size:12px;overflow-wrap:anywhere}.times span{display:block;color:var(--muted);font-family:system-ui}.cue p{white-space:pre-wrap;margin:6px 0;overflow-wrap:anywhere}.pr{display:flex;flex-direction:column;gap:3px;margin-top:25px;padding:20px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:13px}.pr strong{font-size:11px}.guide{background:transparent}.guide p{font-size:14px;color:var(--muted)}footer{text-align:center;color:var(--muted);font-size:12px;padding:20px}summary{cursor:pointer}#status{font-size:14px}[hidden]{display:none!important}@media(max-width:600px){main{padding:16px 12px}section{padding:18px 14px}.settings{grid-template-columns:1fr;gap:8px}.times{grid-template-columns:1fr}.shortcut{display:block;margin:8px 0}.toolbar button{flex:1}.cue{grid-template-columns:28px 1fr}}