[data-route=platform] .wrap{max-width:var(--wrap-max);padding-left:var(--wrap-pad);padding-right:var(--wrap-pad);width:100%;margin:0 auto}[data-route=platform] .section{padding:clamp(48px,7vw,96px) 0;position:relative}[data-route=platform] .section--tight{padding:clamp(24px,4vw,48px) 0}[data-route=platform] .section--hero{padding:clamp(48px,6vw,80px) 0 clamp(32px,5vw,64px)}[data-route=platform] .section--alt{background:var(--bg-section)}[data-route=platform] .stack{gap:var(--sp-4);flex-direction:column;display:flex}[data-route=platform] .stack-2{gap:var(--sp-2)}[data-route=platform] .stack-3{gap:var(--sp-3)}[data-route=platform] .stack-6{gap:var(--sp-6)}[data-route=platform] .stack-8{gap:var(--sp-8)}[data-route=platform] .stack-10{gap:var(--sp-10)}[data-route=platform] .row{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}[data-route=platform] .row-end{justify-content:flex-end}[data-route=platform] .row-center{justify-content:center}[data-route=platform] .row-between{justify-content:space-between}[data-route=platform] .row-top{align-items:flex-start}[data-route=platform] .row-gap-2{gap:var(--sp-2)}[data-route=platform] .row-gap-6{gap:var(--sp-6)}[data-route=platform] .flex-1{flex:1;min-width:0}[data-route=platform] .list-reset{margin:0;padding:0;list-style:none}[data-route=platform] .grid{gap:var(--sp-6);display:grid}[data-route=platform] .grid-2{grid-template-columns:repeat(2,1fr)}[data-route=platform] .grid-3{grid-template-columns:repeat(3,1fr)}[data-route=platform] .grid-4{grid-template-columns:repeat(4,1fr)}[data-route=platform] .grid-auto-260{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}[data-route=platform] .grid-auto-320{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}[data-route=platform] .grid-gap-12{gap:var(--sp-12)}[data-route=platform] .grid-center{align-items:center}[data-route=platform] .eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:var(--sp-2);font-size:11px;font-weight:600;display:inline-flex}[data-route=platform] .eyebrow:before{content:"";background:var(--accent-line);width:18px;height:1px}[data-route=platform] .eyebrow--plain:before{display:none}[data-route=platform] .h-display{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-100);text-wrap:balance;margin:0;font-size:clamp(36px,6.5vw,84px);font-weight:700;line-height:.98}[data-route=platform] .h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-100);text-wrap:balance;margin:0;font-size:clamp(28px,4.5vw,52px);font-weight:700;line-height:1.05}[data-route=platform] .h2{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-100);text-wrap:balance;margin:0;font-size:clamp(22px,3vw,36px);font-weight:700;line-height:1.1}[data-route=platform] .h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-100);margin:0;font-size:clamp(18px,1.6vw,22px);font-weight:600;line-height:1.2}[data-route=platform] .lead{color:var(--text-70);text-wrap:pretty;max-width:60ch;margin:0;font-size:clamp(16px,1.5vw,19px);line-height:1.55}[data-route=platform] .body{color:var(--text-70)}[data-route=platform] .muted{color:var(--text-45)}[data-route=platform] .mono{font-family:var(--font-mono);letter-spacing:.06em;font-size:12px}[data-route=platform] .accent-text{color:var(--accent)}[data-route=platform] .btn{justify-content:center;align-items:center;gap:var(--sp-2);font-family:var(--font-body);border-radius:var(--r-md);cursor:pointer;height:40px;transition:background var(--t-base) var(--ease), border-color var(--t-base) var(--ease), color var(--t-base) var(--ease), transform var(--t-fast) var(--ease);white-space:nowrap;border:1px solid #0000;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}[data-route=platform] .btn:active{transform:translateY(1px)}[data-route=platform] .btn .arrow{transition:transform var(--t-base) var(--ease);display:inline-flex}[data-route=platform] .btn:hover .arrow{transform:translate(2px)}[data-route=platform] .btn-lg{height:48px;padding:0 22px;font-size:15px}[data-route=platform] .btn-sm{border-radius:var(--r-sm);height:32px;padding:0 14px;font-size:13px}[data-route=platform] .btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}[data-route=platform] .btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}[data-route=platform] .btn-ghost{color:var(--text-100);border-color:var(--border-strong);background:0 0}[data-route=platform] .btn-ghost:hover{background:var(--bg-elev);border-color:var(--border-strong)}[data-route=platform] .btn-quiet{color:var(--text-70);background:0 0;border:none}[data-route=platform] .btn-quiet:hover{color:var(--text-100)}[data-route=platform] .btn-icon{width:36px;height:36px;color:var(--text-70);border:1px solid var(--border-card);border-radius:var(--r-sm);background:0 0;padding:0}[data-route=platform] .btn-icon:hover{color:var(--text-100);border-color:var(--border-strong)}[data-route=platform] .card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--r-lg);padding:var(--sp-6);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-card);position:relative}[data-route=platform] .card--tight{padding:var(--sp-4)}[data-route=platform] .card--lg{padding:var(--sp-8)}[data-route=platform] .card--solid{background:var(--bg-card-solid);-webkit-backdrop-filter:none;backdrop-filter:none}[data-route=platform] .card--accent{border-color:var(--accent-line);box-shadow:var(--shadow-card), 0 0 0 1px var(--accent-line) inset}[data-route=platform] .card--hover{transition:border-color var(--t-base) var(--ease), transform var(--t-base) var(--ease)}[data-route=platform] .card--hover:hover{border-color:var(--border-strong);transform:translateY(-2px)}[data-route=platform] .badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line);align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex}[data-route=platform] .badge--neutral{background:var(--bg-elev);color:var(--text-70);border-color:var(--border-card)}[data-route=platform] .badge--dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}[data-route=platform] .badge--floating{position:absolute;top:-1px;left:50%;transform:translate(-50%)}[data-route=platform] .segmented{background:var(--bg-elev);border:1px solid var(--border-card);border-radius:var(--r-pill);gap:4px;padding:4px;display:inline-flex}[data-route=platform] .segmented__btn{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-pill);color:var(--text-70);cursor:pointer;transition:all var(--t-fast) var(--ease);background:0 0;border:none;padding:8px 14px;font-size:11px;font-weight:600}[data-route=platform] .segmented__btn:hover{color:var(--text-100)}[data-route=platform] .segmented__btn[aria-selected=true]{background:var(--accent-soft);color:var(--accent)}[data-route=platform] .field{flex-direction:column;gap:6px;display:flex}[data-route=platform] .field__label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-70);font-size:11px;font-weight:600}[data-route=platform] .input,[data-route=platform] .select,[data-route=platform] .textarea{background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--r-md);width:100%;font-family:var(--font-body);color:var(--text-100);transition:border-color var(--t-base) var(--ease), background var(--t-base) var(--ease);padding:12px 14px;font-size:14px}[data-route=platform] .input:focus,[data-route=platform] .select:focus,[data-route=platform] .textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}[data-route=platform] .input::placeholder{color:var(--text-45)}[data-route=platform] .input-affix{background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--r-md);align-items:stretch;display:flex;overflow:hidden}[data-route=platform] .input-affix:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}[data-route=platform] .input-affix .input{background:0 0;border:none;border-radius:0;flex:1}[data-route=platform] .input-affix .input:focus{box-shadow:none}[data-route=platform] .input-affix__suffix,[data-route=platform] .input-affix__prefix{font-family:var(--font-mono);color:var(--text-45);background:#00000026;align-items:center;padding:0 12px;font-size:12px;display:flex}[data-route=platform][data-theme=light] .input-affix__suffix,[data-route=platform][data-theme=light] .input-affix__prefix{background:#0c10300a}[data-route=platform] .field__hint{font-family:var(--font-mono);color:var(--text-45);font-size:11px}[data-route=platform] .field__error{font-family:var(--font-mono);color:var(--text-error);font-size:11px}[data-route=platform] .app-header{z-index:var(--z-nav);background:color-mix(in srgb, var(--bg-app) 80%, transparent);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-card);position:sticky;top:0}[data-route=platform] .app-header__bar{justify-content:space-between;align-items:center;gap:var(--sp-6);height:64px;display:flex}[data-route=platform] .app-header__nav{gap:var(--sp-6);align-items:center;display:flex}[data-route=platform] .app-header__link{color:var(--text-70);transition:color var(--t-fast) var(--ease);font-size:14px}[data-route=platform] .app-header__link:hover,[data-route=platform] .app-header__link[aria-current=page]{color:var(--text-100)}[data-route=platform] .app-header__actions{gap:var(--sp-2);align-items:center;display:flex}[data-route=platform] .app-header__divider{background:var(--border-card);width:1px;height:22px;margin:0 var(--sp-2)}[data-route=platform] .app-header__burger{border:1px solid var(--border-card);width:36px;height:36px;color:var(--text-100);cursor:pointer;transition:background var(--t-fast) var(--ease);background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:18px;line-height:1;display:none}[data-route=platform] .app-header__burger:hover{background:var(--bg-card-solid)}[data-route=platform] .app-header__menu{display:none}[data-route=platform] .hbtn{min-width:32px;height:32px;color:var(--text-70);cursor:pointer;font-family:var(--font-mono);letter-spacing:.08em;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}[data-route=platform] .hbtn:hover{background:var(--bg-card);color:var(--text-100);border-color:var(--border-card)}[data-route=platform] .hbtn svg{width:15px;height:15px}[data-route=platform] .theme-swatch{border:1px solid var(--border-card);border-radius:3px;width:18px;height:12px;display:inline-flex;overflow:hidden}[data-route=platform] .theme-swatch>span{flex:1}[data-route=platform] .hmenu-wrap{position:relative}[data-route=platform] .hmenu{background:var(--bg-card);border:1px solid var(--border-card);z-index:50;border-radius:10px;flex-direction:column;gap:2px;min-width:180px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000052}[data-route=platform] .hmenu__item{color:var(--text-70);text-align:left;cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:13px;display:flex}[data-route=platform] .hmenu__item:hover{background:var(--bg-section);color:var(--text-100)}[data-route=platform] .hmenu__item[aria-checked=true]{color:var(--accent)}[data-route=platform] .hmenu__item__short{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-45);font-size:10px}[data-route=platform] .hmenu__item__badge{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-45);text-transform:uppercase;border:1px solid var(--border-card);border-radius:4px;padding:2px 6px;font-size:9px}[data-route=platform] .sw{z-index:90;pointer-events:none;align-items:stretch;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}[data-route=platform] .sw__handle{pointer-events:auto;border:1px solid var(--border-card);background:var(--bg-card);width:32px;height:56px;color:var(--text-70);cursor:pointer;transition:transform var(--t-fast) var(--ease), color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-right:0;border-radius:10px 0 0 10px;justify-content:center;align-items:center;display:flex;transform:translate(8px)}[data-route=platform] .sw__handle:hover{color:var(--accent);background:var(--bg-card-solid,var(--bg-section));transform:translate(0)}[data-route=platform] .sw__handle svg{width:16px;height:16px}[data-route=platform] .sw--open .sw__handle{color:var(--accent);transform:translate(0)}[data-route=platform] .sw__panel{pointer-events:auto;background:var(--bg-card-solid,var(--bg-section));border:1px solid var(--border-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:280px;max-width:0;transition:max-width .24s var(--ease), padding .24s var(--ease);border-right:0;border-radius:12px 0 0 12px;flex-direction:column;gap:16px;padding:18px 0;display:flex;overflow:hidden;box-shadow:-12px 12px 32px #00000052}[data-route=platform] .sw--open .sw__panel{max-width:320px;padding:18px}[data-route=platform] .sw__head{justify-content:space-between;align-items:center;display:flex}[data-route=platform] .sw__close{width:22px;height:22px;color:var(--text-45);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;font-size:20px;line-height:1}[data-route=platform] .sw__close:hover{color:var(--text-100)}[data-route=platform] .sw__group{flex-direction:column;gap:8px;display:flex}[data-route=platform] .sw__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-45);justify-content:space-between;align-items:center;font-size:10px;display:flex}[data-route=platform] .sw__reset{color:var(--text-45);font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 6px;font-size:10px}[data-route=platform] .sw__reset:hover:not(:disabled){color:var(--accent)}[data-route=platform] .sw__reset:disabled{opacity:.4;cursor:default}[data-route=platform] .sw__themes{grid-template-columns:1fr 1fr;gap:4px;display:grid}[data-route=platform] .sw__theme{color:var(--text-70);cursor:pointer;text-align:left;min-width:0;transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}[data-route=platform] .sw__theme:hover{background:var(--bg-section);color:var(--text-100)}[data-route=platform] .sw__theme.is-active{color:var(--text-100);border-color:var(--accent);background:var(--accent-soft)}[data-route=platform] .sw__theme-sw{border:1px solid var(--border-card);border-radius:6px;flex-shrink:0;width:22px;height:22px;display:inline-flex;overflow:hidden}[data-route=platform] .sw__theme-sw>span{flex:1;display:block}[data-route=platform] .sw__theme-name{font-weight:500}[data-route=platform] .sw__accents{flex-wrap:wrap;gap:8px;display:flex}[data-route=platform] .sw__accent{cursor:pointer;outline:1px solid var(--border-card);width:28px;height:28px;transition:transform var(--t-fast) var(--ease), outline-color var(--t-fast) var(--ease);border:2px solid #0000;border-radius:50%}[data-route=platform] .sw__accent:hover{transform:scale(1.08)}[data-route=platform] .sw__accent.is-active{border-color:var(--text-100);outline-color:#0000}[data-route=platform] .sw__hint{color:var(--text-45);border-top:1px solid var(--border-card);margin:0;padding-top:12px;font-size:11px;line-height:1.5}[data-route=platform] .sw__panel,[data-route=platform] .sw__handle{--bg-card-solid:var(--bg-section)}[data-route=platform] .sw__modal-styles{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}[data-route=platform] .sw__modal-style{color:var(--text-70);cursor:pointer;transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:stretch;gap:6px;padding:6px;display:flex}[data-route=platform] .sw__modal-style:hover{color:var(--text-100);border-color:var(--border-card)}[data-route=platform] .sw__modal-style.is-active{color:var(--text-100);border-color:var(--accent);background:var(--accent-soft)}[data-route=platform] .sw__modal-style-preview{border:1px solid var(--border-card);border-radius:5px;width:100%;height:28px;display:block}[data-route=platform] .sw__modal-style--frosted .sw__modal-style-preview{background:linear-gradient(135deg, #ffffff0d, transparent 70%), var(--bg-card);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}[data-route=platform] .sw__modal-style--solid .sw__modal-style-preview{background:var(--bg-card-solid);border-color:var(--border-strong)}[data-route=platform] .sw__modal-style--accent .sw__modal-style-preview{background:linear-gradient(180deg, var(--accent-soft) 0%, transparent 60%), var(--bg-card);border-color:var(--accent-line);box-shadow:0 0 8px -2px rgba(var(--accent-rgb), .4)}[data-route=platform] .sw__modal-style-name{font-family:var(--font-mono);text-align:center;letter-spacing:.06em;text-transform:uppercase;font-size:9px}[data-route=platform] .toast{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-100);z-index:200;animation:toast-in .2s var(--ease);border-radius:8px;padding:10px 16px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000052}[data-route=platform] .brand{align-items:center;gap:var(--sp-2);font-family:var(--font-display);color:var(--text-100);letter-spacing:-.01em;font-size:18px;font-weight:700;display:inline-flex}[data-route=platform] .brand__mark{background:var(--accent);width:28px;height:28px;color:var(--accent-ink);border-radius:var(--r-sm);font-family:var(--font-display);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}[data-route=platform] .brand__mark--icon{background:0 0;padding:0}[data-route=platform] .brand__suffix{font-family:var(--font-mono);color:var(--text-45);letter-spacing:.08em;margin-left:4px;font-size:11px;font-weight:500}[data-route=platform] .app-footer{border-top:1px solid var(--border-card);padding:var(--sp-10) 0;margin-top:var(--sp-16)}[data-route=platform] .app-footer__bar{justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}[data-route=platform] .app-footer__nav{gap:var(--sp-5);flex-wrap:wrap;display:flex}[data-route=platform] .app-footer__nav a,[data-route=platform] .app-footer__contact{color:var(--text-70);font-size:13px}[data-route=platform] .app-footer__nav a:hover,[data-route=platform] .app-footer__contact:hover{color:var(--text-100)}[data-route=platform] .app-footer__contact{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}[data-route=platform] .app-footer__copy{font-family:var(--font-mono);color:var(--text-45);font-size:12px}[data-route=platform] .app-footer__brand{color:var(--text-100);font-weight:600}[data-route=platform] .app-footer__version{opacity:.55}[data-route=platform] .app-footer__disclaimer{margin:var(--sp-3) 0 0;font-family:var(--font-mono);color:var(--text-45);text-align:center;letter-spacing:.02em;opacity:.7;font-size:11px;line-height:1.6}[data-route=platform] .crumbs{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-45);align-items:center;gap:6px;font-size:11px;display:flex}[data-route=platform] .crumbs a{color:var(--text-70);transition:color var(--t-fast) var(--ease)}[data-route=platform] .crumbs a:hover{color:var(--text-100)}[data-route=platform] .crumbs__sep{color:var(--text-25)}[data-route=platform] .crumbs__current{color:var(--text-100)}[data-route=platform] .step-num{min-width:36px;font-size:14px}[data-route=platform] .step-num-sm{letter-spacing:.1em;font-size:13px}[data-route=platform] .hero-cta-note{white-space:nowrap;align-self:center}[data-route=platform] .domain-mono{color:var(--text-100);font-family:var(--font-mono);font-size:14px}[data-route=platform] .legal-meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-45);font-size:11px}[data-route=platform] .auth-eyebrow{color:var(--text-45);margin-bottom:4px}[data-route=platform] .auth-body{margin:0;font-size:14px;line-height:1.55}[data-route=platform] .auth-fallback-link{text-underline-offset:3px;margin:0 auto;font-size:12px;text-decoration:underline}[data-route=platform] .auth-code{font-family:var(--font-mono);letter-spacing:.2em;text-align:center;color:var(--accent);border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:var(--r-md);padding:10px 14px;font-size:18px;font-weight:700}[data-route=platform] .auth-waiting{color:var(--text-45);text-align:center;font-size:11px}[data-route=platform] .auth-success-icon{background:var(--accent-soft);border:1px solid var(--accent-line);width:64px;height:64px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex}[data-route=platform] .auth-success-lead{max-width:360px;margin:8px auto 0}[data-route=platform] .auth-loading-hint{font-size:11px}[data-route=platform] .auth-error{color:var(--text-100);border-radius:var(--r-md);background:#f8717114;border:1px solid #f8717140;padding:12px 14px;font-size:13px;line-height:1.5}[data-route=platform] .auth-status{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;font-size:11px}[data-route=platform] .auth-status--accent{color:var(--accent)}[data-route=platform] .auth-status--error{color:var(--text-error)}[data-route=platform] .auth-status__msg{font-family:var(--font-display);color:var(--text-100);margin:0;font-size:18px}[data-route=platform] .steps{align-items:center;gap:6px;display:flex}[data-route=platform] .steps__dot{border-radius:var(--r-pill);background:var(--border-card);width:28px;height:4px;transition:background var(--t-base) var(--ease)}[data-route=platform] .steps__dot[data-state=active]{background:var(--accent)}[data-route=platform] .steps__dot[data-state=done]{background:var(--accent);opacity:.5}[data-route=platform] .stat{flex-direction:column;gap:4px;display:flex}[data-route=platform] .stat__num{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-100);font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1}[data-route=platform] .stat__label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-45);font-size:11px;font-weight:500}[data-route=platform] .feature{gap:var(--sp-4);align-items:flex-start;display:flex}[data-route=platform] .feature__icon{border-radius:var(--r-md);background:var(--accent-soft);border:1px solid var(--accent-line);width:40px;height:40px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-route=platform] .feature__title{font-family:var(--font-display);color:var(--text-100);margin:0 0 4px;font-size:16px;font-weight:600}[data-route=platform] .feature__desc{color:var(--text-70);margin:0;font-size:14px;line-height:1.5}[data-route=platform] .acc{border-bottom:1px solid var(--border-card)}[data-route=platform] .acc__btn{width:100%;padding:var(--sp-5) 0;font-family:var(--font-display);color:var(--text-100);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;font-size:17px;font-weight:600;display:flex}[data-route=platform] .acc__chevron{width:20px;height:20px;color:var(--text-45);transition:transform var(--t-base) var(--ease), color var(--t-base) var(--ease);flex-shrink:0}[data-route=platform] .acc[data-open=true] .acc__chevron{color:var(--accent);transform:rotate(180deg)}[data-route=platform] .acc__body{padding:0 0 var(--sp-5);color:var(--text-70);max-width:70ch;line-height:1.6;display:none}[data-route=platform] .acc[data-open=true] .acc__body{display:block}[data-route=platform] .kbd{font-family:var(--font-mono);background:var(--bg-elev);border:1px solid var(--border-card);color:var(--text-70);border-radius:4px;padding:2px 6px;font-size:11px}[data-route=platform] .stripe{background:linear-gradient(90deg, transparent, var(--accent-line), transparent);height:1px}[data-route=platform] .frame{border:1px solid var(--border-card);border-radius:var(--r-lg);background:var(--bg-card-solid);box-shadow:var(--shadow-pop);overflow:hidden}[data-route=platform] .frame__bar{background:var(--bg-elev);border-bottom:1px solid var(--border-card);align-items:center;gap:8px;padding:10px 14px;display:flex}[data-route=platform] .frame__dot{background:var(--border-strong);border-radius:50%;width:10px;height:10px}[data-route=platform] .frame__url{background:var(--bg-input);border-radius:var(--r-sm);height:26px;font-family:var(--font-mono);color:var(--text-70);flex:1;align-items:center;padding:0 10px;font-size:11px;display:flex}[data-route=platform] .center{text-align:center}[data-route=platform] .full{width:100%}[data-route=platform] .hidden{display:none!important}[data-route=platform] .relative{position:relative}[data-route=platform] .mx-auto{margin-left:auto;margin-right:auto}[data-route=platform] .mt-2{margin-top:var(--sp-2)}[data-route=platform] .mt-4{margin-top:var(--sp-4)}[data-route=platform] .mt-6{margin-top:var(--sp-6)}[data-route=platform] .mt-8{margin-top:var(--sp-8)}[data-route=platform] .mt-10{margin-top:var(--sp-10)}[data-route=platform] .mt-12{margin-top:var(--sp-12)}[data-route=platform] .mb-4{margin-bottom:var(--sp-4)}[data-route=platform] .mb-6{margin-bottom:var(--sp-6)}[data-route=platform] .mb-8{margin-bottom:var(--sp-8)}[data-route=platform] .mb-10{margin-bottom:var(--sp-10)}[data-route=platform] .maxw-480{max-width:480px}[data-route=platform] .maxw-600{max-width:600px}[data-route=platform] .maxw-700{max-width:700px}[data-route=platform] .maxw-720{max-width:720px}[data-route=platform] .maxw-800{max-width:800px}[data-route=platform] .maxw-880{max-width:880px}[data-route=platform] .maxw-900{max-width:900px}@media (max-width:1100px){[data-route=platform] .grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){[data-route=platform] .grid-2,[data-route=platform] .grid-3,[data-route=platform] .grid-4{grid-template-columns:1fr}}@media (max-width:768px){[data-route=platform] .card{background:var(--bg-card-solid);-webkit-backdrop-filter:none;backdrop-filter:none}[data-route=platform] .app-header__nav,[data-route=platform] .app-header__divider{display:none}[data-route=platform] .sw{top:auto;bottom:16px;transform:none}[data-route=platform] .brand__suffix{display:none}[data-route=platform] .brand{font-size:16px}[data-route=platform] .brand__mark{width:24px;height:24px}[data-route=platform] .app-header__bar{gap:var(--sp-3);height:56px}[data-route=platform] .app-header__actions .btn-sm{padding:6px 10px;font-size:12px}[data-route=platform] .app-header__actions .hbtn,[data-route=platform] .app-header__login{display:none}[data-route=platform] .app-header__burger{display:inline-flex}[data-route=platform] .app-header.is-menu-open .app-header__menu{padding:var(--sp-2) var(--sp-4) var(--sp-3);background:color-mix(in srgb, var(--bg-app) 92%, transparent);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-card);animation:header-menu-slide var(--t-base) var(--ease);flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 24px -8px #00000059}[data-route=platform] .app-header__menu-link{padding:var(--sp-3) 0;color:var(--text-70);text-align:left;cursor:pointer;transition:color var(--t-fast) var(--ease);background:0 0;border:0;font-family:inherit;font-size:15px;display:block}[data-route=platform] .app-header__menu-link:hover,[data-route=platform] .app-header__menu-link[aria-current=page]{color:var(--text-100)}[data-route=platform] .app-header__menu-link+.app-header__menu-link{border-top:1px solid var(--border-card)}[data-route=platform] .eyebrow{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.1em;max-width:100%;font-size:clamp(8px,2.3vw,11px);overflow:hidden}[data-route=platform] .eyebrow:before{display:none}[data-route=platform] .h-display{font-size:clamp(28px,8vw,44px)}[data-route=platform] .h2{font-size:clamp(22px,6vw,32px)}[data-route=platform] .lead{font-size:clamp(13px,3.5vw,16px)}[data-route=platform] .section{padding:clamp(24px,5vw,48px) 0}[data-route=platform] .section--hero{padding:clamp(28px,6vw,56px) 0 clamp(20px,4vw,40px)}}[data-route=platform] .tier-price{align-items:baseline;gap:6px;display:flex}[data-route=platform] .tier-price__num{font-family:var(--font-display);color:var(--text-100);letter-spacing:-.02em;font-size:48px;font-weight:700;line-height:1}[data-route=platform] .tier-price__per{font-size:13px}[data-route=platform] .tier-price__sub{font-size:11px}[data-route=platform] .tier-feature{color:var(--text-85);font-size:14px}[data-route=platform] .tier-feature__icon{color:var(--accent);flex-shrink:0}[data-route=platform] .pricing-yes{color:var(--accent)}[data-route=platform] .pricing-no{color:var(--text-25)}[data-route=platform] .pricing-footnote{font-size:11px}[data-route=platform] .pricing-compare.card{padding:0;overflow:hidden}[data-route=platform] .pricing-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px}[data-route=platform] .pricing-table th:first-child,[data-route=platform] .pricing-table td:first-child{width:40%}[data-route=platform] .pricing-table th:not(:first-child),[data-route=platform] .pricing-table td:not(:first-child){width:20%}[data-route=platform] .pricing-table thead tr,[data-route=platform] .pricing-table tbody tr{border-bottom:1px solid var(--border-card)}[data-route=platform] .pricing-table tbody tr:last-child{border-bottom:0}[data-route=platform] .pricing-table th{text-align:center;color:var(--text-100);font-family:var(--font-display);white-space:nowrap;padding:12px 8px;font-size:14px;font-weight:700}[data-route=platform] .pricing-table th:first-child{text-align:left;color:var(--text-45);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding-left:16px;font-size:11px;font-weight:500}[data-route=platform] .pricing-table th:last-child{padding-right:16px}[data-route=platform] .pricing-table td{text-align:center;color:var(--text-70);vertical-align:middle;white-space:nowrap;padding:10px 8px}[data-route=platform] .pricing-table td:first-child{text-align:left;color:var(--text-85);white-space:normal;padding-left:16px;line-height:1.4}[data-route=platform] .pricing-table td:last-child{padding-right:16px}[data-route=platform] .pricing-table .mono{font-variant-numeric:tabular-nums;font-size:12px}[data-route=platform] .pricing-table td>svg{margin:0 auto;display:block}@media (max-width:768px){[data-route=platform] .pricing-table{font-size:13px}[data-route=platform] .pricing-table th{padding:10px 4px;font-size:13px}[data-route=platform] .pricing-table th:first-child{padding-left:12px;padding-right:4px;font-size:10px}[data-route=platform] .pricing-table th:last-child{padding-right:12px}[data-route=platform] .pricing-table td{padding:9px 4px}[data-route=platform] .pricing-table td:first-child{padding-left:12px;padding-right:4px;font-size:12px}[data-route=platform] .pricing-table td:last-child{padding-right:12px}[data-route=platform] .pricing-table .mono{font-size:11px}[data-route=platform] .pricing-table th:first-child,[data-route=platform] .pricing-table td:first-child{width:38%}[data-route=platform] .pricing-table th:not(:first-child),[data-route=platform] .pricing-table td:not(:first-child){width:20.66%}}[data-route=platform] .faq-layout{gap:var(--sp-12);grid-template-columns:minmax(0,240px) 1fr;align-items:flex-start;display:grid}[data-route=platform] .faq-aside{position:sticky;top:84px}[data-route=platform] .faq-aside__link{align-items:center;gap:var(--sp-2);border-radius:var(--r-md);color:var(--text-70);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);padding:10px 12px;font-size:14px;text-decoration:none;display:flex}[data-route=platform] .faq-aside__link:hover{background:var(--bg-elev);color:var(--text-100)}[data-route=platform] .faq-aside__chev{color:var(--text-45)}[data-route=platform] .faq-aside__link:hover .faq-aside__chev{color:var(--text-100)}@media (max-width:900px){[data-route=platform] .faq-layout{gap:var(--sp-8);grid-template-columns:1fr}[data-route=platform] .faq-aside{display:none}}@media (max-width:768px){[data-route=platform] .faq-card.card--lg{padding:var(--sp-3) var(--sp-4)}[data-route=platform] .faq-groups .h2{margin-bottom:var(--sp-4)}}[data-route=platform] .app-footer__desktop{display:block}[data-route=platform] .app-footer__mobile{display:none}[data-route=platform] .app-footer__showcase{text-align:center;margin-bottom:var(--sp-3)}[data-route=platform] .app-footer__showcase a{color:var(--text-70);font-size:12px;font-family:var(--font-mono);letter-spacing:.08em}[data-route=platform] .app-footer__showcase a:hover{color:var(--text-100)}[data-route=platform] .app-footer__mobile .app-footer__nav{margin-bottom:var(--sp-4);justify-content:center;row-gap:var(--sp-2)}[data-route=platform] .app-footer__legal{justify-content:space-between;align-items:center;gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border-card);font-family:var(--font-mono);color:var(--text-45);font-size:11px;line-height:1.4;display:flex}[data-route=platform] .app-footer__legal__copy{flex-shrink:0}[data-route=platform] .app-footer__legal__disclaimer{text-align:right;flex-shrink:1;min-width:0}@media (max-width:768px){[data-route=platform] .app-footer__desktop{display:none}[data-route=platform] .app-footer__mobile{display:block}[data-route=platform] .app-footer{padding:var(--sp-6) 0;margin-top:var(--sp-8)}[data-route=platform] .app-footer__mobile .app-footer__nav{gap:var(--sp-3);font-size:12px}[data-route=platform] .app-footer__legal{gap:var(--sp-2);font-size:10px;line-height:1.35}[data-route=platform] .app-footer__legal__disclaimer{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;display:-webkit-box;overflow:hidden}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes header-menu-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes nslay-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes border-shimmer{0%,to{border-color:rgba(var(--accent-rgb), .3)}50%{border-color:rgba(var(--accent-rgb), .6)}}@keyframes hero-glitch-jitter{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(1px,1px)}}@keyframes hero-glitch-shake-r{0%{transform:translate(-3px,1px)}20%{transform:translate(-2px,-1px)}40%{transform:translate(-1px,2px)}60%{transform:translate(-3px)}80%{transform:translate(-2px,1px)}to{transform:translate(-3px,-1px)}}@keyframes hero-glitch-shake-b{0%{transform:translate(3px,-1px)}20%{transform:translate(2px,1px)}40%{transform:translate(1px,-2px)}60%{transform:translate(3px)}80%{transform:translate(2px,-1px)}to{transform:translate(3px,1px)}}@keyframes hero-glitch-collapse{0%{opacity:1;filter:blur();transform:scaleY(1)}60%{opacity:.6;filter:blur(2px);transform:scaleY(.06)}to{opacity:0;filter:blur(2px);transform:scaleY(0)}}@keyframes hero-typing-caret-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes hero-slice-1{0%{clip-path:inset(0 0 90%);transform:translate(-3px)}10%{clip-path:inset(8% 0 80%);transform:translate(4px)}20%{clip-path:inset(15% 0 70%);transform:translate(-5px)}30%{clip-path:inset(0 0 95%);transform:translate(2px)}40%{clip-path:inset(25% 0 60%);transform:translate(-3px)}50%{clip-path:inset(5% 0 88%);transform:translate(6px)}60%{clip-path:inset(20% 0 70%);transform:translate(-4px)}70%{clip-path:inset(10% 0 80%);transform:translate(3px)}80%{clip-path:inset(0 0 92%);transform:translate(-5px)}90%{clip-path:inset(18% 0 75%);transform:translate(2px)}to{clip-path:inset(8% 0 85%);transform:translate(-3px)}}@keyframes hero-slice-2{0%{clip-path:inset(80% 0 5%);transform:translate(4px)}10%{clip-path:inset(60% 0 20%);transform:translate(-3px)}20%{clip-path:inset(75% 0 10%);transform:translate(5px)}30%{clip-path:inset(85% 0 0);transform:translate(-2px)}40%{clip-path:inset(55% 0 25%);transform:translate(4px)}50%{clip-path:inset(70% 0 15%);transform:translate(-6px)}60%{clip-path:inset(80% 0 5%);transform:translate(3px)}70%{clip-path:inset(65% 0 20%);transform:translate(-5px)}80%{clip-path:inset(75% 0 10%);transform:translate(2px)}90%{clip-path:inset(60% 0 25%);transform:translate(-4px)}to{clip-path:inset(82% 0 5%);transform:translate(5px)}}[data-route=clan] .wrap{z-index:1;width:100%;max-width:1180px;margin:0 auto;padding-left:7px;padding-right:7px;position:relative}[data-route=clan] .eyebrow{font-family:var(--font-mono);color:var(--color-text-45);letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;display:inline-flex}[data-route=clan] .eyebrow:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:2s ease-in-out infinite nslay-pulse}[data-route=clan] .btn{letter-spacing:.02em;border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}[data-route=clan] .btn-ghost{color:var(--color-text-70);border:1px solid var(--border-card);background:0 0}[data-route=clan] .btn-ghost:hover{color:var(--color-text-100);border-color:var(--border-card-hover);background:#ffffff05}[data-route=clan] .btn-primary{background:var(--accent);color:#0a0e27;border:1px solid var(--accent);box-shadow:0 0 30px -5px var(--accent-line);font-weight:600}[data-route=clan] .btn-primary:hover{box-shadow:0 0 45px -5px var(--accent);transform:translateY(-1px)}[data-route=clan] .btn-outline{color:var(--color-text-100);border:1px solid var(--accent-line);background:var(--accent-soft)}[data-route=clan] .btn-outline:hover{border-color:var(--accent);background:rgba(var(--accent-rgb), .18)}[data-route=clan] .btn-lg{padding:14px 24px;font-size:14px}[data-route=clan] .btn .arrow{transition:transform .2s}[data-route=clan] .btn:hover .arrow{transform:translate(3px)}[data-route=clan] .card{background-color:var(--color-bg-panel);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:1.25rem;transition:border-color .25s,background-color .25s}[data-route=clan] .card:hover{border-color:var(--border-card-hover)}[data-route=clan] .meta-pill{--pill-fg:var(--color-text-70);--pill-border:var(--border-card);--pill-bg:var(--bg-card-soft);border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--pill-fg);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:2px 8px;display:inline-flex}[data-route=clan] .meta-pill--good{--pill-fg:var(--stat-good);--pill-border:color-mix(in srgb, var(--stat-good) 35%, transparent);--pill-bg:color-mix(in srgb, var(--stat-good) 10%, transparent)}[data-route=clan] .meta-pill--rose{--pill-fg:var(--color-rose);--pill-border:var(--color-rose-line);--pill-bg:var(--color-rose-soft);font-weight:600}[data-route=clan] .meta-pill--accent{--pill-fg:var(--accent);--pill-border:var(--accent-line);--pill-bg:var(--accent-soft)}[data-route=clan] .meta-pill--warn{--pill-fg:var(--stat-warn);--pill-border:color-mix(in srgb, var(--stat-warn) 35%, transparent);--pill-bg:color-mix(in srgb, var(--stat-warn) 10%, transparent)}[data-route=clan] .meta-pill--bad{--pill-fg:var(--stat-bad);--pill-border:color-mix(in srgb, var(--stat-bad) 35%, transparent);--pill-bg:color-mix(in srgb, var(--stat-bad) 10%, transparent)}[data-route=clan] .panel{border:1px solid var(--border-card);background:linear-gradient(180deg, var(--bg-card-soft), transparent 45%), var(--bg-card);box-shadow:0 1px 0 var(--border-subtle) inset, 0 24px 48px -28px #0000008c;border-radius:14px;padding:28px 26px;transition:border-color .2s,box-shadow .25s}[data-route=clan] .panel:hover{border-color:var(--border-card-hover);box-shadow:0 1px 0 var(--border-subtle) inset, 0 28px 56px -28px #0009}[data-route=clan] .nslay-nav{background:var(--bg-section)}[data-route=clan] .table-row-hover:hover{background-color:rgba(var(--accent-rgb), .05)}[data-route=clan] .medal-gold{color:gold;text-shadow:0 0 10px #ffd70080}[data-route=clan] .medal-silver{color:silver;text-shadow:0 0 10px #c0c0c080}[data-route=clan] .medal-bronze{color:#cd7f32;text-shadow:0 0 10px #cd7f3280}[data-route=clan] .shimmer-border{border-width:1.5px;animation:4s ease-in-out infinite border-shimmer}[data-route=clan] .unit{font-family:var(--font-mono);color:var(--accent);letter-spacing:0;font-size:18px;font-weight:500}[data-route=clan] .hero-glitch{transform-origin:50%;display:inline-block;position:relative}[data-route=clan] .hero-glitch.is-drunk{filter:blur(.6px);animation:.18s steps(2,end) infinite hero-glitch-jitter}[data-route=clan] .hero-glitch.is-drunk:before,[data-route=clan] .hero-glitch.is-drunk:after{content:attr(data-text);pointer-events:none;-webkit-user-select:none;user-select:none;font:inherit;letter-spacing:inherit;mix-blend-mode:screen;text-shadow:none;position:absolute;inset:0}[data-route=clan] .hero-glitch.is-drunk:before{color:#ff4646b3;animation:.32s steps(2,end) infinite hero-glitch-shake-r}[data-route=clan] .hero-glitch.is-drunk:after{color:#50a0ffb3;animation:.28s steps(2,end) infinite hero-glitch-shake-b}[data-route=clan] .hero-glitch.is-collapse{animation:.3s ease-in forwards hero-glitch-collapse}[data-route=clan] .hero-typing-caret{color:var(--accent);vertical-align:baseline;margin-left:.05em;animation:.55s step-end infinite hero-typing-caret-blink;display:inline-block}[data-route=clan] .hero-glitch.is-active:before,[data-route=clan] .hero-glitch.is-active:after{content:attr(data-text);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;font:inherit;letter-spacing:inherit;background:var(--color-bg-void);text-shadow:none;position:absolute;top:0;left:0;overflow:hidden}[data-route=clan] .hero-glitch.is-active:before{color:#f4f6fb;text-shadow:2px 0 #ff3c3cd9;animation:.7s step-end infinite hero-slice-1}[data-route=clan] .hero-glitch.is-active:after{color:#f4f6fb;text-shadow:-2px 0 #50c8ffd9;animation:.55s step-end infinite hero-slice-2}[data-route=clan] .hero-glitch.is-fade:before,[data-route=clan] .hero-glitch.is-fade:after{content:attr(data-text);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;font:inherit;letter-spacing:inherit;background:var(--color-bg-void);text-shadow:none;opacity:0;transition:opacity .35s ease-out;position:absolute;top:0;left:0}[data-route=clan] .hero-glitch.is-fade:before{color:#f4f6fb;text-shadow:2px 0 #ff3c3cd9;clip-path:inset(20% 0 60%);transform:translate(-2px)}[data-route=clan] .hero-glitch.is-fade:after{color:#f4f6fb;text-shadow:-2px 0 #50c8ffd9;clip-path:inset(60% 0 20%);transform:translate(2px)}@media (min-width:768px){[data-route=clan] .wrap{padding-left:32px;padding-right:32px}}@media (max-width:768px){[data-route=clan] .btn{gap:clamp(4px,1vw,6px)!important;padding:clamp(4px,1vw,6px) clamp(8px,2.6vw,13px)!important;font-size:clamp(9px,2.6vw,11px)!important}[data-route=clan] .btn-lg{padding:clamp(6px,1.5vw,10px) clamp(12px,3.5vw,18px)!important;font-size:clamp(10px,2.8vw,12px)!important}[data-route=clan] .eyebrow:before{box-shadow:none;animation:none}[data-route=clan] .nslay-nav{background:#05070f}}@media (prefers-reduced-motion:reduce){[data-route=clan] .hero-glitch,[data-route=clan] .hero-glitch.is-active,[data-route=clan] .hero-glitch.is-drunk,[data-route=clan] .hero-glitch.is-collapse,[data-route=clan] .hero-glitch.is-active:before,[data-route=clan] .hero-glitch.is-active:after,[data-route=clan] .hero-glitch.is-drunk:before,[data-route=clan] .hero-glitch.is-drunk:after,[data-route=clan] .hero-typing-caret{filter:none!important;transition:none!important;animation:none!important;transform:none!important}[data-route=clan] .hero-glitch.is-active:before,[data-route=clan] .hero-glitch.is-active:after,[data-route=clan] .hero-glitch.is-drunk:before,[data-route=clan] .hero-glitch.is-drunk:after{opacity:0!important;clip-path:inset(100% 0)!important}}[data-route=clan] .sw{z-index:90;pointer-events:none;align-items:stretch;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}[data-route=clan] .sw__handle{pointer-events:auto;border:1px solid var(--border-card);background:var(--bg-card);width:32px;height:56px;color:var(--text-70);cursor:pointer;transition:transform var(--t-fast) var(--ease), color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-right:0;border-radius:10px 0 0 10px;justify-content:center;align-items:center;display:flex;transform:translate(8px)}[data-route=clan] .sw__handle:hover{color:var(--accent);background:var(--bg-card-solid,var(--bg-section));transform:translate(0)}[data-route=clan] .sw__handle svg{width:16px;height:16px}[data-route=clan] .sw--open .sw__handle{color:var(--accent);transform:translate(0)}[data-route=clan] .sw__panel{pointer-events:auto;background:var(--bg-card-solid,var(--bg-section));border:1px solid var(--border-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:280px;max-width:0;transition:max-width .24s var(--ease), padding .24s var(--ease);border-right:0;border-radius:12px 0 0 12px;flex-direction:column;gap:16px;padding:18px 0;display:flex;overflow:hidden;box-shadow:-12px 12px 32px #00000052}[data-route=clan] .sw--open .sw__panel{max-width:320px;padding:18px}[data-route=clan] .sw__head{justify-content:space-between;align-items:center;display:flex}[data-route=clan] .sw__close{width:22px;height:22px;color:var(--text-45);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;font-size:20px;line-height:1}[data-route=clan] .sw__close:hover{color:var(--text-100)}[data-route=clan] .sw__group{flex-direction:column;gap:8px;display:flex}[data-route=clan] .sw__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-45);justify-content:space-between;align-items:center;font-size:10px;display:flex}[data-route=clan] .sw__reset{color:var(--text-45);font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 6px;font-size:10px}[data-route=clan] .sw__reset:hover:not(:disabled){color:var(--accent)}[data-route=clan] .sw__reset:disabled{opacity:.4;cursor:default}[data-route=clan] .sw__themes{grid-template-columns:1fr 1fr;gap:4px;display:grid}[data-route=clan] .sw__theme{color:var(--text-70);cursor:pointer;text-align:left;min-width:0;transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}[data-route=clan] .sw__theme:hover{background:var(--bg-section);color:var(--text-100)}[data-route=clan] .sw__theme.is-active{color:var(--text-100);border-color:var(--accent);background:var(--accent-soft)}[data-route=clan] .sw__theme-sw{border:1px solid var(--border-card);border-radius:6px;flex-shrink:0;width:22px;height:22px;display:inline-flex;overflow:hidden}[data-route=clan] .sw__theme-sw>span{flex:1;display:block}[data-route=clan] .sw__theme-name{font-weight:500}[data-route=clan] .sw__accents{flex-wrap:wrap;gap:8px;display:flex}[data-route=clan] .sw__accent{cursor:pointer;outline:1px solid var(--border-card);width:28px;height:28px;transition:transform var(--t-fast) var(--ease), outline-color var(--t-fast) var(--ease);border:2px solid #0000;border-radius:50%}[data-route=clan] .sw__accent:hover{transform:scale(1.08)}[data-route=clan] .sw__accent.is-active{border-color:var(--text-100);outline-color:#0000}[data-route=clan] .sw__hint{color:var(--text-45);border-top:1px solid var(--border-card);margin:0;padding-top:12px;font-size:11px;line-height:1.5}[data-route=clan] .sw__panel,[data-route=clan] .sw__handle{--bg-card-solid:var(--bg-section)}[data-route=clan] .sw__modal-styles{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}[data-route=clan] .sw__modal-style{color:var(--text-70);cursor:pointer;transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:stretch;gap:6px;padding:6px;display:flex}[data-route=clan] .sw__modal-style:hover{color:var(--text-100);border-color:var(--border-card)}[data-route=clan] .sw__modal-style.is-active{color:var(--text-100);border-color:var(--accent);background:var(--accent-soft)}[data-route=clan] .sw__modal-style-preview{border:1px solid var(--border-card);border-radius:5px;width:100%;height:28px;display:block}[data-route=clan] .sw__modal-style--frosted .sw__modal-style-preview{background:linear-gradient(135deg, #ffffff0d, transparent 70%), var(--bg-card);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}[data-route=clan] .sw__modal-style--solid .sw__modal-style-preview{background:var(--bg-card-solid);border-color:var(--border-strong)}[data-route=clan] .sw__modal-style--accent .sw__modal-style-preview{background:linear-gradient(180deg, var(--accent-soft) 0%, transparent 60%), var(--bg-card-strong,var(--bg-card));border-color:var(--accent-line);box-shadow:0 0 8px -2px rgba(var(--accent-rgb), .4)}[data-route=clan] .sw__modal-style-name{font-family:var(--font-mono);text-align:center;letter-spacing:.06em;text-transform:uppercase;font-size:9px}
.modal-backdrop{z-index:110;background:var(--bg-overlay,#05070fc7);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:clamp(8px,2vw,16px);animation:.18s cubic-bezier(.2,.8,.2,1) cw-modal-fade-in;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(180deg, var(--bg-card-soft) 0%, transparent 30%), var(--bg-card,#0d12308c);border:1px solid var(--border-card);border-radius:var(--r-xl,var(--radius-lg,16px));width:100%;max-width:min(520px,100vw - 16px);max-height:min(86vh,720px);box-shadow:0 1px 0 #ffffff0f inset, var(--shadow-pop,0 24px 60px -20px #000000b3);-webkit-backdrop-filter:blur(24px)saturate(140%);flex-direction:column;animation:.2s cubic-bezier(.2,.8,.2,1) cw-modal-pop-in;display:flex;position:relative;overflow:hidden}.modal--sm{max-width:min(380px,100vw - 16px)}.modal--md{max-width:min(520px,100vw - 16px)}.modal--lg,.modal--wide{max-width:min(720px,100vw - 16px)}.modal--xl{max-width:min(960px,100vw - 16px)}.modal--full{border:none;border-radius:0;max-width:100vw;max-height:100vh}.modal__header{border-bottom:1px solid var(--border-card,#f4f6fb14);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.modal__title{font-family:var(--font-display,"Space Grotesk", sans-serif);color:var(--text-100,var(--color-text-100,#f4f5fb));text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:16px;font-weight:600;overflow:hidden}.modal__header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.modal__close{border:1px solid var(--border-card,#f4f6fb14);width:28px;height:28px;color:var(--text-70,var(--color-text-70,#f4f6fbb3));cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.modal__close:hover{color:var(--text-100,var(--color-text-100,#f4f5fb));border-color:var(--border-strong,#f4f6fb33)}.modal__body{flex-direction:column;flex:auto;gap:14px;min-height:0;padding:18px 20px;display:flex;overflow-y:auto}.modal__body--bare,.modal__body--no-padding{padding:0}.modal__footer{border-top:1px solid var(--border-card,#f4f6fb14);background:var(--bg-section,#05070f66);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px;display:flex}@keyframes cw-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cw-modal-pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}html[data-modal-style=solid] .modal-backdrop{-webkit-backdrop-filter:none;background:#000000c7}html[data-modal-style=solid] .modal{background:linear-gradient(180deg, var(--bg-section,#0a0e26) 0%, var(--bg-card-solid,#0d1230) 100%);border:1px solid var(--accent-line);border-radius:var(--r-md,10px);-webkit-backdrop-filter:none;box-shadow:0 0 0 1px #ffffff0a inset, 0 32px 80px -24px #000000f2, 0 0 60px -12px rgba(var(--accent-rgb), .18)}html[data-modal-style=accent] .modal-backdrop{background:radial-gradient(ellipse 80% 60% at 50% 50%, rgba(var(--accent-rgb), .18) 0%, transparent 70%), var(--bg-overlay,#05070fc7);-webkit-backdrop-filter:blur(12px)}html[data-modal-style=accent] .modal{background:linear-gradient(180deg, var(--accent-soft) 0%, transparent 60%), var(--bg-card-strong,#0d1230eb);border:1px solid var(--accent-line);box-shadow:0 0 32px -8px rgba(var(--accent-rgb), .35), 0 24px 60px -20px #000000b3}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none}}