:root{--bg: #0C0C0C;--card: #1A1A1A;--card-2: #232323;--card-3: #2B2B2B;--input: #161616;--fg: #FFFFFF;--fg-mute: #AEAEAF;--fg-dim: #6B6B6B;--accent: #FE0037;--accent-soft: #B92F4D;--accent-bg: rgba(254, 0, 55, .14);--green: #4EFF7E;--green-bg: rgba(78, 255, 126, .12);--red-text: #FF7A92;--pill-scrim: rgba(12, 6, 8, .62);--blue: #377DFF;--blue-d: #006692;--gold: #FFC93D;--gold-bg: rgba(255, 201, 61, .14);--warn: #FFB020;--vip-bronze: #D08B5B;--vip-silver: #C9D1DB;--vip-gold: #FFC93D;--line: #2A2A2A;--line-soft: #1E1E1E;--grad-red: linear-gradient(180deg, #FE0037 0%, #B92F4D 100%);--grad-red-radial: radial-gradient(120% 140% at 50% 0%, #FF3D63 0%, #FE0037 45%, #B92F4D 100%);--grad-blue: linear-gradient(180deg, #377DFF 0%, #006692 100%);--grad-green: linear-gradient(180deg, #4EFF7E 0%, #0E8F3D 100%);--grad-card: linear-gradient(110deg, #FE0037 0%, #B92F4D 100%);--grad-card-dim: linear-gradient(180deg, #1F1F1F 0%, #141414 100%);--r-card: 24px;--r-md: 16px;--r-sm: 12px;--r-pill: 100px;--r-seg: 32px;--bg-elev: var(--card);--bg-input: var(--input);--hr: var(--line);--hr-soft: var(--line-soft);--accent-h: #FF3D63;--accent-d: #B92F4D;--accent-border: var(--accent);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--d-press: .12s;--d-fast: .16s;--d-pop: .22s;--d-modal: .28s;--shadow-card: 0 1px 0 rgba(255,255,255,.03) inset;--shadow-pop: 0 12px 40px rgba(0,0,0,.55);--glow-accent: 0 6px 24px rgba(254,0,55,.35);--gutter: 16px;--content-max: 1280px;--rail-w: 240px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg)}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;font-weight:500;color:var(--fg);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit;background:none;border:0}button{cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.brand{font-family:New Amsterdam,Archivo Narrow,Inter,sans-serif;font-weight:400;letter-spacing:.01em;line-height:1;font-style:italic}.h1{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.05}.h2{font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.h3{font-size:18px;font-weight:600;letter-spacing:-.02em}.title{font-size:16px;font-weight:600;letter-spacing:-.02em}.body{font-size:14px;font-weight:500;line-height:1.5}.sm{font-size:12px;font-weight:500}.xs{font-size:11px;font-weight:500;letter-spacing:0}.macro{font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums}.macro-xl{font-size:52px}.macro-lg{font-size:32px}.num{font-variant-numeric:tabular-nums}.mute{color:var(--fg-mute)}.dim{color:var(--fg-dim)}.acc{color:var(--accent)}.pos{color:var(--green)}.up{text-transform:uppercase;letter-spacing:.02em}.mono{font-family:Inter,sans-serif;font-size:12px;font-weight:500}.mono-sm{font-size:10px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pressable{transition:transform var(--d-press) var(--ease-out),filter var(--d-fast) var(--ease-out),background var(--d-fast) var(--ease-out),opacity var(--d-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.pressable:active{transform:scale(.97)}.pressable:disabled:active{transform:none}@media (hover: hover){.pressable:hover:not(:disabled){filter:brightness(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(6px)}45%{transform:translate(-5px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}.app.shake{animation:shake .46s ease-in-out}@keyframes pulse-ring{0%{box-shadow:0 0 #fe00378c}70%{box-shadow:0 0 0 10px #fe003700}to{box-shadow:0 0 #fe003700}}.pulse{animation:pulse-ring 1.6s var(--ease-out) infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in .22s var(--ease-out) both}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skel-in{to{opacity:1}}.av-shimmer{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none}.av-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.09) 50%,transparent 80%);animation:shimmer 1.1s linear infinite}.skeleton{position:relative;overflow:hidden;background:var(--card);border-radius:var(--r-md);opacity:0;animation:skel-in .22s var(--ease-out) .35s forwards}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--card-2) 50%,transparent 100%);animation:shimmer 1.4s var(--ease-in-out) infinite;will-change:transform}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.32);border-top-color:currentColor;animation:spin .7s linear infinite;flex-shrink:0}::-webkit-scrollbar{width:0;height:0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.tables-pill{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;font-size:12px;line-height:16px;font-weight:700;font-variant-numeric:tabular-nums;background:var(--pill-scrim);border:1px solid transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .2s ease-out,border-color .2s ease-out}.tables-pill .dot{position:relative;width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.tables-pill.on{color:var(--green);border-color:#4eff7e59}.tables-pill.off{color:var(--red-text);border-color:#ff7a9252}.tables-pill.on .dot{box-shadow:0 0 8px #4eff7ee6}.tables-pill.on .dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;animation:tables-ping 1.8s cubic-bezier(0,0,.2,1) infinite}@keyframes tables-ping{0%{transform:scale(1);opacity:.7}80%,to{transform:scale(2.6);opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"top" "main" "tabs";height:100vh;height:100dvh;width:100%;background:var(--bg);overflow:hidden;position:relative}.app>.topbar{grid-area:top}.app>main{grid-area:main;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:20px;position:relative}.app>.tabbar{grid-area:tabs}.app>.rail{display:none}.page{padding-inline:var(--gutter);display:flex;flex-direction:column;gap:16px}.page-head{display:flex;align-items:center;gap:12px;margin-top:4px;min-height:36px}.page-head .h1{flex:1;min-width:0}@media (min-width: 900px) and (min-height: 601px){:root{--gutter: 32px}body{background:radial-gradient(120% 80% at 50% -10%,#1b0b12,#0c0c0c 55%)}.app{grid-template-columns:var(--rail-w) 1fr;grid-template-rows:1fr;grid-template-areas:"rail main";max-width:1440px;margin:0 auto;background:transparent}.app>.topbar,.app>.tabbar{display:none!important}.app>.rail{display:flex;grid-area:rail}.app>main{padding:28px 0 40px}.app>:not(.rail):not(main){grid-area:main}.page{max-width:var(--content-max);margin:0 auto;width:100%;gap:20px}body{font-size:15px}.h1{font-size:34px;letter-spacing:-.02em}.h2{font-size:24px;letter-spacing:-.02em}.title{font-size:17px;letter-spacing:-.01em}.body{font-size:15px}.sm{font-size:13px}.xs{font-size:12px}.card,.page>section{padding:20px}.mobile-only{display:none!important}.scroll-panel{max-height:calc(100vh - 300px);overflow-y:auto;padding-right:4px}.history-panel{max-height:calc(100vh - 520px);min-height:180px}}@media (max-width: 899px),(max-height: 600px){.desktop-only{display:none!important}}.pad-x{padding-inline:var(--gutter)}.pad{padding:16px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-2>*{min-width:0}.grid-3-1200,.grid-2-desktop,.grid-3-desktop{grid-template-columns:minmax(0,1fr)}.grid-2-desktop>*,.grid-3-1200>*,.grid-3-desktop>*,.cols-main-side>*,.match-layout>*{min-width:0}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}@media (min-width: 900px) and (min-height: 601px){.grid-2-desktop,.grid-3-1200{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.grid-3-desktop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}html.is-desktop .page-head{padding-right:96px}.cols-main-side{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}}.card{background:var(--card);border-radius:var(--r-card);padding:16px}.card-inset{background:var(--card-2);border-radius:var(--r-md)}.field{width:100%;background:var(--input);border:1px solid var(--line);color:var(--fg);padding:14px 16px;border-radius:var(--r-md);font-family:Inter,sans-serif;font-weight:500;font-size:16px;outline:none;transition:border-color .16s var(--ease-out)}.field::placeholder{color:var(--fg-dim)}.field:focus{border-color:var(--accent)}.field.center{text-align:center}.list-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;background:var(--card-2);border-radius:var(--r-md);padding:12px 14px;transition:background var(--d-fast) var(--ease-out)}@media (hover: hover){.list-row.clickable:hover{background:var(--card-3)}}.slider{-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:var(--card-3);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--grad-red);box-shadow:var(--glow-accent);cursor:pointer}.slider::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:var(--grad-red);cursor:pointer}.slider:disabled::-webkit-slider-thumb{background:var(--card-3);box-shadow:none}@media (max-height: 700px) and (orientation: portrait){.app>.topbar{padding:8px 16px 4px!important}.page{gap:10px}.page-head{min-height:32px;margin-top:0}.page-head .h1{font-size:22px}}.ls-only{display:none!important}@media (orientation: landscape) and (max-height: 600px){:root{--gutter: 12px}.page{gap:8px}.page-head{min-height:32px;margin-top:2px;gap:8px}.page-head .h1{font-size:17px}.ls-only{display:initial!important}.ls-hide{display:none!important}}.phone-frame{position:relative;width:100%;max-width:380px;margin:0 auto;aspect-ratio:9 / 19.5;border-radius:34px;background:#050505;padding:10px;box-shadow:0 0 0 2px #2a2a2a,0 24px 60px #0009,inset 0 0 0 1px #ffffff0d}.phone-frame .phone-screen{position:absolute;inset:10px;border-radius:26px;overflow:hidden;background:#111}.phone-frame .phone-screen>*{width:100%;height:100%}.phone-frame .phone-screen video,.phone-frame .phone-screen canvas{object-fit:contain}.phone-frame .phone-notch{position:absolute;top:14px;left:50%;transform:translate(-50%);width:88px;height:22px;border-radius:12px;background:#050505;z-index:3;pointer-events:none}.phone-frame.fs{max-width:none;aspect-ratio:auto;height:calc(100dvh - 24px);border-radius:0;padding:0;box-shadow:none}.phone-frame.fs .phone-screen{inset:0;border-radius:0}.phone-frame.fs .phone-notch{display:none}.phone-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0000008c;z-index:4;padding:20px;text-align:center}.ctl-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;padding:8px 4px;border-radius:var(--r-md);background:var(--card-2);color:var(--fg);font-size:10.5px;font-weight:600;letter-spacing:-.01em}.ctl-btn.on{background:var(--grad-red);box-shadow:var(--glow-accent);color:#fff}.ctl-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.sel{width:100%;background:var(--input);border:1px solid var(--line);color:var(--fg);padding:12px 36px 12px 14px;border-radius:var(--r-md);font-family:Inter,sans-serif;font-weight:500;font-size:15px;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23AEAEAF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 14px center}.sel:focus{border-color:var(--accent)}.sel option{background:#1a1a1a;color:#fff}.switch{position:relative;width:46px;height:28px;border-radius:999px;background:var(--card-3);flex-shrink:0;transition:background var(--d-fast) var(--ease-out)}.switch.on{background:var(--grad-green)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform var(--d-fast) var(--ease-out);box-shadow:0 2px 6px #0006}.switch.on:after{transform:translate(18px)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:currentColor;box-shadow:0 0 8px currentColor}.step-dots{display:flex;gap:6px}.step-dots>span{height:4px;flex:1;border-radius:2px;background:var(--card-3);transition:background var(--d-fast) var(--ease-out)}.step-dots>span.on{background:var(--grad-red)}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;font-weight:600}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open] summary{color:var(--accent)}.faq-item+.faq-item{border-top:1px solid var(--line-soft)}