:root{color-scheme:light dark;--bg: #f4f6f9;--bg-subtle: #eef1f5;--fg: #16202c;--muted: #5a6673;--card: #ffffff;--border: #d7dee6;--border-strong: #c2ccd6;--accent: #2452c9;--accent-fg: #ffffff;--accent-soft: color-mix(in srgb, var(--accent) 10%, transparent);--danger: #c62a33;--danger-soft: color-mix(in srgb, var(--danger) 10%, transparent);--ok: #1a7f47;--ok-soft: color-mix(in srgb, var(--ok) 12%, transparent);--warn: #9a6700;--warn-soft: color-mix(in srgb, var(--warn) 12%, transparent);--ring: color-mix(in srgb, var(--accent) 45%, transparent);--shadow: 0 1px 2px rgba(16, 32, 44, .06), 0 4px 16px rgba(16, 32, 44, .06);--radius: 12px}@media(prefers-color-scheme:dark){:root{--bg: #0b0f14;--bg-subtle: #11161d;--fg: #e6edf3;--muted: #92a0b0;--card: #151b23;--border: #2a333d;--border-strong: #3a4552;--accent: #4f83f1;--accent-fg: #08101d;--danger: #f0616b;--ok: #47c47e;--warn: #d0a215;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 20px rgba(0, 0, 0, .35)}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;background:var(--bg);color:var(--fg);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:6px}.nav{display:flex;align-items:center;gap:6px;padding:10px 24px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.nav .brand{font-weight:700;font-size:17px;color:var(--fg);margin-right:14px}.nav .brand:hover{text-decoration:none}.nav a.navlink{color:var(--muted);font-size:14px;font-weight:500;padding:6px 10px;border-radius:7px}.nav a.navlink:hover{color:var(--fg);background:var(--bg-subtle);text-decoration:none}.nav a.navlink.active{color:var(--fg);background:var(--accent-soft)}.nav .spacer{flex:1}.nav .email{color:var(--muted);font-size:13px}.container{max-width:960px;margin:0 auto;padding:32px 24px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px;box-shadow:var(--shadow)}h1{font-size:24px;margin:0 0 16px;letter-spacing:-.01em}h2{font-size:18px;margin:0 0 12px}h3{font-size:15px}p.muted,span.muted,.muted{color:var(--muted)}button,.btn{padding:8px 16px;font-size:14px;font-weight:600;border-radius:8px;border:1px solid var(--border-strong);background:var(--card);color:var(--fg);cursor:pointer;display:inline-block;transition:background .12s,border-color .12s,opacity .12s;line-height:1.4}button:hover,.btn:hover{background:var(--bg-subtle);text-decoration:none}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}button.primary:hover,.btn.primary:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}button.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}button.danger:hover{background:var(--danger-soft)}button.ghost,.btn.ghost{border-color:transparent;background:transparent}button.ghost:hover{background:var(--bg-subtle)}button:disabled,.btn:disabled{opacity:.5;cursor:default}button.sm,.btn.sm{padding:5px 11px;font-size:13px}input,select,textarea{padding:8px 12px;font-size:14px;border:1px solid var(--border-strong);border-radius:8px;background:var(--card);color:var(--fg);font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:2px solid var(--ring);outline-offset:0}input[aria-invalid=true]{border-color:var(--danger)}label{font-size:13px;color:var(--muted);display:block;margin-bottom:4px}.field{margin-bottom:14px}.field .hint{font-size:12px;margin-top:4px}.field .hint.err{color:var(--danger)}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.error{color:var(--danger);font-size:14px;margin:8px 0;padding:8px 12px;background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:8px}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius);padding:48px 24px;text-align:center;color:var(--muted);cursor:pointer;transition:all .15s}.dropzone.active{border-color:var(--accent);background:var(--accent-soft)}.dropzone .big{font-size:17px;color:var(--fg);font-weight:600;margin-bottom:4px}table.list{width:100%;border-collapse:collapse;font-size:14px}table.list th{text-align:left;color:var(--muted);font-weight:500;font-size:12px;padding:6px 10px;border-bottom:1px solid var(--border)}table.list td{padding:10px;border-bottom:1px solid var(--border);vertical-align:middle}table.list tr:last-child td{border-bottom:none}.badge{font-size:12px;padding:2px 9px;border-radius:99px;border:1px solid var(--border-strong);color:var(--muted);font-weight:600;display:inline-block;white-space:nowrap}.badge.active{color:var(--ok);border-color:var(--ok);background:var(--ok-soft)}.badge.revoked,.badge.expired{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.badge.report{color:var(--warn);border-color:var(--warn);background:var(--warn-soft)}.badge.role{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:var(--accent-soft)}.badge.pro{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.badge.exempt{color:var(--ok);border-color:var(--ok);background:var(--ok-soft)}.url-box{display:flex;gap:8px;align-items:center;background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin:12px 0}.url-box code{flex:1;font-size:14px;overflow-wrap:anywhere}.tabs{display:flex;gap:6px;margin-bottom:20px;border-bottom:1px solid var(--border);flex-wrap:wrap}.tabs .tab{padding:8px 14px;font-size:14px;font-weight:600;color:var(--muted);border:none;background:transparent;border-bottom:2px solid transparent;border-radius:0;cursor:pointer}.tabs .tab:hover{color:var(--fg);background:transparent}.tabs .tab.active{color:var(--accent);border-bottom-color:var(--accent)}.meter{margin-bottom:16px}.meter:last-child{margin-bottom:0}.meter-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.meter-head .label{color:var(--muted);font-weight:500}.meter-head .value{font-variant-numeric:tabular-nums}.meter-track{height:8px;background:var(--bg-subtle);border-radius:99px;overflow:hidden;border:1px solid var(--border)}.meter-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .3s}.meter-fill.warn{background:var(--warn)}.meter-fill.over{background:var(--danger)}.plan-card{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.plan-card .plan-name{font-size:20px;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:4px 0}.stat{background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.stat .k{font-size:12px;color:var(--muted)}.stat .v{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a10188c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:200}.modal{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:28px;max-width:460px;width:100%;box-shadow:var(--shadow)}.modal h2{margin-top:0}.hero{text-align:center;padding:80px 24px 40px}.hero h1{font-size:42px;line-height:1.2;margin-bottom:16px;letter-spacing:-.02em}.hero p{font-size:18px;color:var(--muted);max-width:580px;margin:0 auto 32px}.hero .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:920px;margin:40px auto;padding:0 24px}.feature h3{font-size:15px;margin:0 0 6px}.feature p{font-size:14px;color:var(--muted);margin:0}.section{max-width:920px;margin:56px auto;padding:0 24px}.section>h2{text-align:center;font-size:26px;margin-bottom:8px}.section>.sub{text-align:center;color:var(--muted);margin:0 auto 28px;max-width:560px}pre.snippet{background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;padding:14px 16px;font-size:13px;overflow-x:auto;text-align:left}.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.price-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column}.price-card.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow)}.price-card .tier{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.price-card .amount{font-size:30px;font-weight:800;margin:8px 0 2px;letter-spacing:-.02em}.price-card .amount small{font-size:14px;font-weight:500;color:var(--muted)}.price-card ul{list-style:none;padding:0;margin:16px 0 0;font-size:14px}.price-card li{padding:5px 0 5px 22px;position:relative;color:var(--fg)}.price-card li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}.btn-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#fff;color:#1f1f1f;border:1px solid #747775;border-radius:8px;padding:11px 16px;font-size:15px;font-weight:600;cursor:pointer}.btn-google:hover{background:#f7f8f8;text-decoration:none}.btn-google svg{width:18px;height:18px;flex:none}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}