: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}button.secondary{background:transparent;color:var(--text);border:1px solid #4a5568}button.secondary:hover{background:#2a2f3b}.share-box{margin:10px 0 4px;font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:8px}.button.share-x{background:#000;color:#fff;border:1px solid #3a3d48;border-radius:6px;padding:6px 12px;font-weight:600;text-decoration:none}.button.share-x:hover{background:#1a1a1a}.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)}.launch-banner{grid-column:1 / -1;margin:0;padding:10px 14px;border-radius:10px;background:#2a1a12;border:1px solid #da552f;color:#ffd9cc;font-size:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.launch-banner a{color:#ffb199;font-weight:700}.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>.check{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:400;margin:10px 0 2px;cursor:pointer}.choice>.check input{margin:0}.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}html[lang=ja] .guides li[data-lang=en],html[lang=en] .guides li[data-lang=ja]{display:none}.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:17px;line-height:1.5}.handheld p{font-size:14px;line-height:1.9;margin:6px 0}.handheld a{color:#79b8ff}.handheld-demo{margin:12px 0 14px}.demo-video{width:100%;display:block;border-radius:10px;background:#0f1116;border:1px solid #2a2e3a}.handheld-demo figcaption{font-size:12px;color:var(--muted);margin-top:6px}.handheld-domain{background:#0f1116;border-radius:8px;padding:10px 12px}.handheld-domain b{display:block;font-size:22px;letter-spacing:.02em;color:#fff;margin-top:4px;user-select:all}.handheld-actions{display:flex;flex-direction:column;gap:8px;margin:12px 0}.handheld-actions button,.handheld-actions .button{width:100%;padding:12px;font-size:15px;text-align:center;border-radius:8px;text-decoration:none;display:block}.button{background:#3a3d48;color:var(--text)}.button.line{background:#06c755;color:#fff;font-weight:600}.hero{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,460px);gap:24px;align-items:center;padding:24px;border:1px solid #2f3442;background:linear-gradient(135deg,#1b1e26,#1f2530)}@media(max-width:860px){.hero{grid-template-columns:1fr}}.panel .hero-title{font-size:26px;line-height:1.35;margin:0 0 10px;color:#fff;font-weight:700}.hero-lead{font-size:15px;line-height:1.8;color:#c9cdd3;margin:0 0 12px}.hero-chips{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:6px}.hero-chips li{font-size:12px;color:#dfe3e8;background:#2a2f3b;border:1px solid #3a4050;border-radius:999px;padding:4px 10px}.hero-actions{gap:14px}button.big{font-size:16px;padding:12px 20px}.hero-demo{display:grid;gap:8px}.demo-screen{position:relative;aspect-ratio:16 / 9;border-radius:8px;background:radial-gradient(ellipse at 30% 30%,#2c3a55,#141824 70%);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:0 0 18px}.demo-bars{display:flex;align-items:flex-end;gap:4px;height:40%}.demo-bars i{width:6px;background:#64b5f6;border-radius:3px;height:30%;animation:demo-bar 1.1s ease-in-out infinite}.demo-bars i:nth-child(2n){animation-delay:.15s;height:60%}.demo-bars i:nth-child(3n){animation-delay:.3s;height:45%}.demo-bars i:nth-child(5n){animation-delay:.5s;height:80%}@keyframes demo-bar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.demo-live{position:absolute;top:8px;left:8px;font-size:11px;color:#fff;background:#00000073;padding:3px 8px;border-radius:999px;display:flex;align-items:center;gap:6px}.demo-live .dot{width:7px;height:7px;border-radius:50%;background:#ff5252}.demo-subs{display:grid;gap:6px}.demo-card{background:var(--card);border-radius:8px;padding:8px 10px;opacity:0;animation:demo-card 9s linear infinite}.demo-card .src{color:#b8bcc2;font-size:12px}.demo-card .dst{color:#fff;font-size:15px;font-weight:600;margin-top:2px}.demo-card.c1{animation-delay:0s}.demo-card.c2{animation-delay:3s}.demo-card.c3{animation-delay:6s}@keyframes demo-card{0%{opacity:0;transform:translateY(6px)}4%{opacity:1;transform:none}92%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.demo-bars i{animation:none}.demo-card{animation:none;opacity:1}}.share-hint{margin:10px 0 4px;display:grid;gap:10px}.share-hint-text b{font-size:13px;color:var(--text)}.share-hint-text ol{margin:4px 0 0;padding-left:20px;font-size:12px;color:var(--muted);line-height:1.8}.share-hint.urgent{border:1px solid #ffb74d;border-radius:8px;padding:10px;background:#2b2410}.share-hint.urgent .share-hint-text b{color:#ffe6a8}.dialog-mock{position:relative;background:#f1f3f4;color:#202124;border-radius:8px;padding:8px;font-size:11px;box-shadow:0 4px 16px #00000059}.dm-tabs{display:flex;gap:12px;border-bottom:1px solid #d0d3d6;padding:0 4px 6px}.dm-tabs span{padding-bottom:4px;color:#5f6368}.dm-tabs .on{color:#1a73e8;border-bottom:2px solid #1a73e8;font-weight:600}.dm-list{display:grid;gap:4px;padding:8px 4px}.dm-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;background:#fff}.dm-item i{width:14px;height:10px;background:#c7d8f2;border-radius:2px}.dm-item.sel{outline:2px solid #1a73e8}.dm-foot{display:flex;align-items:center;justify-content:space-between;padding:4px}.dm-check{display:flex;align-items:center;gap:6px}.dm-check .box{width:14px;height:14px;border-radius:3px;background:#1a73e8;color:#fff;font-size:10px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #ff5252}.dm-btn{background:#1a73e8;color:#fff;padding:4px 12px;border-radius:4px;font-weight:600}.dm-callout{position:absolute;left:8px;bottom:-12px;background:#ff5252;color:#fff;font-weight:700;font-size:11px;padding:3px 8px;border-radius:4px}.share-hint.urgent .dm-callout{animation:callout 1s ease-in-out 3}@keyframes callout{0%,to{transform:none}50%{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.share-hint.urgent .dm-callout{animation:none}}@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}}