@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-400-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-500-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-500-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Manrope-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Manrope-400-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Manrope-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Manrope-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Manrope-500-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Manrope-500-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Manrope-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Manrope-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Manrope-600-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Manrope-600-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Manrope-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Manrope-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Manrope-700-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Manrope-700-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Manrope-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Manrope-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/SpaceGrotesk-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/SpaceGrotesk-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/SpaceGrotesk-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/SpaceGrotesk-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/SpaceGrotesk-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/SpaceGrotesk-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg-0: #070810;--bg-1: #080a12;--bg-2: #12151c;--bg-3: #181c25;--surface: rgba(18, 21, 28, .55);--surface-2: rgba(255, 255, 255, .02);--surface-3: rgba(255, 255, 255, .04);--surface-6: rgba(255, 255, 255, .06);--surface-pop: #181c25;--topbar-bg: rgba(10, 12, 19, .72);--glass: blur(22px) saturate(130%);--panel: var(--surface);--line-soft: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--text: #eef2f8;--muted: #98a2b3;--muted-2: #98a2b3;--faint: #5f6b7c;--accent: #8aa9ff;--accent-2: #aac1ff;--accent-deep: #6e90f0;--accent-soft: rgba(138, 169, 255, .09);--accent-line: rgba(138, 169, 255, .22);--grad-accent: linear-gradient(150deg, #8aa9ff, #6e90f0);--blue: #8aa9ff;--blue-soft: rgba(138, 169, 255, .1);--blue-line: rgba(138, 169, 255, .4);--red: #ff7a85;--red-soft: rgba(255, 122, 133, .05);--red-line: rgba(255, 122, 133, .18);--success: #5fd6a4;--success-soft: rgba(95, 214, 164, .1);--success-line: rgba(95, 214, 164, .28);--warning: #e8b96a;--danger: #ff7a85;--r-xs: 8px;--r-sm: 9px;--r-md: 12px;--r-lg: 16px;--r-xl: 18px;--r-2xl: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--shadow-card: 0 24px 60px -34px rgba(0, 0, 0, .9);--shadow-rail: 0 30px 70px -34px rgba(125, 163, 255, .6);--shadow-btn: 0 8px 22px -10px rgba(125, 163, 255, .9);--ease: cubic-bezier(.23, 1, .32, 1);--topbar-h: 66px;--mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", "Courier New", monospace;--head: "Space Grotesk", "Manrope", ui-sans-serif, system-ui, sans-serif;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;background:var(--bg-0)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(1200px 560px at 50% -8%,rgba(125,163,255,.1),transparent 62%),radial-gradient(900px 500px at 92% 8%,rgba(95,214,164,.05),transparent 60%),linear-gradient(180deg,#070810,#080a12);background-attachment:fixed;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--head)}button,input,select,textarea{font:inherit}button{color:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-2)}h1,h2,h3,p{margin-top:0}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#ffffff17;border-radius:5px}::-webkit-scrollbar-track{background:transparent}[hidden]{display:none!important}@keyframes dfFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes dfPopIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes dfSpin{to{transform:rotate(360deg)}}@keyframes dfPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}@keyframes dfSheen{0%{transform:translate(-120%)}to{transform:translate(220%)}}@keyframes dfGlow{0%,to{box-shadow:0 0 0 1px #7da3ff59,0 0 26px -6px #7da3ff80}50%{box-shadow:0 0 0 1px #7da3ff80,0 0 40px -4px #7da3ffb3}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:90ms!important}}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;height:var(--topbar-h);flex:none;display:flex;align-items:center;gap:18px;padding:0 clamp(16px,4vw,40px);background:var(--topbar-bg);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-bottom:1px solid rgba(255,255,255,.07)}.topbar-brand{display:flex;align-items:center;gap:11px;flex:none;border:0;background:none;padding:0;cursor:pointer;color:inherit}.brand-mark{width:32px;height:32px;flex:none;border-radius:10px;background:linear-gradient(150deg,#8aa9ff,#5c7ce0);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px -6px #7da3ffb3}.brand-name{font-family:var(--head);font-weight:700;font-size:17px;letter-spacing:-.01em}.topbar-nav{flex:1;display:flex;justify-content:center}.nav-pills{display:flex;gap:3px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:13px;padding:4px}.nav-pill{display:flex;align-items:center;gap:7px;padding:8px 15px;border-radius:10px;border:none;background:transparent;color:var(--muted);font-size:13.5px;font-weight:500;transition:background .16s var(--ease),color .16s var(--ease)}.nav-pill svg{flex:none}.nav-pill:hover{color:var(--text);background:#ffffff0d}.nav-pill.active{background:var(--grad-accent);color:#080a12;font-weight:700;box-shadow:0 6px 16px -8px #7da3ffe6}.topbar-right{flex:none;display:flex;justify-content:flex-end;align-items:center;gap:9px}.locale-btn{font-size:12.5px;font-weight:700;letter-spacing:.03em;color:var(--muted);background:var(--surface-3);border:1px solid var(--line);border-radius:10px;padding:8px 12px;transition:background .14s var(--ease),color .14s var(--ease)}.locale-btn:hover{background:#ffffff12;color:var(--text)}.signin-btn{font-size:13.5px;font-weight:700;color:#080a12;background:var(--grad-accent);border:none;border-radius:11px;padding:9px 18px;box-shadow:0 6px 18px -8px #7da3ffcc;transition:filter .14s var(--ease),transform .12s var(--ease);white-space:nowrap}.signin-btn:hover{filter:brightness(1.08)}.signin-btn:active{transform:scale(.97)}.account-btn{display:flex;align-items:center;gap:9px;background:var(--surface-3);border:1px solid var(--line);border-radius:12px;padding:5px 12px 5px 5px;color:var(--text);white-space:nowrap;transition:background .14s var(--ease),border-color .14s var(--ease)}.account-btn:hover{background:#ffffff12;border-color:var(--line-strong)}.account-ini{width:27px;height:27px;flex:none;border-radius:8px;background:linear-gradient(150deg,#8aa9ff59,#8aa9ff1f);color:var(--accent-2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.account-name{font-size:13.5px;font-weight:600}.main-wrap{flex:1;width:100%;max-width:1360px;margin:0 auto;padding:22px clamp(16px,4vw,40px) 32px}.context-strip{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:20px}.ctx-chip{font-size:12px;color:var(--muted);background:var(--surface-3);border:1px solid rgba(255,255,255,.07);border-radius:9px;padding:5px 11px;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.ctx-chip.mono{font-family:var(--mono)}.ctx-chip.side{color:var(--accent-2);background:var(--accent-soft);border-color:var(--accent-line)}.ctx-chip.side i{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}.ctx-spacer{flex:1}.ctx-meta{font-size:12px;color:var(--success);display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.ctx-meta i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);flex:none}.mobile-nav{display:none}.legal-footer{max-width:900px;margin:40px auto 0;color:#5f6b7cb3;font-size:11px;line-height:1.5;text-align:center}.primary-button,.secondary-button,.ghost-button,.danger-button{font-family:Manrope,sans-serif;font-size:13.5px;font-weight:700;border-radius:11px;padding:9px 16px;transition:filter .14s var(--ease),background .14s var(--ease),transform .12s var(--ease),border-color .14s var(--ease)}.primary-button{color:#080a12;background:var(--grad-accent);border:none;box-shadow:var(--shadow-btn)}.primary-button:hover{filter:brightness(1.08)}.primary-button:active{transform:scale(.98)}.secondary-button{color:var(--text);background:var(--surface-6);border:1px solid rgba(255,255,255,.1);font-weight:600}.secondary-button:hover{background:#ffffff1a}.ghost-button{color:var(--muted);background:var(--surface-3);border:1px solid var(--line);font-weight:600}.ghost-button:hover{background:#ffffff12;color:var(--text)}.danger-button{color:var(--muted);background:none;border:1px solid var(--line);font-weight:600}.danger-button:hover{color:var(--red);border-color:var(--red-line)}.icon-button{width:36px;height:36px;flex:none;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-3);color:var(--muted);font-size:18px;transition:background .14s var(--ease),color .14s var(--ease)}.icon-button:hover{background:#ffffff12;color:var(--text)}.page{animation:dfFadeUp .24s var(--ease)}.page-narrow{max-width:940px;margin:0 auto}.page-heading{margin-bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.page-heading h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em}.page-heading p{margin:3px 0 0;color:var(--muted);font-size:13.5px;line-height:1.5;max-width:620px}.heading-actions,.sheet-actions{display:flex;gap:9px}.section-label{margin-bottom:11px;display:flex;align-items:center;justify-content:space-between;gap:10px}.section-label>span{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted)}.section-label>small{font-size:11px;color:var(--faint);font-family:var(--mono)}.error-banner{margin-bottom:14px;padding:11px 13px;display:flex;gap:10px;align-items:center;border:1px solid var(--red-line);border-radius:var(--r-md);background:#ff7a8512;color:var(--red);font-size:13px}.error-banner>span{font-weight:700}.error-banner p{margin:0;flex:1}.error-banner button{border:0;background:none;color:var(--red);text-decoration:underline}.draft-view{animation:dfFadeUp .24s var(--ease)}.draft-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.draft-head h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em}.draft-head p{margin:3px 0 0;font-size:13.5px;color:var(--muted)}.draft-head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.phase-chip{font-size:12.5px;color:var(--accent-2);background:var(--accent-soft);border:1px solid rgba(138,169,255,.2);border-radius:10px;padding:7px 12px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.phase-chip i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:dfPulse 2s ease-in-out infinite}.draft-context{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap;padding:11px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2)}.side-toggle{display:flex;align-items:center;gap:6px}.side-toggle>span{font-size:12px;color:var(--muted);margin-right:2px}.side-toggle button{padding:6px 13px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font-size:12.5px;font-weight:600;transition:background .14s var(--ease),color .14s var(--ease),border-color .14s var(--ease)}.side-toggle button.active.blue{border-color:var(--blue-line);background:var(--blue-soft);color:var(--accent-2)}.side-toggle button.active.red{border-color:#ff7a8566;background:#ff7a851a;color:var(--red)}.ctx-select{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.ctx-select select{height:32px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--bg-2);color:var(--muted);font-size:12px}.ctx-select select option{background:var(--bg-2)}.mobile-tabs{display:none}.draft-advantage{display:flex;align-items:center;gap:14px;background:#12151c8c;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-lg);padding:12px 16px;margin-bottom:16px;animation:dfFadeUp .24s var(--ease) both}.adv-side{flex:none}.adv-side.blue{text-align:left}.adv-side.red{text-align:right}.adv-pct{font-family:var(--mono);font-size:17px;font-variant-numeric:tabular-nums;font-weight:500}.adv-side.blue .adv-pct{color:var(--accent)}.adv-side.red .adv-pct{color:var(--red)}.adv-label{font-size:9.5px;color:var(--faint);letter-spacing:.05em}.adv-center{flex:1;min-width:0}.adv-title{display:flex;justify-content:center;margin-bottom:6px;font-size:10.5px;font-weight:700;color:var(--muted);letter-spacing:.08em}.adv-bar{height:8px;border-radius:5px;background:#ff7a8547;overflow:hidden;position:relative}.adv-fill{position:absolute;left:0;top:0;bottom:0;border-radius:5px 0 0 5px;background:linear-gradient(90deg,var(--accent-deep),var(--accent));box-shadow:0 0 14px #8aa9ff99;transition:width .6s var(--ease)}.adv-marker{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text);border-radius:1px;box-shadow:0 0 6px #fffc}.adv-note{display:flex;justify-content:center;margin-top:6px;font-size:11px;color:var(--faint)}.draft-grid{display:grid;grid-template-columns:270px minmax(0,1fr) 270px;gap:16px;align-items:start}.draft-col{min-width:0}.col-rail{display:flex;flex-direction:column;gap:14px}.team-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:0 24px 60px -30px #000000e6;padding:15px}.team-panel.blue{background:linear-gradient(180deg,#8aa9ff0d,#ffffff04)}.team-panel.red{background:linear-gradient(180deg,#ff7a850d,#ffffff04)}.team-accent{position:absolute;top:0;height:3px}.team-panel.blue .team-accent{left:0;right:40%;background:linear-gradient(90deg,var(--accent),transparent)}.team-panel.red .team-accent{left:40%;right:0;background:linear-gradient(90deg,transparent,var(--red))}.team-head{display:flex;align-items:center;justify-content:space-between}.team-name{font-family:var(--head);font-weight:600;font-size:14.5px;letter-spacing:.01em}.team-panel.blue .team-name{color:var(--accent)}.team-panel.red .team-name{color:var(--red)}.team-count{font-family:var(--mono);font-size:11px;color:var(--faint)}.pick-slots{display:flex;flex-direction:column;gap:8px}.pick-slot{display:flex;align-items:center;gap:11px;padding:9px;border-radius:13px;min-height:64px;background:var(--surface-2);border:1px solid var(--line-soft);transition:background .14s var(--ease),border-color .14s var(--ease)}.pick-slot.filled{animation:dfPopIn .2s var(--ease)}.pick-slot.active.blue{background:#8aa9ff1a;border-color:var(--blue-line);box-shadow:0 0 0 1px #8aa9ff33}.pick-slot.active.red{background:#ff7a8514;border-color:#ff7a8559;box-shadow:0 0 0 1px #ff7a8533}.pick-slot:hover{border-color:var(--line)}.pick-slot>button{min-width:0;flex:1;padding:0;display:flex;gap:11px;align-items:center;border:0;background:none;text-align:left}.slot-copy{min-width:0;flex:1;display:grid;gap:2px}.slot-copy b{font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-slot:not(.filled) .slot-copy b{color:var(--muted);font-weight:600}.slot-copy small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-slot:not(.filled) .slot-copy small{color:var(--faint)}.slot-stat{text-align:right;flex:none}.slot-stat b{font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums;font-weight:500}.slot-stat.comfort b{color:var(--success)}.slot-stat.threat b{color:var(--warning)}.slot-stat small{display:block;font-size:9.5px;color:var(--faint);letter-spacing:.04em}.pick-slot select{flex:none;max-width:100px;height:30px;padding:0 7px;border:1px solid var(--line-soft);border-radius:9px;background:var(--bg-2);color:var(--muted);font-size:11px}.pick-slot select option{background:var(--bg-2)}.champion-avatar{display:inline-flex;align-items:center;gap:8px}.champion-avatar img,.champion-avatar.placeholder{width:46px;height:46px;flex:0 0 auto;border-radius:11px;object-fit:cover;background:var(--bg-2);box-shadow:inset 0 0 0 1px #ffffff14}.champion-avatar.placeholder{display:grid;place-items:center;color:var(--faint);border:1px dashed rgba(255,255,255,.16);box-shadow:none;font-size:20px;font-weight:300}.ban-row{display:flex;align-items:center;gap:9px;padding-top:11px;border-top:1px solid var(--line-soft)}.ban-row>span{font-size:10px;color:var(--faint);flex:none;letter-spacing:.05em}.ban-row>div{display:flex;gap:6px}.ban-row button{width:30px;height:30px;padding:0;border:0;background:none;border-radius:8px;overflow:hidden}.ban-row .champion-avatar img{width:30px;height:30px;border-radius:8px;box-shadow:none;filter:grayscale(.9);opacity:.7}.ban-row .champion-avatar.placeholder{width:30px;height:30px;border-radius:8px;border:1px dashed rgba(255,255,255,.12);color:transparent;font-size:12px}.rec-hero{position:relative;overflow:hidden;padding:18px;border-radius:var(--r-2xl);background:linear-gradient(155deg,#8aa9ff1f,#12151c99);border:1px solid var(--accent-line);box-shadow:var(--shadow-rail);animation:dfFadeUp .26s var(--ease) both}.rec-hero-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:var(--r-2xl)}.rec-hero-sheen>i{position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.06),transparent);animation:dfSheen 5.5s ease-in-out infinite}.rec-hero-head{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}.rec-eyebrow{font-size:11px;font-weight:700;color:var(--accent-2);letter-spacing:.1em}.rec-badge{font-size:11px;padding:3px 10px;border-radius:8px;white-space:nowrap}.rec-badge.high{color:var(--success);background:var(--success-soft);border:1px solid var(--success-line)}.rec-badge.medium{color:var(--warning);background:#e8b96a1a;border:1px solid rgba(232,185,106,.28)}.rec-badge.low{color:var(--muted);background:var(--surface-3);border:1px solid var(--line)}.role-switch{position:relative;display:flex;gap:4px;margin-bottom:14px;flex-wrap:wrap}.role-switch button{font-size:11px;font-weight:600;padding:5px 11px;border-radius:9px;border:1px solid var(--line-soft);background:#ffffff08;color:var(--muted);transition:background .14s var(--ease),color .14s var(--ease),border-color .14s var(--ease)}.role-switch button:hover{background:#ffffff0f;color:var(--text)}.role-switch button.active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-2);font-weight:700}.rec-hero-body{position:relative;display:flex;gap:16px;align-items:flex-start}.rec-hero-avatar img,.rec-hero-avatar.placeholder{width:92px;height:92px;flex:none;border-radius:16px;object-fit:cover;background:var(--bg-2);animation:dfGlow 4s ease-in-out infinite}.rec-hero-avatar.placeholder{display:grid;place-items:center;color:var(--faint);animation:none;border:1px dashed var(--line-strong)}.rec-hero-main{min-width:0;flex:1}.rec-title-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.rec-name{font-family:var(--head);font-size:25px;font-weight:700;letter-spacing:-.02em}.rec-score{font-family:var(--mono);font-size:17px;color:var(--accent-2);font-variant-numeric:tabular-nums}.rec-score small{font-size:11px;color:var(--faint)}.rec-sub{font-size:12px;color:var(--muted);margin:3px 0 11px}.rec-reasons{display:flex;flex-direction:column;gap:6px}.reason-row{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text)}.reason-row i{width:6px;height:6px;border-radius:50%;flex:none}.reason-row.positive i{background:var(--accent);box-shadow:0 0 7px var(--accent)}.reason-row.neutral i{background:var(--warning);box-shadow:0 0 7px var(--warning)}.reason-row.negative i{background:var(--red);box-shadow:0 0 7px var(--red)}.rec-actions{position:relative;display:flex;gap:9px;margin-top:16px}.rec-actions .primary-button{flex:1;padding:11px 16px}.rec-compare-btn{font-family:Manrope,sans-serif;font-size:13.5px;font-weight:600;color:var(--text);background:var(--surface-6);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);padding:11px 16px;white-space:nowrap;transition:background .14s var(--ease)}.rec-compare-btn:hover{background:#ffffff1a}.rec-compare{position:relative;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);animation:dfFadeUp .2s var(--ease)}.rec-empty{padding:22px 8px;text-align:center;color:var(--muted);font-size:13px}.rec-alts,.ban-recs,.analysis-card{background:#12151c8c;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-xl);box-shadow:var(--shadow-card);padding:15px}.rec-alts{animation:dfFadeUp .26s var(--ease) 70ms both}.ban-recs{animation:dfFadeUp .26s var(--ease) .14s both}.analysis-card{animation:dfFadeUp .26s var(--ease) .21s both}.rec-alts-title,.ban-recs-title{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.08em;margin-bottom:11px}.rec-alts-list{display:flex;flex-direction:column;gap:7px}.alt-wrap{position:relative}.alt-wrap.open{z-index:40}.alt-btn{width:100%;display:flex;align-items:center;gap:11px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:9px 11px;color:var(--text);text-align:left;transition:background .14s var(--ease),border-color .14s var(--ease)}.alt-btn:hover{background:#ffffff0d;border-color:#8aa9ff4d}.alt-avatar img,.alt-avatar.placeholder{width:36px;height:36px;flex:none;border-radius:9px;object-fit:cover;background:var(--bg-2);box-shadow:none}.alt-avatar.placeholder{display:grid;place-items:center;color:var(--faint);border:1px dashed var(--line)}.alt-copy{min-width:0;flex:1}.alt-copy b{display:block;font-size:13.5px;font-weight:700}.alt-copy small{font-size:11px;color:var(--muted)}.alt-score{font-family:var(--mono);font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.alt-popover,.rec-compare .factor-wrap{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:30;background:var(--surface-pop);border:1px solid rgba(138,169,255,.28);border-radius:14px;box-shadow:0 24px 70px #000000d9,0 0 0 1px #0006;padding:13px;animation:dfPopIn .18s var(--ease);transform-origin:top center}.rec-compare .factor-wrap{position:static;box-shadow:none;border:none;padding:0;animation:none}.factor-grid{display:grid;grid-template-columns:1fr auto;gap:6px 14px;font-size:12px}.factor-grid>span:nth-child(odd){color:var(--muted)}.factor-grid>span:nth-child(2n){font-family:var(--mono);color:var(--text);font-variant-numeric:tabular-nums;text-align:right}.factor-grid>span.pos{color:var(--success)}.factor-total{margin-top:9px;padding-top:9px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}.factor-total>span:first-child{color:var(--muted)}.factor-total>span:last-child{font-family:var(--mono);color:var(--accent-2);font-variant-numeric:tabular-nums}.ban-recs-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ban-rec{display:flex;align-items:center;gap:10px;background:var(--red-soft);border:1px solid var(--red-line);border-radius:var(--r-md);padding:9px 11px;text-align:left}.ban-rec .champion-avatar img,.ban-rec .champion-avatar.placeholder{width:34px;height:34px;border-radius:9px;box-shadow:none;filter:none;opacity:1}.ban-rec-copy{min-width:0}.ban-rec-copy b{display:block;font-size:13px;font-weight:700}.ban-rec-copy small{font-size:11px;color:var(--muted)}.ban-recs-empty{display:flex;gap:9px}.ban-recs-empty span{width:34px;height:34px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:9px;color:var(--faint);font-size:11px}.source-strip{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.source-badge{padding:3px 10px;border-radius:8px;font-size:11px;border:1px solid var(--success-line);background:var(--success-soft);color:var(--success)}.source-badge.demo{border-color:#e8b96a47;background:#e8b96a1a;color:var(--warning)}.source-badge.warning{color:var(--warning);border-color:#e8b96a47;background:#e8b96a1a}.provenance{margin:11px 0 0;color:var(--faint);font-size:11px;line-height:1.5}.provenance a{color:var(--muted)}.analysis-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.analysis-title{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.08em;display:flex;align-items:center;gap:7px}.analysis-sub{font-size:12px;color:var(--faint);margin-top:3px}.analysis-run{display:flex;align-items:center;gap:9px}.analysis-run>small{font-size:11px;color:var(--faint)}.analysis-run .primary-button,.analysis-run .ghost-button{padding:9px 16px;border-radius:11px;font-size:13px}.analysis-spinner{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.analysis-spinner i{width:15px;height:15px;flex:none;border:2px solid rgba(138,169,255,.25);border-top-color:var(--accent);border-radius:50%;animation:dfSpin .8s linear infinite}.analysis-result{margin-top:13px;background:#8aa9ff0f;border:1px solid rgba(138,169,255,.18);border-radius:13px;padding:13px;animation:dfFadeUp .22s var(--ease)}.analysis-result p{margin:0;font-size:13px;line-height:1.6;color:var(--text);white-space:pre-line}.analysis-foot{display:flex;align-items:center;justify-content:space-between;margin-top:11px}.analysis-foot .provider-chip{font-family:var(--mono);font-size:11px;color:var(--faint);background:none;border:0;padding:0}.analysis-foot .provider-chip.grok{color:var(--accent-2)}.analysis-dismiss{font-size:12px;font-weight:600;color:var(--muted);background:none;border:none;padding:2px 4px}.analysis-dismiss:hover{color:var(--text)}.sim-card{background:#12151c8c;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-card);padding:18px;margin-bottom:14px}.sim-seq{display:flex;gap:5px;flex-wrap:wrap}.sim-step{font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums;padding:5px 10px;border-radius:8px;white-space:nowrap;border:1px solid var(--line);background:transparent;color:var(--faint)}.sim-step.done{background:var(--surface-6);color:var(--muted);text-decoration:line-through}.sim-step.current{border-color:#8aa9ff80;background:#8aa9ff29;color:var(--accent-2)}.champion-dialog{width:min(920px,calc(100vw - 28px));max-height:min(780px,calc(100vh - 28px));padding:18px;border:1px solid var(--line-strong);border-radius:var(--r-2xl);background:var(--surface-pop);color:var(--text);box-shadow:0 40px 120px #000000b3}.champion-dialog::backdrop{background:#020408b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-head,.editor-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h2,.editor-head h2{margin:2px 0 12px;font-size:17px}.search-field{height:42px;padding:0 13px;display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-2);color:var(--muted)}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.role-filters{margin:10px 0;display:flex;gap:6px;flex-wrap:wrap}.role-filters button{padding:6px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:600}.role-filters button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-2)}.champion-grid{max-height:560px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;padding:3px}.champion-grid>button{padding:8px 4px;display:grid;justify-items:center;gap:5px;border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--muted);font-size:11px}.champion-grid>button:hover{border-color:var(--line);background:#ffffff0a;color:var(--text)}.champion-grid>button:disabled{filter:grayscale(1);opacity:.25}.champion-grid .champion-avatar img{width:50px;height:50px;border-radius:10px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.riot-import-card{margin-bottom:14px;padding:15px 16px;display:grid;grid-template-columns:1fr minmax(320px,.8fr);gap:12px 18px;align-items:center;border:1px solid var(--accent-line);border-radius:var(--r-xl);background:#12151c8c;box-shadow:var(--shadow-card)}.riot-import-card b{display:block;margin:4px 0;font-size:14px}.riot-import-card small{color:var(--muted);font-size:12px;line-height:1.5}.riot-import-controls{display:flex;gap:8px}.riot-import-controls input{min-width:0;flex:1;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-2);color:var(--text)}.riot-import-controls select{width:78px;height:42px;padding:0 9px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-2);color:var(--text)}.riot-import-card>.form-error{grid-column:1 / -1}.preset-card{padding:15px;border:1px solid var(--line);border-radius:var(--r-xl);background:#12151c8c;box-shadow:var(--shadow-card)}.preset-card>header{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;margin-bottom:12px}.player-avatar,.account-orb{display:grid;place-items:center;border-radius:12px;background:linear-gradient(150deg,#8aa9ff4d,#8aa9ff1a);color:var(--accent-2);font-family:var(--head);font-weight:700}.player-avatar{width:40px;height:40px;font-size:16px}.preset-card h2{margin:0 0 2px;font-size:14.5px}.preset-card header p{margin:0;color:var(--faint);font-size:11px;font-family:var(--mono)}.tier-chip{padding:4px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-3);color:var(--muted);font-size:11px;white-space:nowrap}.role-chips{margin-bottom:12px;display:flex;gap:5px;flex-wrap:wrap}.role-chips span{padding:3px 9px;border-radius:8px;background:var(--accent-soft);border:1px solid rgba(138,169,255,.2);color:var(--accent-2);font-size:11px}.pool-preview{min-height:40px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pool-preview>div{display:grid;justify-items:center;gap:2px}.pool-preview .champion-avatar img{width:34px;height:34px;border-radius:9px;box-shadow:none}.pool-preview small{color:var(--accent-2);font-size:8px;letter-spacing:-1px}.preset-card footer{margin-top:12px;padding-top:12px;display:flex;justify-content:space-between;border-top:1px solid var(--line-soft)}.empty-state{min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;border:1px dashed var(--line);border-radius:var(--r-xl);color:var(--muted)}.empty-state>span{font-size:26px;opacity:.4}.empty-state p{margin:0;font-size:13px}.editor-sheet{position:fixed;z-index:50;top:14px;right:14px;bottom:14px;width:min(680px,calc(100vw - 28px));padding:20px;overflow:auto;border:1px solid var(--line-strong);border-radius:var(--r-2xl);background:var(--surface-pop);box-shadow:0 40px 120px #000000b3;animation:dfPopIn .2s var(--ease)}.form-grid{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:10px}.form-grid label,.auth-card label,.profile-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:600}.form-grid input,.form-grid select,.comp-board-head input,.auth-card input,.auth-card select,.profile-form input,.profile-form select{width:100%;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-2);color:var(--text)}.form-grid select option,.auth-card select option,.profile-form select option,.riot-import-controls select option{background:var(--bg-2)}.field-group{margin:18px 0}.field-group>span{color:var(--muted);font-size:12px;font-weight:600}.style-sliders{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.style-sliders label{display:grid;gap:8px;color:var(--muted);font-size:12px}.style-sliders label span{display:flex;justify-content:space-between}.style-sliders b{color:var(--text);font-family:var(--mono)}input[type=range]{accent-color:var(--accent)}.pool-editor{margin-top:22px;padding-top:15px;border-top:1px solid var(--line-soft)}.pool-picker{max-height:310px;margin-top:10px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:5px}.pool-picker>div{padding:6px;border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--surface-2)}.pool-picker>div.selected{border-color:var(--accent-line);background:var(--accent-soft)}.pool-picker>div>button:first-child{width:100%;padding:0;display:flex;gap:6px;align-items:center;border:0;background:none;text-align:left}.pool-picker .champion-avatar img{width:30px;height:30px;border-radius:8px;box-shadow:none}.pool-picker span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comfort-stars{margin-top:5px;display:flex}.comfort-stars button{padding:1px 2px;border:0;background:none;color:var(--faint);font-size:9px}.comfort-stars button.active{color:var(--accent)}.sheet-actions{position:sticky;bottom:-20px;margin:20px -20px -20px;padding:14px 20px;justify-content:flex-end;border-top:1px solid var(--line);background:var(--surface-pop)}.settings-help{color:var(--faint);font-size:11px;font-weight:400;line-height:1.45}.guest-server-setting{margin-top:16px;padding-top:14px;display:grid;gap:7px;border-top:1px solid var(--line-soft)}.composition-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.composition-board,.champion-pool-panel,.saved-section,.history-preview{padding:16px;border:1px solid var(--line);border-radius:var(--r-xl);background:#12151c8c;box-shadow:var(--shadow-card)}.comp-board-head{margin-bottom:14px;display:flex;gap:9px}.composition-slots{display:grid;gap:8px}.composition-slot{min-height:74px;padding:9px 12px;display:grid;grid-template-columns:70px 1fr;align-items:center;border:1px dashed var(--line-strong);border-radius:var(--r-md);background:var(--surface-2);transition:.15s var(--ease)}.composition-slot.over{border-color:var(--accent);background:var(--accent-soft)}.composition-slot .role-label{color:var(--muted);font-size:12px;font-weight:600}.drop-target{height:48px;display:grid;place-items:center;color:var(--faint);font-size:20px}.composition-slot>button{padding:0;display:flex;gap:10px;align-items:center;border:0;background:none;text-align:left}.composition-slot>button b{font-size:13px}.composition-slot>button small{margin-left:auto;color:var(--faint);font-size:16px}.composition-slot .champion-avatar img{width:48px;height:48px;border-radius:11px}.drag-pool{max-height:550px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:5px;margin-top:10px}.drag-champion{padding:6px 3px;display:grid;justify-items:center;gap:4px;border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--muted);font-size:11px;touch-action:none}.drag-champion:hover{border-color:var(--line);background:#ffffff0a}.drag-champion.dragging{z-index:60;border-color:var(--accent);background:var(--bg-3);box-shadow:var(--shadow-card)}.drag-champion .champion-avatar img{width:44px;height:44px}.saved-section{margin-top:12px}.saved-comps{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.saved-comp{padding:11px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);text-align:left;transition:border-color .14s var(--ease),background .14s var(--ease)}.saved-comp:hover{border-color:#8aa9ff4d;background:#ffffff0a}.saved-comp h3{margin-bottom:9px;font-size:13px}.saved-comp>div{display:flex;gap:4px}.saved-comp .champion-avatar img,.saved-comp .champion-avatar.placeholder{width:34px;height:34px;border-radius:9px}.saved-comp>small{color:var(--faint);font-size:11px}.history-list-wrap{border:1px solid var(--line);border-radius:var(--r-xl);background:#12151c8c;box-shadow:var(--shadow-card);overflow:hidden}.history-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px}.history-list{display:grid;align-content:start;gap:6px}.history-list>button{min-height:60px;padding:12px 16px;display:grid;grid-template-columns:3px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--r-md);background:#12151c8c;text-align:left;transition:background .14s var(--ease),border-color .14s var(--ease)}.history-list>button:hover,.history-list>button.active{border-color:#8aa9ff4d;background:#ffffff0a}.history-side{width:3px;height:32px;border-radius:2px;background:var(--accent)}.history-side.red{background:var(--red)}.history-list b{display:block;margin-bottom:3px;font-size:13.5px}.history-list small{color:var(--muted);font-size:11px}.history-list>button>span:last-child{color:var(--faint)}.history-preview h2{font-size:17px;margin:4px 0 12px}.preview-team{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:var(--r-md)}.preview-team.blue{border-left:2px solid var(--accent)}.preview-team.red{border-left:2px solid var(--red)}.preview-team h3{font-size:13px}.preview-team>div{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.preview-team>div>div{min-width:0;display:grid;gap:4px;justify-items:center}.preview-team small{color:var(--muted);font-size:11px}.preview-team .champion-avatar{display:grid;justify-items:center}.preview-team .champion-avatar img,.preview-team .champion-avatar.placeholder{width:44px;height:44px}.account-page{max-width:620px;margin:0 auto}.auth-card,.account-card{padding:17px;border:1px solid var(--line);border-radius:var(--r-xl);background:#12151c8c;box-shadow:var(--shadow-card)}.auth-card{width:min(430px,100%);margin:24px auto 0;padding:22px}.auth-card h1,.account-card h1{margin:6px 0;font-size:22px;font-weight:700}.auth-card>p,.account-card>p{color:var(--muted);font-size:13px;line-height:1.5}.auth-tabs{margin:20px 0 15px;padding:3px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-2)}.auth-tabs button{height:36px;border:0;border-radius:9px;background:none;color:var(--muted);font-size:13px;font-weight:700}.auth-tabs button.active{background:var(--bg-3);color:var(--text)}.auth-card form{display:grid;gap:12px}.auth-card form .primary-button{margin-top:6px}.auth-divider{margin:15px 0 11px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.oauth-button{width:100%;height:42px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-2);color:var(--text);font-weight:700}.oauth-button:hover{background:var(--bg-3);border-color:#8aa9ff59}.oauth-button:disabled{opacity:.55;cursor:wait}.google-mark{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#4285f4;font-family:Arial,sans-serif;font-size:13px;font-weight:800}.security-note{margin-top:16px;padding:11px;border:1px solid var(--success-line);border-radius:var(--r-md);background:var(--success-soft);color:var(--muted);font-size:12px}.form-error{margin:0;color:var(--danger);font-size:12px}.account-card{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.account-orb{width:54px;height:54px;margin-bottom:8px;border-radius:16px;font-size:21px}.profile-form{margin-top:14px;display:grid;gap:10px}.import-card{margin-top:15px;padding:13px;border:1px solid var(--accent-line);border-radius:var(--r-md);background:var(--accent-soft)}.import-card b{font-size:13px}.import-card p{margin:5px 0 10px;color:var(--muted);font-size:12px;line-height:1.5}.import-card>div{display:flex;gap:7px;justify-content:flex-end}.account-card .danger-button{margin-top:16px;align-self:flex-start}@media(max-width:980px){.nav-pill span{display:none}.nav-pill{padding:8px 11px}.draft-grid{grid-template-columns:210px minmax(0,1fr) 210px}.composition-layout,.history-layout{grid-template-columns:1fr}.rec-hero-avatar img,.rec-hero-avatar.placeholder{width:78px;height:78px}}@media(max-width:780px){.topbar-nav{display:none}.topbar-right{flex:1}.account-name{display:none}.ctx-chip:not(.side):not(.mono){display:none}.main-wrap{padding:18px 14px 22px}.mobile-nav{flex:none;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#0a0c13e6;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-top:1px solid var(--line);position:sticky;bottom:0;z-index:35}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;min-height:46px;border:none;border-radius:9px;background:transparent;color:var(--faint)}.mobile-nav button small{font-size:9px}.mobile-nav button.active{background:#8aa9ff24;color:var(--accent-2)}.mobile-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin-bottom:14px;padding:4px;background:#ffffff08;border:1px solid var(--line);border-radius:var(--r-md)}.mobile-tabs button{padding:9px;min-height:44px;border:none;border-radius:9px;background:transparent;color:var(--muted);font-size:13.5px;font-weight:500;transition:background .14s var(--ease),color .14s var(--ease)}.mobile-tabs button.active{background:#8aa9ff29;color:var(--accent-2);font-weight:700}.draft-grid{grid-template-columns:1fr}.draft-col{display:none}.draft-grid[data-mv=blue] .col-blue,.draft-grid[data-mv=red] .col-red{display:block}.col-rail{display:none}.draft-grid[data-mv=advice] .col-rail{display:flex}.champion-grid{grid-template-columns:repeat(4,1fr);max-height:58vh}.form-grid,.style-sliders,.preset-grid,.riot-import-card{grid-template-columns:1fr}.riot-import-controls{flex-direction:column}.riot-import-controls select{width:100%}.editor-sheet{top:0;right:0;bottom:0;left:0;width:100%;border-radius:0}.ban-recs-grid{grid-template-columns:1fr}.rec-hero-body{flex-direction:column}}