:root{color-scheme:dark;--bg: #070a10;--bg-soft: #0b1018;--panel: #111722;--panel-2: #141b28;--panel-3: #101623;--line: #232c3f;--line-bright: #2e5961;--text: #edf5ff;--muted: #8fa0bd;--muted-2: #65748e;--brand: #14b8a6;--brand-2: #f5b84b;--green: #16d69b;--amber: #ffb020;--red: #ff4d78;--shadow: 0 24px 90px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at 30% 18%,rgba(20,184,166,.12),transparent 28%),radial-gradient(circle at 72% 3%,rgba(245,184,75,.1),transparent 25%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}input,textarea,select{width:100%;color:var(--text);border:1px solid var(--line);border-radius:8px;background:#070b12;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input,select{height:34px;padding:0 12px}select{appearance:auto;cursor:pointer}textarea{min-height:140px;resize:vertical;padding:14px 16px;line-height:1.55;font-size:14px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}input:focus,textarea:focus,select:focus{border-color:#14b8a6d9;box-shadow:0 0 0 3px #14b8a629}code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.app-page{min-height:100vh;background:linear-gradient(180deg,#0c121ccc 0,#070a1000 240px),transparent}.notice-bar{height:30px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;color:#fff;background:linear-gradient(90deg,#0f766e,#0891b2 52%,#d8962f);font-size:14px;font-weight:700}.notice-bar a,.notice-bar button{color:#fff;font-weight:900;text-decoration:underline;text-underline-offset:3px}.notice-bar button{background:transparent;padding:0}.site-header{height:60px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:24px;padding:0 24px;border-bottom:1px solid #141a26;background:#080b11e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:900}.brand span:nth-child(2){color:#56d6c9;font-size:18px}.brand em{color:var(--muted);font-size:13px;font-style:normal;font-weight:700}.logo-mark{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(135deg,#14b8a6,#f5b84b);color:#fff;box-shadow:0 0 22px #14b8a661}.main-nav{display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:10px}.main-nav a,.main-nav button{min-height:32px;padding:0 12px;display:inline-flex;align-items:center;border-radius:8px;color:#aab5cc;background:transparent;text-decoration:none;font-weight:800}.main-nav a:hover,.main-nav button:hover,.main-nav .active{color:#fff;background:#14b8a62e}.content{width:min(1050px,calc(100% - 32px));margin:0 auto;padding:34px 0 44px}.hero-copy{margin:0 0 22px}.hero-copy h1{margin:0 0 12px;color:#fff;font-size:30px;line-height:1.15;letter-spacing:0}.hero-copy p{margin:0;color:#a7bde0;font-size:15px}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat-card{min-height:86px;padding:15px 16px;border:1px solid var(--line);border-radius:8px;background:#121822;box-shadow:inset 0 1px #ffffff06}.stat-card span{display:block;margin-bottom:10px;color:#6f84a7;font-size:12px;font-weight:800}.stat-card strong{color:#fff;font-size:24px;line-height:1;letter-spacing:0}.stat-card .green{color:var(--green)}.stat-card .amber{color:var(--amber)}.stat-card .red{color:var(--red)}.checker-card,.result-panel{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#161e2cdb,#0d131df2),var(--panel);box-shadow:var(--shadow)}.checker-card{padding:20px 18px 16px}.card-title{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#bdd0ef;font-size:14px;font-weight:900}.guide-box{padding:14px 18px;margin-bottom:14px;border:1px solid rgba(20,184,166,.38);border-radius:8px;background:linear-gradient(180deg,#112e35b8,#14202ad1),#111827;color:#bfd0ed}.guide-box h2{margin:0 0 12px;color:#fff;font-size:14px;line-height:1.3;letter-spacing:0}.guide-box ol{margin:0;padding-left:21px}.guide-box li{margin:8px 0;line-height:1.72;font-size:14px}.guide-box a{color:#67b7ff;text-decoration:none;font-weight:800}.guide-box code{padding:2px 7px;border-radius:4px;color:#93d5ff;background:#08111f;font-size:12px;font-weight:800}.session-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;margin:8px 0 2px}.session-row code{display:block;min-height:36px;padding:10px 13px;border-radius:4px;color:#fff;background:#05070c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-row button,.session-row a{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;border-radius:8px;color:#cbd7ea;border:1px solid var(--line);background:#151d2b;text-decoration:none;font-size:12px;font-weight:800}.token-input{margin-bottom:16px;min-height:140px;color:#c5cfdf;background:#06080d}.detected-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:11px 14px;border:1px solid rgba(22,214,155,.42);border-radius:8px;color:var(--green);background:#16d69b1c;font-size:14px;font-weight:800}.detected-bar div{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.detected-bar button,.copy-toolbar button,.row-actions button{min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:#dbe7fb;background:#182033;font-size:13px;font-weight:800}.detected-bar button:hover,.copy-toolbar button:hover,.row-actions button:hover{border-color:var(--line-bright);background:#202a41}.checkout-tip{margin:0 0 18px;padding:12px 14px;border:1px solid rgba(14,165,233,.36);border-radius:8px;color:#aee7ff;background:#0ea5e917;font-size:14px;line-height:1.6;font-weight:800}.field-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(220px,280px);justify-content:space-between;gap:28px;margin-bottom:16px}.field-grid label{display:grid;gap:8px}.field-grid span{color:#8090aa;font-size:12px;font-weight:800}.checkout-fields{grid-template-columns:minmax(280px,400px) minmax(220px,320px)}.single-field{grid-template-columns:minmax(280px,400px);justify-content:start}.custom-billing-fields{margin-top:-4px}.action-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.primary-action,.secondary-action{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:900;white-space:nowrap}.primary-action{padding:0 18px;color:#fff;background:linear-gradient(135deg,#14b8a6,#0ea5e9);box-shadow:0 0 22px #14b8a647}.primary-action:hover:not(:disabled){background:linear-gradient(135deg,#22c7b6,#18b7f6)}.secondary-action{padding:0 16px;color:#d8e3f6;border:1px solid var(--line);background:#0e141f}.secondary-action:hover{border-color:var(--line-bright);background:#131b29}.check-note{color:#6d7c96;font-size:12px}.message-box{display:flex;align-items:center;gap:8px;margin-top:14px;padding:11px 12px;border:1px solid rgba(255,176,32,.28);border-radius:8px;color:#ffd28a;background:#ffb02014;font-size:14px;font-weight:800}.result-panel{margin-top:18px;padding:18px}.results-stack{margin-top:26px}.complete-line{margin-bottom:16px;color:#9fbdf0;font-size:14px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.summary-card{min-height:106px;padding:18px 20px;border:1px solid var(--line);border-radius:8px;background:#121822}.summary-card span{display:block;margin-bottom:14px;color:#8293ae;font-size:13px;font-weight:800}.summary-card strong{color:#fff;font-size:30px;line-height:1}.summary-card .green{color:var(--green)}.summary-card .amber{color:var(--amber)}.summary-card .red{color:var(--red)}.copy-toolbar{min-height:64px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#121822}.copy-toolbar span{color:#8ea2c2;font-size:14px;font-weight:800;margin-right:4px}.result-list{display:grid;gap:14px}.result-entry{display:grid;gap:6px}.result-item{min-height:86px;display:grid;grid-template-columns:42px 164px minmax(0,1fr) 94px auto;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:#121822}.detail-panel{padding:18px;border:1px solid var(--line);border-radius:8px;background:#0d121a}.detail-grid{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:0 28px;margin:0 0 16px}.detail-grid div{display:contents}.detail-grid dt,.detail-grid dd{min-height:32px;display:flex;align-items:center;margin:0;font-size:14px}.detail-grid dt{color:#94a7c7}.detail-grid dd{min-width:0;color:#d7e7ff;word-break:break-word}.copyable-value{gap:10px}.copyable-value span{min-width:0}.copyable-value button,.detail-token-line button{min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:#dbe7fb;background:#182033;font-size:13px;font-weight:800;white-space:nowrap}.copyable-value button:hover,.detail-token-line button:hover{border-color:var(--line-bright);background:#202a41}.detail-token-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px;color:#9fb0ca;font-size:14px}.detail-token-line span{min-width:0;word-break:break-all}.detail-json{margin:0;max-height:360px;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:8px;color:#fff;background:#05070c;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.result-index{color:#8ea2c2;font-size:13px;font-weight:900}.result-main{min-width:0}.result-main strong{display:block;color:#fff;font-size:18px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-main p{display:flex;flex-wrap:wrap;gap:12px;margin:4px 0 0;color:#89a0c0;font-size:13px}.expiry{text-align:right}.expiry span{display:block;margin-bottom:4px;color:#8293ae;font-size:12px;font-weight:800}.expiry strong{color:#fff;font-size:18px}.row-actions{display:flex;justify-content:flex-end;gap:8px}.result-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;color:#bcd0ef}.result-head h2{margin:0 0 5px;color:#fff;font-size:18px;letter-spacing:0}.result-head p{margin:0;color:#788ba8;font-size:13px}.result-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;min-width:780px;border-collapse:collapse}th,td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{color:#7e8ea9;background:#101722;font-weight:900}td{color:#c4d0e4}tbody tr:last-child td{border-bottom:0}.row-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;min-width:132px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:900}.row-pill.ok{color:var(--green);background:#16d69b1a}.row-pill.warn{color:var(--amber);background:#ffb0201a}.row-pill.bad{color:var(--red);background:#ff4d781a}.row-pill.muted{color:#9fb0ca;background:#9fb0ca1a}.pay-link-row{display:grid;grid-template-columns:minmax(0,1fr) 42px 42px;gap:8px}.pay-link-row button,.pay-link-row a{width:42px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;color:#d8e3f6;background:#0e141f;text-decoration:none}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1120px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-item{grid-template-columns:36px 150px minmax(0,1fr)}.expiry,.row-actions{grid-column:3}.expiry{text-align:left}.row-actions{justify-content:flex-start}}@media(max-width:860px){.site-header{height:auto;grid-template-columns:1fr;padding:14px 16px}.main-nav{justify-content:flex-start;flex-wrap:wrap}.content{padding-top:24px}.session-row{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr;gap:12px}.detected-bar{align-items:stretch;flex-direction:column}.detected-bar div{justify-content:flex-start}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-item{grid-template-columns:1fr;align-items:stretch}.result-main strong{white-space:normal}.expiry,.row-actions{grid-column:auto}}@media(max-width:640px){.notice-bar{height:auto;min-height:34px;flex-wrap:wrap;padding:8px 12px;font-size:12px}.content{width:min(100% - 20px,1050px)}.hero-copy h1{font-size:26px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:1fr}.checker-card,.result-panel{padding:14px}.guide-box{padding:12px}.action-row{display:grid;grid-template-columns:1fr}.primary-action,.secondary-action{width:100%}.pay-link-row{grid-template-columns:1fr 42px 42px}.copy-toolbar,.row-actions{display:grid;grid-template-columns:1fr}.detected-bar button,.copy-toolbar button,.row-actions button{width:100%}}