:root{--bg:#fff;--surface:#fff;--surface-2:#f7f7f8;--border:#e2e4e8;--border-strong:#cfd2d8;--text:#1f2328;--text-muted:#59606a;--accent:#1a66d6;--accent-strong:#1558bd;--danger:#c0392b;--success:#1a7f37;--warning:#9a6700;--radius:6px}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;line-height:1.8}a{color:var(--accent)}.container{max-width:720px;margin:0 auto;padding:24px 20px 80px}.site-header{border-bottom:1px solid var(--border);background:var(--surface)}.site-header .inner{flex-wrap:wrap;align-items:baseline;gap:12px;max-width:720px;margin:0 auto;padding:14px 20px;display:flex}.site-header .logo{color:var(--text);font-size:17px;font-weight:700;text-decoration:none}.site-header .tagline{color:var(--text-muted);font-size:12px}.hero h1{margin:4px 0 10px;font-size:clamp(21px,4vw,26px);line-height:1.5}.hero p.lead{color:var(--text-muted);margin:0 0 8px;font-size:15px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tab{border:1px solid var(--border);background:var(--surface-2);min-width:96px;color:var(--text-muted);border-radius:var(--radius);cursor:pointer;text-align:center;flex:auto;padding:9px 12px;font-size:14px}.tab:hover{border-color:var(--border-strong)}.tab[aria-selected=true]{border-color:var(--accent);color:var(--accent-strong);background:#eef4fd;font-weight:500}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);text-align:center;color:var(--text-muted);cursor:pointer;background:var(--surface-2);padding:26px 16px;font-size:14px}.dropzone.drag{border-color:var(--accent);background:#eef4fd}input[type=text],input[type=url]{border-radius:var(--radius);border:1px solid var(--border-strong);width:100%;color:var(--text);background:#fff;padding:11px 12px;font-size:15px}input[type=text]:focus,input[type=url]:focus{border-color:var(--accent);outline:2px solid #cddffb}.btn{border-radius:var(--radius);border:1px solid var(--accent-strong);background:var(--accent-strong);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:15px;font-weight:500;display:inline-flex}.btn:hover{background:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{color:var(--text);border-color:var(--border-strong);background:#fff}.btn.secondary:hover{background:var(--surface-2)}video{border-radius:var(--radius);background:#000;width:100%}.result-list{margin:0;padding:0;list-style:none}.hop{border-top:1px solid var(--border);gap:12px;padding:12px 0;display:flex}.hop .badge{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;flex:none;height:fit-content;padding:2px 8px;font-size:12px;font-weight:700}.badge.redirect{color:var(--warning)}.badge.final{color:var(--success)}.badge.meta{color:var(--accent)}.hop .url{word-break:break-all;font-size:14px}.hop .meta{color:var(--text-muted);font-size:12px}.final-url{border-radius:var(--radius);word-break:break-all;background:#f0f8f2;border:1px solid #bfe0c8;padding:14px}.error{color:var(--danger);border-radius:var(--radius);background:#fdf0ee;border:1px solid #f2c9c2;padding:11px 12px}.section{margin-top:44px}.section h2{border-bottom:1px solid var(--border);padding-bottom:8px;font-size:20px}.faq dt{margin-top:20px;font-weight:600}.faq dd{color:var(--text-muted);margin:6px 0 0}.breadcrumb{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.post-date{color:var(--text-muted);margin:0 0 20px;font-size:13px}.post-list{margin:24px 0 0;padding:0;list-style:none}.post-card{border-top:1px solid var(--border);padding:16px 0}.post-card:last-child{border-bottom:1px solid var(--border)}.post-title{color:var(--text);font-size:17px;font-weight:600;text-decoration:none;display:inline-block}.post-title:hover{color:var(--accent);text-decoration:underline}.post-desc{color:var(--text-muted);margin:6px 0;font-size:14px}.post-card .post-date{margin:0}article h3{margin-top:22px;font-size:16px}.cta{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);text-align:center;margin-top:32px;padding:18px}.cta .btn{text-decoration:none}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:16px;padding:0;list-style:none;display:grid}.tool-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:14px}.tool-card a{color:var(--accent-strong);font-weight:600;text-decoration:none}.tool-card a:hover{text-decoration:underline}.tool-card p{color:var(--text-muted);margin:6px 0 0;font-size:13px}.meter{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;height:16px;overflow:hidden}.meter>span{background:var(--success);width:0%;height:100%;transition:width 60ms linear;display:block}.stat{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:7px 0;font-size:14px;display:flex}.stat .label{color:var(--text-muted);flex:none}.stat .value{text-align:right;word-break:break-all}.notice-ok{border-radius:var(--radius);color:var(--success);background:#f0f8f2;border:1px solid #bfe0c8;padding:12px 14px;font-weight:600}.notice-warn{border-radius:var(--radius);color:var(--warning);background:#fdf6ec;border:1px solid #ecd9b0;padding:12px 14px;font-weight:600}.footer-nav{flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-bottom:12px;display:flex}.footer-nav a{color:var(--text-muted)}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;padding:22px 20px;font-size:13px}.site-footer a{color:var(--accent)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}