:root{color-scheme:dark;--bg:#0f0f0f;--panel:#171717;--line:#2b2b2b;--text:#f5f5f5;--muted:#a7a7a7;--hover:#222}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,select{font:inherit;color:inherit}.app-shell{min-height:100dvh}.topbar{position:sticky;top:0;z-index:20;height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid var(--line);background:rgba(15,15,15,.96);backdrop-filter:blur(12px)}.brand{border:0;background:none;font-size:25px;font-weight:900;letter-spacing:-1.7px;cursor:pointer;padding:0}.platform-tabs{display:flex;justify-content:center;gap:8px;overflow-x:auto;scrollbar-width:none}.platform-tabs::-webkit-scrollbar{display:none}.platform-tab{border:0;background:none;min-height:42px;padding:0 10px;display:flex;align-items:center;gap:7px;color:var(--muted);font-weight:700;border-radius:8px;white-space:nowrap;cursor:pointer}.platform-tab:hover{background:var(--hover);color:#fff}.platform-tab.active{background:#242424;color:#fff}.platform-tab img{width:20px;height:20px;border-radius:5px}.icon-btn{width:38px;height:38px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer;font-size:20px}.icon-btn:hover{background:var(--hover)}.home{max-width:900px;margin:0 auto;padding:54px 24px 80px}.hero{text-align:center;max-width:650px;margin:0 auto 38px}.eyebrow{margin:0 0 10px;color:#a9a9a9;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.hero h1{font-size:clamp(32px,6vw,58px);line-height:1.02;letter-spacing:-2.4px;margin:0 0 18px}.hero p{color:var(--muted);font-size:15px;line-height:1.55}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.platform-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;min-height:86px;padding:14px 16px;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;text-align:left;cursor:pointer}.platform-card:hover{background:#1d1d1d;border-color:#3a3a3a}.platform-card img{width:46px;height:46px;border-radius:12px}.platform-card span{display:grid;gap:4px}.platform-card strong{font-size:15px}.platform-card small{color:var(--muted);font-size:12px}.platform-card b{font-size:27px;color:#8f8f8f;font-weight:400}.platform-card:last-child{grid-column:1/-1}.info-card{margin-top:18px;border:1px solid var(--line);background:#141414;border-radius:12px;padding:16px}.info-card strong{font-size:14px}.info-card p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.settings-dialog{width:min(520px,calc(100% - 24px));border:1px solid var(--line);background:#171717;color:#fff;border-radius:12px;padding:0}.settings-dialog::backdrop{background:rgba(0,0,0,.72)}.settings-dialog form{padding:0}.dialog-head{padding:17px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.dialog-head h2{font-size:18px;margin:0}.dialog-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid var(--line)}.setting-row label{font-size:13px;font-weight:700}.setting-row select{min-width:170px;background:#222;border:1px solid #383838;border-radius:7px;padding:8px 10px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px}.button{border:1px solid #3b3b3b;background:#242424;border-radius:7px;padding:9px 13px;cursor:pointer}.button.primary{background:#fff;color:#111;border-color:#fff;font-weight:700}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,10px);background:#fff;color:#111;border-radius:7px;padding:9px 12px;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:.18s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){.topbar{height:auto;min-height:58px;grid-template-columns:auto 1fr auto;padding:8px 10px;gap:8px}.brand{font-size:20px}.platform-tabs{justify-content:flex-start}.platform-tab{padding:0 8px;font-size:12px}.platform-tab img{width:17px;height:17px}.home{padding:34px 12px 80px}.hero{margin-bottom:24px}.hero h1{letter-spacing:-1.7px}.platform-grid{grid-template-columns:1fr}.platform-card:last-child{grid-column:auto}.setting-row{align-items:flex-start;flex-direction:column}.setting-row select{width:100%}}