:root{--bg: #111318;--panel: #1b1e26;--card: #262a35;--text: #ececec;--muted: #9aa0a6;--accent: #4caf50;--danger: #ff8a80;--pro: #ffb74d;font-family:Segoe UI,Hiragino Sans,Yu Gothic UI,system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text)}header{padding:12px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #2a2e3a;flex-wrap:wrap}header h1{font-size:18px;margin:0;min-width:0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}header h1 .tag{font-weight:400}header .brand{font-size:18px;font-weight:700;color:var(--text);text-decoration:none}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}header .tag{font-size:12px;color:var(--muted)}main{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,920px);justify-content:center;gap:16px;padding:16px 20px;min-height:calc(100vh - 60px)}@media(max-width:860px){main{grid-template-columns:1fr}}.panel{background:var(--panel);border-radius:10px;padding:14px;min-width:0}.panel h2{font-size:14px;margin:0 0 8px;color:var(--muted);font-weight:600}button{background:#3a3d48;color:var(--text);border:none;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:14px}button:hover{background:#474b58}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:#0a0a0a;font-weight:600}button.danger{background:#c0392b}button.pro{background:var(--pro);color:#1a1a1a;font-weight:600}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0}.status{font-size:13px;color:var(--muted);min-height:1.4em}.level{height:4px;background:#2b2d31;border-radius:2px;overflow:hidden;margin:6px 0}.level>div{height:100%;width:0;background:var(--accent);transition:width 80ms linear}.progress{height:6px;background:#2b2d31;border-radius:3px;overflow:hidden}.progress>div{height:100%;width:0;background:#64b5f6}textarea{background:#0f1116;color:var(--text);border:1px solid #3a3d48;border-radius:6px;padding:8px;width:100%;font-size:13px;font-family:Consolas,Yu Gothic UI,monospace;resize:vertical}input[type=text],input[type=email],input[type=url],input[type=password],input[type=tel],input[type=search]{background:#0f1116;color:var(--text);border:1px solid #3a3d48;border-radius:6px;padding:8px;width:100%;font-size:14px}select{background:#0f1116;color:var(--text);border:1px solid #3a3d48;border-radius:6px;padding:6px}.subtitles{display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:calc(100vh - 200px)}.card{background:var(--card);border-radius:8px;padding:8px 10px}.card .en{color:#b8bcc2;font-size:13px}.card .ja{color:#fff;font-size:17px;font-weight:600;margin-top:2px}.card .ja.err{color:var(--danger);font-weight:400}.preview{color:var(--muted);font-style:italic;min-height:1.5em;margin-top:8px}.subs-empty{color:var(--muted);font-size:14px;line-height:1.9;padding:12px 2px}.hint{font-size:12px;color:var(--muted)}.notice{background:#2b2410;border:1px solid #6b5a1e;color:#ffe6a8;padding:8px 10px;border-radius:6px;font-size:13px}.key{font-family:Consolas,monospace;background:#0f1116;padding:6px 8px;border-radius:6px;user-select:all}.pip-body{margin:0;background:#111318f5;color:#fff;font-family:Segoe UI,Hiragino Sans,Yu Gothic UI,system-ui,sans-serif;overflow:hidden}.pip-status{display:flex;align-items:center;gap:8px;padding:5px 10px;font-size:12px;color:#9aa0a6;background:#ffffff0f}.pip-meter{display:inline-block;width:46px;height:4px;background:#2b2d31;border-radius:2px;overflow:hidden;flex:0 0 auto}.pip-meter>span{display:block;height:100%;width:0;background:var(--accent);transition:width 80ms linear}.pip-status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pip-subtitles{display:flex;flex-direction:column;gap:6px;height:calc(100vh - 26px);padding:10px 12px;overflow-y:auto;overscroll-behavior:contain}.pip-subtitles>:first-child{margin-top:auto}.pip-subtitles .card{background:transparent;padding:0}.pip-subtitles .card .en{font-size:13px;color:#b8bcc2}.pip-subtitles .card .ja{font-size:22px;line-height:1.35}.pip-subtitles .preview{font-size:13px}header{justify-content:space-between}header h1{flex:0 0 auto}header .tag{flex:1 1 auto}button.help,a.help{background:#2f4f7a;color:#dbeaff;font-weight:600;white-space:nowrap;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:14px}.primary-help{background:#3a6ea5}.primary-help:hover{background:#4a80bb}.donate{background:transparent;border:1px solid #4a5568;color:#c8b3d6;font-weight:500}.donate:hover{background:#2a2233;border-color:#6b5a7e;color:#e0cdf0}button.help:hover{background:#3a5f93}button.linklike{background:none;color:#79b8ff;padding:0;font-size:12px;text-decoration:underline}button.linklike:hover{background:none;color:#a8d1ff}dialog#guide{background:var(--panel);color:var(--text);border:1px solid #3a3d48;border-radius:12px;padding:0;width:min(760px,92vw);max-height:86vh;overflow:hidden;display:none}dialog#guide[open]{display:flex;flex-direction:column}dialog#guide::backdrop{background:#0000009e}.guide-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #2a2e3a;flex:0 0 auto}.guide-head h2{margin:0;font-size:17px;color:var(--text)}.guide-close{background:none;font-size:22px;line-height:1;padding:2px 8px;color:var(--muted)}.guide-close:hover{background:#3a3d48}.guide-body{padding:4px 18px 8px;overflow-y:auto;flex:1 1 auto;font-size:14px;line-height:1.75}.guide-body h3{font-size:14px;color:#9fd0ff;margin:20px 0 6px}.guide-lead{background:#1a2430;border-left:3px solid #4a90d9;padding:10px 12px;border-radius:0 6px 6px 0;margin:14px 0}.guide-body ul,.guide-body ol{padding-left:1.4em;margin:6px 0}.guide-steps>li{margin-bottom:10px}.guide-important{background:#3a2a12;border:1px solid #8a6520;border-radius:6px;padding:10px 12px;margin-left:-.6em;list-style-position:inside}.guide-important b{color:#ffd88a}.guide-faq{margin:6px 0}.guide-faq dt{font-weight:600;color:#ffd88a;margin-top:12px}.guide-faq dd{margin:2px 0 0;color:#d5d8dd}.guide-foot{padding:12px 18px;border-top:1px solid #2a2e3a;text-align:right;flex:0 0 auto}@media(max-width:600px){header{flex-wrap:wrap}.guide-body{font-size:13px}}.guide-table{border-collapse:collapse;width:100%;margin:8px 0;font-size:13px}.guide-table th,.guide-table td{border:1px solid #3a3d48;padding:6px 8px;text-align:left}.guide-table th{background:#232733;color:#9fd0ff}.guide-table td:first-child{color:var(--muted)}.guide-table th,.guide-table td{vertical-align:top;overflow-wrap:anywhere}.admin-main{display:block;max-width:1100px;margin-inline:auto}.admin-main .panel{margin-bottom:16px}.totals{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.total-box{background:var(--card);border-radius:8px;padding:8px 12px;min-width:110px}.total-label{font-size:11px;color:var(--muted)}.total-value{font-size:20px;font-weight:600}.table-scroll{overflow-x:auto}.admin-main table{border-collapse:collapse;width:100%;font-size:13px}.admin-main th,.admin-main td{border:1px solid #3a3d48;padding:5px 8px;text-align:right;white-space:nowrap}.admin-main th{background:#232733;color:#9fd0ff;position:sticky;top:0}.admin-main td:first-child,.admin-main th:first-child{text-align:left}code{background:#0f1116;padding:1px 5px;border-radius:4px}.support{grid-column:1 / -1;min-width:0;display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.support a{color:#79b8ff}.choice{background:#20242e;border:1px solid #333846;border-radius:8px;padding:10px;margin:8px 0}.choice>label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.choice>select{width:100%;margin-bottom:6px}.choice-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:11px;margin:8px 0 6px}.choice-table th,.choice-table td{border:1px solid #3a3d48;padding:4px 5px;text-align:left;vertical-align:top;overflow-wrap:anywhere;line-height:1.4}.choice-table th{background:#262b36;color:#9fd0ff;font-weight:600}.choice-table td:nth-child(2){color:#ffd88a}.choice-table th:nth-child(1),.choice-table td:nth-child(1){width:46%}.choice-table th:nth-child(2),.choice-table td:nth-child(2){width:18%}.choice-table th:nth-child(3),.choice-table td:nth-child(3){width:36%}.contact-panel{max-width:680px}.contact-panel label{display:block;font-size:13px;font-weight:600;margin:16px 0 4px}.req,.opt{font-size:11px;font-weight:600;margin-left:8px;padding:1px 6px;border-radius:3px;vertical-align:middle}.req{background:#7a2a2a;color:#ffd7d7}.opt{background:#33384a;color:var(--muted)}.contact-panel select{width:100%}.consent{background:#1b1f28;border:1px solid #333846;border-radius:8px;padding:10px 12px;margin:18px 0 6px}.consent .hint{margin:0 0 8px}.consent-check{display:flex;align-items:center;gap:8px;margin:0;font-weight:600}.consent-check input{width:auto}.contact-panel input[type=text],.contact-panel input[type=email],.contact-panel textarea{width:100%}#website{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}header a.help{text-decoration:none;display:inline-block}.contact-item{background:var(--card);border-radius:8px;padding:10px 12px;margin-bottom:10px}.contact-head{font-size:12px;color:var(--muted);margin-bottom:6px}.contact-body{font-size:14px;white-space:pre-wrap;word-break:break-word}.contact-reply{display:inline-block;margin-top:8px;font-size:12px;color:#79b8ff}.contact-item.handled{opacity:.55}.contact-item .row{margin-top:8px;align-items:center}.contact-item button{font-size:12px;padding:4px 10px}.legal-panel{max-width:780px;line-height:1.85}.legal-panel h2{font-size:14px;color:#9fd0ff;margin:22px 0 6px}.legal-panel h1{font-size:18px;margin:0 0 4px}.legal-panel p{font-size:13px;margin:6px 0}.legal-lead{background:#1a2430;border-left:3px solid #4a90d9;padding:10px 12px;border-radius:0 6px 6px 0}.legal-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;padding-top:14px;border-top:1px solid #2a2e3a}.legal-links a{color:#79b8ff;font-size:12px}.faq{grid-column:2}.faq dl{margin:0}.faq dt{font-weight:600;margin:16px 0 4px;color:#9fd0ff}.faq dt:first-of-type{margin-top:8px}.faq dd{margin:0;font-size:13px;line-height:1.8;color:var(--text);max-width:760px}.guides{grid-column:1}.guides ul{margin:8px 0 0;padding-left:20px}.guides li{margin:6px 0;font-size:14px}.guides a{color:#79b8ff}.article{max-width:780px;line-height:1.9}.article h1{font-size:22px;margin:4px 0 8px}.article h2{font-size:17px;color:#9fd0ff;margin:28px 0 8px}.article h3{font-size:15px;margin:20px 0 6px}.article p,.article li{font-size:14px}.article a{color:#79b8ff}.article table{border-collapse:collapse;margin:12px 0}.article th,.article td{border:1px solid #3a3d48;padding:6px 10px;font-size:13px;text-align:left}.article th{background:#232733;color:#9fd0ff}.crumbs{font-size:12px;color:var(--muted);margin-bottom:8px}.guide-list{list-style:none;padding:0;margin:16px 0 0}.guide-list li{border-top:1px solid #2a2e3a;padding:14px 0}.guide-list a{font-size:15px;font-weight:600;color:#79b8ff;display:block}.guide-list .hint{display:block;margin-top:4px}.crumbs a{color:var(--muted)}.article-cta{margin:32px 0 8px}a.cta{display:inline-block;background:var(--accent);color:#06210a;font-weight:700;padding:12px 20px;border-radius:8px;text-decoration:none}a.cta:hover{background:#66c46a}@media(max-width:860px){.guides,.faq{grid-column:1}}.handheld{grid-column:1 / -1;border:1px solid #4a5568}.handheld h2{color:var(--pro);font-size:15px}.handheld p{font-size:14px;line-height:1.9;margin:6px 0}.handheld a{color:#79b8ff}@media(max-width:700px){header h1{flex-direction:column;gap:2px;max-width:100%}header h1 .tag,header .tag{font-size:12px}button,a.help{min-height:44px;font-size:15px}select,textarea,input[type=text],input[type=email],input[type=url],input[type=password],input[type=tel],input[type=search]{min-height:44px;font-size:16px}textarea{min-height:120px}.hint,.status{font-size:13px}.article p,.article li{font-size:15px}.article table,.guide-table{display:block;width:max-content;max-width:100%;overflow-x:auto}}