.modalOverlay{position:fixed;inset:0;background:#000000f0;display:flex;align-items:flex-start;justify-content:center;z-index:9000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;padding:4rem 1rem}.modalClose{position:fixed;top:1.2rem;right:1.2rem;background:none;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;z-index:9001;transition:all var(--t)}.modalClose:hover{color:var(--accent);border-color:var(--accent)}.modalStack{display:flex;flex-direction:column;align-items:center;gap:1.4rem;width:100%;max-width:560px}.modalBrandOutside{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center}.modalTagline{font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:.85rem;color:#f5f5f5b3;letter-spacing:0;max-width:42ch;line-height:1.4}.modalContent{background:var(--bg);border:1px solid var(--border);padding:2.4rem 2.6rem;border-radius:16px;width:100%;max-width:460px;margin:0 auto;position:relative;display:flex;flex-direction:column;box-shadow:0 24px 70px #00000080}.modalStack .modalContent{max-width:100%;min-height:600px}.modalFill{margin-top:auto;padding-top:1.4rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem}.modalFill-title{font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:.78rem;font-weight:700;letter-spacing:.02em;color:var(--text-dim);text-transform:uppercase;margin:0}.modalFill-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:.85rem;color:var(--text-main)}.modalFill-list li{display:flex;align-items:baseline;gap:.55rem;line-height:1.45}.modalFill-list li:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent);flex-shrink:0;transform:translateY(-2px)}.modalHeader{text-align:center;margin-bottom:1.6rem}.modalHeader h2{margin:0 0 .4rem;color:var(--text-main);font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:1.55rem;font-weight:700;letter-spacing:-.02em}.modalSubtitle{margin:0;color:var(--text-dim);font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:.88rem;line-height:1.4}.authForm{display:flex;flex-direction:column;gap:1.1rem}.fieldGroup{display:flex;flex-direction:column;gap:.45rem}.fieldLabelRow{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.fieldGroup label{font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:.82rem;font-weight:600;color:var(--text-main);letter-spacing:0}.inputField{width:100%;padding:.85rem .95rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:.92rem;outline:none;transition:border-color var(--t),background var(--t)}.inputField::placeholder{color:var(--text-dim);opacity:.7}.inputField:focus{border-color:var(--accent);background:var(--bg)}.passWrap{position:relative}.passToggle{position:absolute;top:50%;right:.7rem;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color var(--t)}.passToggle:hover{color:var(--text-main)}.primaryBtn{width:100%;padding:.95rem;background:var(--accent);color:var(--bg);border:none;border-radius:8px;font-family:var(--sans, -apple-system, system-ui, sans-serif);font-weight:700;font-size:.95rem;letter-spacing:-.005em;cursor:pointer;transition:opacity var(--t),transform var(--t);margin-top:.3rem}.primaryBtn:hover{opacity:.9}.primaryBtn:active{transform:translateY(1px)}.primaryBtn:disabled{opacity:.55;cursor:not-allowed}.divider{display:flex;align-items:center;margin:.4rem 0 .3rem;color:var(--text-dim);font-size:.72rem;font-family:var(--sans, -apple-system, system-ui, sans-serif);letter-spacing:0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.divider span{padding:0 .8rem}.socialRow{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.socialBtn{padding:.78rem;display:flex;align-items:center;justify-content:center;gap:.6rem;background:var(--surface);color:var(--text-main);border:1px solid var(--border);border-radius:8px;font-family:var(--sans, -apple-system, system-ui, sans-serif);font-weight:600;font-size:.88rem;cursor:pointer;transition:background var(--t),border-color var(--t)}.socialBtn:hover{background:var(--hover-box);border-color:var(--accent)}.footerCta{text-align:center;margin:.5rem 0 0;font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:.85rem;color:var(--text-dim)}.inlineLink{background:none;border:none;color:var(--accent);cursor:pointer;font-family:inherit;font-weight:600;font-size:inherit;padding:0;text-decoration:underline;text-underline-offset:2px}.authError{display:flex;align-items:flex-start;gap:.6rem;margin:0 0 .4rem;padding:.6rem .7rem .6rem .8rem;background:color-mix(in srgb,var(--hard) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--hard) 38%,transparent);border-radius:8px;line-height:1.4}.authError-msg{flex:1 1 auto;min-width:0;color:var(--hard);font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:.82rem;align-self:center}.authError-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.authError-action{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .55rem;background:var(--hard);color:var(--surface);border:none;border-radius:6px;font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:.74rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity var(--t)}.authError-action:hover{opacity:.88}.authError-dismiss{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;background:none;border:none;color:var(--hard);cursor:pointer;border-radius:5px;transition:background var(--t)}.authError-dismiss:hover{background:color-mix(in srgb,var(--hard) 18%,transparent)}.resetHint{font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:.85rem;color:var(--text-dim);line-height:1.45;margin:0;text-align:center}.resetHint strong{color:var(--text-main)}.account-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.3rem;border-radius:4px;transition:color var(--t)}.account-close-btn:hover{color:var(--text-main)}.account-body{display:flex;flex-direction:column;gap:.8rem}.account-email{font-family:var(--mono);font-size:.8rem;color:var(--text-dim);margin-bottom:.5rem;word-break:break-all}.account-settings-btn{width:100%;padding:.7rem;background:none;border:1px solid var(--border);color:var(--text-main);border-radius:6px;cursor:pointer;font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all var(--t)}.account-settings-btn:hover{border-color:var(--accent);color:var(--accent)}.account-logout-btn{width:100%;padding:.7rem;background:none;border:1px solid var(--hard);color:var(--hard);border-radius:6px;cursor:pointer;font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:background var(--t)}.account-logout-btn:hover{background:color-mix(in srgb,var(--hard) 8%,transparent)}.sc-shell{width:94%;max-width:var(--container-w, 1200px);margin:0 auto;padding:32px 0 64px;color:var(--text-main)}.sc-loading{padding:80px 0;text-align:center;color:var(--text-dim)}.sc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.sc-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim);text-decoration:none;font-size:13px;padding:6px 10px;border-radius:8px;transition:background .12s ease,color .12s ease}.sc-back:hover{background:var(--hover-box);color:var(--text-main)}.sc-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.sc-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);cursor:pointer;transition:background .12s ease,border-color .12s ease,transform 80ms ease}.sc-btn:hover{background:var(--hover-box);border-color:var(--accent)}.sc-btn:active{transform:translateY(1px)}.sc-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.sc-btn-primary:hover{background:var(--accent);filter:brightness(1.08)}.sc-preview-wrap{width:100%;min-width:0;overflow:hidden;display:flex;justify-content:center}.sc-card{position:relative;width:1200px;height:820px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:24px;overflow:hidden;padding:44px 56px 40px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto auto;grid-template-areas:"head head" "big streak" "diff topics" "learn github" "foot foot";gap:22px 36px;transform-origin:top center;transform:scale(var(--sc-scale, 1))}@media(max-width:1280px){.sc-card{--sc-scale: .88;margin-bottom:-98px}.sc-card--lc{margin-bottom:-120px}}@media(max-width:1100px){.sc-card{--sc-scale: .74;margin-bottom:-213px}.sc-card--lc{margin-bottom:-260px}}@media(max-width:900px){.sc-card{--sc-scale: .58;margin-bottom:-344px}.sc-card--lc{margin-bottom:-420px}}@media(max-width:700px){.sc-card{--sc-scale: .42;margin-bottom:-476px}.sc-card--lc{margin-bottom:-580px}}@media(max-width:500px){.sc-card{--sc-scale: .3;margin-bottom:-574px}.sc-card--lc{margin-bottom:-700px}}.sc-card-bg{position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(var(--accent-rgb),.18),transparent 50%),radial-gradient(circle at 10% 90%,rgba(var(--accent-rgb),.1),transparent 55%);pointer-events:none}.sc-card-head{grid-area:head;display:flex;align-items:center;gap:20px;position:relative;z-index:1}.sc-avatar{width:84px;height:84px;border-radius:50%;background:rgba(var(--accent-rgb),.18);border:2px solid var(--accent);color:var(--accent);font-size:34px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sc-name{font-size:28px;font-weight:700;color:var(--text-main);line-height:1.1}.sc-handle{font-size:16px;color:var(--text-dim);margin-top:4px}.sc-streak-chip{margin-left:auto;display:flex;align-items:center;gap:14px;padding:14px 22px;border-radius:18px;background:var(--bg);border:1px solid var(--border);color:var(--accent)}.sc-streak-chip>div{color:var(--text-main);line-height:1.05}.sc-streak-num{font-size:32px;font-weight:800}.sc-streak-label{font-size:13px;color:var(--text-dim);margin-top:2px}.sc-big{grid-area:big;position:relative;z-index:1;align-self:start}.sc-big-num{font-size:96px;font-weight:800;line-height:1;background:linear-gradient(120deg,var(--accent),rgba(var(--accent-rgb),.55));-webkit-background-clip:text;background-clip:text;color:transparent}.sc-big-sub{font-size:16px;color:var(--text-dim);margin-top:10px}.sc-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px}.sc-diff{grid-area:diff;position:relative;z-index:1;align-self:start}.sc-diff-row{display:grid;grid-template-columns:70px 1fr 40px;align-items:center;gap:12px;margin-bottom:10px}.sc-diff-label{font-size:14px;color:var(--text-main)}.sc-diff-num{font-size:14px;color:var(--text-dim);text-align:right}.sc-diff-track{height:8px;background:var(--bg);border-radius:999px;overflow:hidden}.sc-diff-fill{height:100%;border-radius:999px}.sc-diff-easy{background:var(--easy)}.sc-diff-medium{background:var(--medium)}.sc-diff-hard{background:var(--hard)}.sc-topics{grid-area:topics;position:relative;z-index:1;align-self:start}.sc-chip-grid{display:flex;flex-wrap:wrap;gap:10px}.sc-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:12px;font-size:14px;color:var(--text-main)}.sc-chip-label{font-weight:600}.sc-chip-count{font-size:13px;color:var(--text-dim);padding-left:8px;border-left:1px solid var(--border)}.sc-chip-empty{color:var(--text-dim);border-style:dashed}.sc-learn{grid-area:learn;position:relative;z-index:1;align-self:start}.sc-mini-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sc-mini{padding:14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:12px}.sc-mini-num{font-family:var(--serif);font-size:32px;font-weight:800;color:var(--text-main);line-height:1.05;letter-spacing:-.02em}.sc-mini-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.sc-github{grid-area:github;position:relative;z-index:1;align-self:start}.sc-gh-row{display:flex;align-items:center;gap:14px}.sc-gh-avatar{width:48px;height:48px;border-radius:50%;border:1px solid var(--border);flex-shrink:0}.sc-gh-stats{display:grid;grid-template-columns:repeat(4,auto);gap:8px 16px;flex:1}.sc-gh-stat{display:flex;flex-direction:column}.sc-gh-stat strong{font-family:var(--serif);font-size:22px;font-weight:800;color:var(--text-main);line-height:1}.sc-gh-stat span{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.sc-gh-langs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sc-gh-lang{font-size:11px;padding:3px 9px;background:rgba(var(--accent-rgb),.12);color:var(--accent);border-radius:999px;font-weight:600}.sc-card--lc{height:1000px;grid-template-areas:"head head" "big streak" "diff topics" "learn github" "leetcode leetcode" "foot foot"}.sc-lc{grid-area:leetcode;position:relative;z-index:1;align-self:start;padding-top:18px;border-top:1px solid var(--border)}.sc-lc-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.sc-lc-rating{display:flex;flex-direction:column;gap:4px}.sc-lc-rating-num{font-family:var(--serif);font-size:52px;font-weight:800;line-height:1;letter-spacing:-.02em;background:linear-gradient(120deg,var(--accent),rgba(var(--accent-rgb),.55));-webkit-background-clip:text;background-clip:text;color:transparent}.sc-lc-rating-label{font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.sc-lc-badge{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:13px;font-weight:600;color:var(--accent)}.sc-lc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 18px}.sc-lc-stat{display:flex;flex-direction:column}.sc-lc-stat strong{font-family:var(--serif);font-size:24px;font-weight:800;color:var(--text-main);line-height:1.05}.sc-lc-stat span{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.sc-lc-spark{width:230px;flex-shrink:0}.sc-lc-spark-head{display:flex;align-items:center;gap:5px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:8px}.sc-lc-spark-svg{display:block;width:100%;height:48px;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:6px}.sc-lc-spark-empty{font-size:12px;color:var(--text-dim);padding:14px 12px;background:var(--bg);border:1px solid var(--border);border-radius:12px}.sc-foot{grid-area:foot;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.sc-date{font-size:14px;color:var(--text-dim)}.sc-brand{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:700;font-size:18px}.sc-hint{text-align:center;font-size:13px;color:var(--text-dim);margin:32px auto 0;max-width:600px}.sc-embed{width:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:20px}.sc-embed .sc-card{--sc-scale: .55;margin-bottom:-369px}.sc-embed .sc-card--lc{margin-bottom:-450px}@media(max-width:900px){.sc-embed .sc-card{--sc-scale: .45;margin-bottom:-451px}.sc-embed .sc-card--lc{margin-bottom:-550px}}@media(max-width:600px){.sc-embed .sc-card{--sc-scale: .3;margin-bottom:-574px}.sc-embed .sc-card--lc{margin-bottom:-700px}}.sc-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.sc-modal-backdrop{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sc-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:min(100%,900px);max-height:90vh;overflow-y:auto;padding:24px;position:relative}.sc-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sc-modal-title{font-size:18px;font-weight:700;color:var(--text-main)}.sc-modal-sub{font-size:13px;color:var(--text-dim);margin-top:4px}.sc-modal-close{background:transparent;border:1px solid var(--border);color:var(--text-dim);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease}.sc-modal-close:hover{background:var(--hover-box);color:var(--text-main)}.settings-overlay{position:fixed;inset:0;background:#000000f0;display:flex;align-items:center;justify-content:center;z-index:9000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 1rem}.settings-content{background:var(--bg);border:1px solid var(--border);border-radius:16px;width:100%;max-width:880px;height:82vh;max-height:760px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px #00000080}.ai-explainer{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.85rem 1rem;margin-bottom:.9rem}.ai-explainer-lead{font-family:var(--sans);font-size:.85rem;color:var(--text-main);margin:0 0 .55rem}.ai-explainer-list{margin:0 0 .55rem;padding-left:1.1rem;font-family:var(--sans);font-size:.82rem;color:var(--text-main);line-height:1.55}.ai-explainer-list li{margin-bottom:.2rem}.ai-explainer-foot{font-family:var(--mono);font-size:.7rem;color:var(--text-dim);margin:0}.ai-master-row{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.7rem .85rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);margin-bottom:.9rem}.ai-master-row .ai-master-name{font-family:var(--mono);font-size:.78rem;font-weight:700;color:var(--text-main);text-transform:uppercase;letter-spacing:.04em}.ai-master-row .ai-master-sub{font-family:var(--mono);font-size:.7rem;color:var(--text-dim);margin-top:.15rem}.settings-header{padding:1.4rem 2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:1rem}.settings-header-text{display:flex;flex-direction:column;gap:.18rem;min-width:0}.settings-header h2{margin:0;font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--text-main)}.settings-email{font-family:var(--mono);font-size:.74rem;color:var(--text-dim);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-header-actions{display:flex;align-items:center;gap:.55rem;flex-shrink:0}.settings-logout{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--sans, -apple-system, system-ui, sans-serif);font-weight:600;font-size:.78rem;padding:.42rem .8rem;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all var(--t)}.settings-logout:hover{border-color:var(--hard);color:var(--hard);background:color-mix(in srgb,var(--hard) 8%,transparent)}.settings-close{background:none;border:none;color:var(--text-dim);cursor:pointer;transition:color var(--t);display:flex;align-items:center;justify-content:center;padding:.3rem}.settings-close:hover{color:var(--text-main)}.settings-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 2rem}.settings-tab{font-family:var(--mono);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);background:none;border:none;padding:.8rem 1rem;cursor:pointer;position:relative;transition:color var(--t)}.settings-tab:hover{color:var(--text-main)}.settings-tab.active{color:var(--accent)}.settings-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.settings-body{padding:2rem;overflow-y:auto;overflow-x:hidden;min-width:0;flex:1}.profile-section{display:flex;flex-direction:column;gap:1.4rem}.profile-card-block{display:flex;justify-content:center;min-width:0}.profile-edit-block{display:flex;flex-direction:column;gap:.5rem;padding-top:1.2rem;border-top:1px solid var(--border)}.github-link-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),rgba(var(--accent-rgb),.02));border:1px solid var(--border);border-radius:10px}.github-link-text{display:flex;flex-direction:column;gap:.18rem;min-width:0;font-family:var(--sans, -apple-system, system-ui, sans-serif)}.github-link-text strong{font-size:.88rem;font-weight:700;color:var(--text-main)}.github-link-text span{font-size:.76rem;color:var(--text-dim);line-height:1.4}.github-link-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .95rem;background:var(--text-main);color:var(--bg);border:none;border-radius:8px;font-family:var(--sans, -apple-system, system-ui, sans-serif);font-weight:700;font-size:.82rem;cursor:pointer;flex-shrink:0;transition:opacity var(--t)}.github-link-btn:hover{opacity:.88}.github-connect{display:flex;flex-direction:column;gap:.5rem;padding:.9rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.github-connect-label{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:.78rem;font-weight:600;color:var(--text-main)}.github-connect-row{display:grid;grid-template-columns:1fr auto;gap:.5rem}.github-connect-row .github-fetch-btn{display:inline-flex;align-items:center;gap:.4rem}.github-block{display:flex;flex-direction:column;gap:.7rem;padding:1.1rem 1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px}.github-block-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.github-refresh{display:inline-flex;align-items:center;gap:.4rem;background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:.74rem;font-weight:600;padding:.35rem .7rem;border-radius:999px;cursor:pointer;transition:all var(--t)}.github-refresh:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.github-refresh:disabled{opacity:.5;cursor:not-allowed}.github-input-row{display:grid;grid-template-columns:1fr auto;gap:.5rem}.github-fetch-btn{padding:0 1rem;background:var(--accent);color:var(--bg);border:none;border-radius:8px;font-family:var(--sans, -apple-system, system-ui, sans-serif);font-weight:700;font-size:.82rem;cursor:pointer;transition:opacity var(--t)}.github-fetch-btn:hover:not(:disabled){opacity:.9}.github-fetch-btn:disabled{opacity:.5;cursor:not-allowed}.github-error{margin:0;font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:.78rem;color:var(--hard)}.link-error{display:flex;align-items:flex-start;gap:.5rem;margin:0;padding:.55rem .6rem .55rem .75rem;background:color-mix(in srgb,var(--hard) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--hard) 38%,transparent);border-radius:8px}.link-error-msg{flex:1 1 auto;min-width:0;font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:.78rem;line-height:1.4;color:var(--hard);align-self:center}.link-error-dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.2rem;background:none;border:none;color:var(--hard);cursor:pointer;border-radius:5px;transition:background var(--t)}.link-error-dismiss:hover{background:color-mix(in srgb,var(--hard) 18%,transparent)}.github-stats-grid{display:flex;flex-direction:column;gap:.8rem;margin-top:.3rem}.github-id{display:flex;align-items:center;gap:.85rem}.github-avatar{width:44px;height:44px;border-radius:50%;border:1px solid var(--border)}.github-name{font-family:var(--sans, -apple-system, system-ui, sans-serif);font-weight:700;font-size:.95rem;color:var(--text-main)}.github-login{font-family:var(--mono);font-size:.72rem;color:var(--text-dim)}.github-bio{margin:0;font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:.82rem;color:var(--text-main);line-height:1.45}.github-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.github-stat{display:flex;align-items:center;gap:.55rem;padding:.55rem .65rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-dim)}.github-stat strong{display:block;font-family:var(--sans, -apple-system, system-ui, sans-serif);font-size:1rem;font-weight:800;color:var(--text-main);line-height:1.1}.github-stat span{display:block;font-family:var(--mono);font-size:.65rem;color:var(--text-dim);letter-spacing:.02em;text-transform:uppercase}.github-langs{display:flex;flex-wrap:wrap;gap:.4rem}.github-lang-chip{font-family:var(--mono);font-size:.7rem;padding:.18rem .55rem;background:rgba(var(--accent-rgb),.1);color:var(--accent);border-radius:999px;font-weight:600}.github-meta{margin:0;font-family:var(--mono);font-size:.66rem;color:var(--text-dim);text-align:right}.spin{animation:pg-spin .8s linear infinite}@keyframes pg-spin{to{transform:rotate(360deg)}}.appearance-section{display:flex;flex-direction:column;gap:1.6rem}.appearance-block{display:flex;flex-direction:column;gap:.7rem}.appearance-block .settings-label{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:0}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.accent-preset-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .7rem}.accent-preset-dot{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid var(--border);cursor:pointer;padding:0;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.accent-preset-dot:hover{transform:scale(1.12);border-color:var(--text-dim)}.accent-preset-dot.is-active{border-color:var(--text-main);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--text-main);transform:scale(1.12)}.color-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.45rem}.color-picker-row{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);cursor:pointer}.color-picker-row:hover{border-color:var(--accent)}.color-picker-row input[type=color]{width:32px;height:32px;border:1px solid var(--border);border-radius:4px;background:transparent;padding:2px;cursor:pointer;flex-shrink:0}.color-picker-label{font-family:var(--sans);font-size:.78rem;color:var(--text-main);flex:1;min-width:0}.color-picker-token{font-family:var(--mono);font-size:.68rem;color:var(--text-dim);background:var(--hover-box);padding:.1rem .35rem;border-radius:3px}.theme-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;padding:.65rem .7rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;text-align:left;transition:border-color var(--t),transform var(--t),background var(--t)}.theme-card:hover{border-color:var(--text-dim);transform:translateY(-1px)}.theme-card.active{border-color:var(--accent);background:var(--hover-box)}.theme-swatches{display:flex;gap:0;border-radius:4px;overflow:hidden;height:22px;width:100%;border:1px solid var(--border)}.theme-swatch{flex:1;display:block;height:100%}.theme-name{font-family:var(--mono);font-size:.7rem;font-weight:600;color:var(--text-main);letter-spacing:.02em}.theme-active-dot{position:absolute;top:.45rem;right:.45rem;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--hover-box)}.lang-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.45rem}.lang-card{padding:.55rem .7rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-family:var(--mono);font-size:.72rem;font-weight:600;color:var(--text-main);cursor:pointer;transition:border-color var(--t),background var(--t),color var(--t),opacity var(--t)}.lang-card:hover:not(:disabled){border-color:var(--text-dim)}.lang-card.active{border-color:var(--accent);background:var(--hover-box);color:var(--accent)}.lang-card:disabled{opacity:.45;cursor:not-allowed}.friends-section{display:flex;flex-direction:column;gap:1rem}.settings-label{display:block;font-family:var(--mono);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:.5rem}.settings-input{width:100%;padding:.7rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-main);font-family:var(--sans);font-size:.85rem;outline:none;transition:border-color var(--t)}.settings-input:focus{border-color:var(--accent)}.settings-hint{font-family:var(--mono);font-size:.7rem;color:var(--text-dim);margin-top:.5rem}.settings-save-btn{margin-top:1rem;font-family:var(--mono);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--bg);background:var(--accent);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:opacity var(--t)}.settings-save-btn:hover{opacity:.85}.add-friend-row{display:flex;gap:.5rem;margin-bottom:1.5rem}.add-friend-row .settings-input{flex:1}.add-friend-btn{display:flex;align-items:center;gap:.3rem;font-family:var(--mono);font-size:.6rem;font-weight:700;text-transform:uppercase;color:var(--bg);background:var(--accent);border:none;padding:.5rem .8rem;border-radius:6px;cursor:pointer;white-space:nowrap;transition:opacity var(--t)}.add-friend-btn:hover{opacity:.85}.friend-group{margin-bottom:1.5rem}.friend-group-label{display:flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:.8rem}.friend-item{display:flex;align-items:center;justify-content:space-between;padding:.7rem .8rem;border:1px solid var(--border);border-radius:8px;margin-bottom:.5rem;transition:border-color var(--t)}.friend-item:hover{border-color:var(--accent)}.friend-info{display:flex;flex-direction:column;gap:.2rem}.friend-name{font-family:var(--sans);font-size:.9rem;font-weight:600;color:var(--text-main)}.friend-stats{font-family:var(--mono);font-size:.65rem;color:var(--text-dim)}.friend-actions{display:flex;gap:.4rem}.friend-accept,.friend-reject{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--t)}.friend-accept{color:var(--easy)}.friend-accept:hover{background:var(--easy-bg);border-color:var(--easy)}.friend-reject{color:var(--hard)}.friend-reject:hover{background:var(--hard-bg);border-color:var(--hard)}.friends-empty{font-family:var(--sans);font-size:.85rem;color:var(--text-dim);font-style:italic}.settings-message{margin-top:1rem;padding:.6rem;border-radius:6px;font-family:var(--mono);font-size:.75rem;text-align:center}.settings-message.success{background:var(--easy-bg);color:var(--easy)}.settings-message.info{background:var(--hover-box);color:var(--accent)}.settings-message.error{background:var(--hard-bg);color:var(--hard)}@media(max-width:768px){.settings-content{width:95%;max-height:90vh}}.settings-pref-row{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.4rem 0;border-bottom:1px solid var(--border)}.settings-pref-row:last-child{border-bottom:none}.settings-pref-name{font-family:var(--mono);font-size:.74rem;color:var(--text-main)}.settings-pref-control{display:flex;align-items:center;gap:.55rem}.settings-pref-control input[type=range]{width:140px;accent-color:var(--accent);cursor:pointer}.settings-pref-value{font-family:var(--mono);font-size:.72rem;font-weight:700;color:var(--accent);min-width:34px;text-align:right}.settings-pref-pill{background:var(--surface);border:1px solid var(--border);border-radius:5px;color:var(--text-main);font-family:var(--mono);font-size:.7rem;font-weight:600;padding:.25rem .6rem;cursor:pointer;transition:border-color var(--t),color var(--t),background var(--t)}.settings-pref-pill:hover{border-color:var(--accent);color:var(--accent)}.settings-pref-pill.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.settings-toggle{position:relative;width:36px;height:20px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:background var(--t),border-color var(--t)}.settings-toggle span{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--text-dim);border-radius:50%;transition:left var(--t),background var(--t)}.settings-toggle.on{background:var(--accent);border-color:var(--accent)}.settings-toggle.on span{left:18px;background:var(--bg)}.sm-ai-explainer{font-size:.8rem;color:var(--text-dim);line-height:1.6;margin:0 0 .85rem;padding:.75rem;background:var(--hover-box);border-left:2px solid var(--accent);border-radius:4px}.sm-ai-explainer strong{color:var(--text-main)}.settings-toggle-row{display:flex;align-items:center;gap:.8rem;padding:.7rem .2rem;border-top:1px solid var(--border)}.settings-toggle-row:first-of-type{border-top:none}.settings-toggle-text{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.settings-toggle-text b{font-size:.86rem;color:var(--text-main)}.settings-toggle-text span{font-size:.76rem;color:var(--text-dim);line-height:1.4}.settings-switch{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;gap:0;width:46px;height:26px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;flex-shrink:0;padding:0 5px;transition:background .2s ease,border-color .2s ease,color .2s ease}.settings-switch svg{position:relative;z-index:1}.settings-switch-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:999px;background:var(--text-dim);transition:transform .2s cubic-bezier(.22,1,.36,1),background .2s ease}.settings-switch.on{background:color-mix(in srgb,var(--accent) 22%,transparent);border-color:var(--accent);color:var(--accent);justify-content:flex-end}.settings-switch.on .settings-switch-knob{transform:translate(20px);background:var(--accent)}.settings-pref-select{cursor:pointer;appearance:none;padding-right:2rem;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 15px) center,calc(100% - 10px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.settings-pref-select option{background:var(--surface);color:var(--text-main)}.settings-reset-prefs{display:inline-flex;align-items:center;gap:.45rem;align-self:flex-start;background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--sans, -apple-system, system-ui, sans-serif);font-weight:600;font-size:.78rem;padding:.5rem .85rem;border-radius:8px;cursor:pointer;transition:color var(--t),border-color var(--t),background var(--t)}.settings-reset-prefs:hover{color:var(--hard);border-color:var(--hard);background:color-mix(in srgb,var(--hard) 8%,transparent)}:root[data-font-scale=small]{font-size:15px}:root[data-font-scale=default]{font-size:16px}:root[data-font-scale=large]{font-size:17px}:root[data-density=compact]{font-size:.96em}:root[data-density=compact][data-font-scale=small]{font-size:14px}:root[data-density=compact][data-font-scale=default]{font-size:15px}:root[data-density=compact][data-font-scale=large]{font-size:16px}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] *:before,:root[data-reduce-motion=true] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.pg-header{padding:1.2rem 0;padding-top:calc(1.2rem + env(safe-area-inset-top));border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:900;transition:background var(--t),border-color var(--t)}.pg-wrap{width:94%;max-width:var(--container-w);margin:0 auto}.nav-group{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-left{display:flex;align-items:center}.brand-link{text-decoration:none;font-family:var(--serif);font-size:1.3rem;color:var(--text-main);transition:color var(--t);position:relative;cursor:pointer;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:.55rem}.brand-link .brand-text{display:inline-flex;gap:.4rem;align-items:baseline}.brand-suffix{color:var(--accent);font-weight:700}.brand-link:before{content:"←";position:absolute;left:-25px;color:var(--accent);opacity:0;transition:all var(--t);font-family:var(--mono);font-weight:700}.brand-link:hover{color:var(--accent)}.brand-link:hover .brand-suffix{color:var(--text-main)}.brand-link:hover:before{opacity:1;left:-20px}.header-right{display:flex;align-items:center;gap:1.5rem}.toggle-wrap{display:flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:none;border:none;padding:0;font:inherit;color:inherit}.toggle-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.toggle-label{font-family:var(--mono);font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.switch-base{width:30px;height:15px;background:var(--border);border-radius:15px;position:relative;flex-shrink:0;transition:background var(--t)}.switch-base:after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;background:var(--text-dim);border-radius:50%;transition:transform var(--t),background var(--t)}[data-theme-mode=dark] .switch-base{background:var(--accent)}[data-theme-mode=dark] .switch-base:after{transform:translate(15px);background:var(--bg)}.auth-btn{font-family:var(--mono);font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);background:none;padding:.4rem .8rem;cursor:pointer;border-radius:3px;transition:background var(--t),color var(--t);white-space:nowrap}.auth-btn:hover{background:var(--accent);color:var(--bg)}@media(max-width:768px){.toggle-label{display:none}.brand-link{font-size:1rem}.pg-header{padding:.8rem 0}}.sub-nav{background:var(--bg);border-bottom:1px solid var(--border)}.sub-nav-inner{display:flex;align-items:center;justify-content:center;gap:.625rem;width:94%;max-width:var(--container-w);margin:0 auto;padding:.5rem 0;overflow-x:auto;scrollbar-width:none}.sub-nav-inner::-webkit-scrollbar{display:none}.sub-nav-link{display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:4px;font-family:var(--mono);font-size:.82rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;color:var(--text-dim);transition:color var(--t),background var(--t),transform var(--t);position:relative;white-space:nowrap;flex-shrink:0}.sub-nav-grip{width:0;opacity:0;margin-right:-.4rem;color:var(--text-dim);transition:width var(--t),opacity var(--t),margin var(--t);cursor:grab}.sub-nav-link:hover .sub-nav-grip{width:12px;opacity:.6;margin-right:0}.sub-nav-link.drag-over{box-shadow:inset 2px 0 0 var(--accent);background:var(--hover-box)}.sub-nav-link[draggable=true]:active{cursor:grabbing}.sub-nav-link:before{content:"";position:absolute;left:50%;bottom:-.5rem;height:2px;width:0;background:var(--accent);border-radius:2px;transform:translate(-50%);transition:width var(--t);opacity:.65}.sub-nav-link:hover{color:var(--text-main);background:var(--hover-box);transform:translateY(-1px)}.sub-nav-link:hover:before{width:calc(100% - 1.5rem)}.sub-nav-link.active{color:var(--accent);background:var(--hover-box)}.sub-nav-link.active:after{content:"";position:absolute;bottom:-.5rem;left:.85rem;right:.85rem;height:2px;background:var(--accent);border-radius:2px}.sub-nav-link.active svg{animation:subnav-icon-pop .45s cubic-bezier(.34,1.56,.64,1)}@keyframes subnav-icon-pop{0%{transform:scale(.85)}60%{transform:scale(1.18)}to{transform:scale(1)}}.sub-nav-brand{display:inline-flex;align-items:baseline}.sub-nav-pg{font-size:.64em;font-weight:600;color:var(--text-dim);letter-spacing:-.01em;margin-right:.01em;opacity:.55}.sub-nav-link.active .sub-nav-pg{color:var(--accent);opacity:.85}.sub-nav-badge{background:var(--accent);color:var(--bg);font-size:.55rem;font-weight:700;padding:.1rem .35rem;border-radius:8px;line-height:1;min-width:16px;text-align:center;box-shadow:0 0 rgba(var(--accent-rgb),.5);animation:subnav-badge-pulse 2.4s cubic-bezier(.4,0,.6,1) infinite}@keyframes subnav-badge-pulse{0%,to{box-shadow:0 0 rgba(var(--accent-rgb),.45)}50%{box-shadow:0 0 0 6px rgba(var(--accent-rgb),0)}}.sub-nav-more-wrap{position:relative;display:inline-flex}.sub-nav-more-btn{background:transparent;border:none;cursor:pointer;font:inherit}.sub-nav-more-panel{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.4rem;z-index:950;box-shadow:0 14px 28px #00000038;display:flex;flex-direction:column;gap:2px;animation:subnav-pop .16s cubic-bezier(.2,.8,.2,1) both}@keyframes subnav-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sub-nav-more-item{display:flex;align-items:center;gap:.55rem;padding:.45rem .7rem;border-radius:5px;font-family:var(--mono);font-size:.72rem;font-weight:600;text-decoration:none;color:var(--text-main);transition:background var(--t),color var(--t)}.sub-nav-more-item:hover,.sub-nav-more-item.active{background:var(--hover-box);color:var(--accent)}.sub-nav-notif-wrap{position:relative;display:inline-flex;margin-left:.15rem}.sub-nav-notif-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;border-radius:6px;color:var(--text-dim);cursor:pointer;transition:background var(--t),color var(--t)}.sub-nav-notif-btn:hover,.sub-nav-notif-btn.open{background:var(--hover-box);color:var(--accent)}.sub-nav-notif-btn .sub-nav-badge{position:absolute;top:2px;right:0;padding:.05rem .28rem;min-width:14px;font-size:.5rem}.sub-nav-notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--border);border-radius:12px;z-index:950;box-shadow:0 14px 28px #00000038;overflow:hidden;animation:subnav-pop .16s cubic-bezier(.2,.8,.2,1) both}.sub-nav-notif-head{display:flex;align-items:center;justify-content:space-between;padding:.7rem .85rem;border-bottom:1px solid var(--border)}.sub-nav-notif-title{font-family:var(--mono);font-size:.78rem;font-weight:700;color:var(--text-main)}.sub-nav-notif-count{font-family:var(--mono);font-size:.6rem;font-weight:700;color:var(--bg);background:var(--accent);padding:.1rem .4rem;border-radius:8px;line-height:1}.sub-nav-notif-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding:1.6rem 1rem;color:var(--text-dim)}.sub-nav-notif-empty svg{color:var(--accent);opacity:.8}.sub-nav-notif-empty p{margin:.2rem 0 0;font-size:.82rem;font-weight:600;color:var(--text-main)}.sub-nav-notif-empty span{font-size:.7rem}.sub-nav-notif-list{max-height:320px;overflow-y:auto;padding:.3rem}.sub-nav-notif-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem .55rem;background:transparent;border:none;border-radius:8px;text-align:left;cursor:pointer;color:var(--text-main);transition:background var(--t)}.sub-nav-notif-item:hover{background:var(--hover-box)}.sub-nav-notif-item-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:7px;background:rgba(var(--accent-rgb),.12);color:var(--accent)}.sub-nav-notif-item-body{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.sub-nav-notif-item-name{font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-nav-notif-item-meta{display:flex;align-items:center;gap:.45rem;font-size:.62rem;color:var(--text-dim)}.sub-nav-notif-item-topic{text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-nav-notif-item-time{flex-shrink:0;color:var(--medium);font-weight:600}.sub-nav-notif-item-arrow{flex-shrink:0;color:var(--text-dim);opacity:0;transition:opacity var(--t)}.sub-nav-notif-item:hover .sub-nav-notif-item-arrow{opacity:1}.sub-nav-notif-foot{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.6rem;background:transparent;border:none;border-top:1px solid var(--border);font-family:var(--mono);font-size:.7rem;font-weight:600;color:var(--accent);cursor:pointer;transition:background var(--t)}.sub-nav-notif-foot:hover{background:var(--hover-box)}@media(max-width:768px){.sub-nav-inner{gap:.2rem;justify-content:flex-start;width:100%;padding-left:.6rem;padding-right:.6rem}.sub-nav-link{font-size:.7rem;padding:.5rem .7rem}.sub-nav-link span:not(.sub-nav-badge){display:inline}.sub-nav-more-panel{right:-10px}.sub-nav-notif-panel{right:-8px}}@media(max-width:540px){.sub-nav-link span:not(.sub-nav-badge){display:none}}.mbn{display:none}@media(max-width:767px){.mbn{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:stretch;background:color-mix(in srgb,var(--surface) 82%,transparent);border-top:1px solid var(--border);box-shadow:0 -8px 24px -12px #00000059;z-index:800;padding-bottom:env(safe-area-inset-bottom)}@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)){.mbn{background:color-mix(in srgb,var(--surface) 65%,transparent);-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px)}}.pg-playground,.pd-container,.rmx-container,.comp-container,.learn-container,.web-sandbox,.sql-pg,.adm-container,.ml-container,.ph-container,.ctx-container,.pl-container,.rq-container{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}.mbn-link{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.22rem;padding:.6rem .3rem .55rem;text-decoration:none;color:var(--text-dim);font-family:var(--mono);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;transition:color var(--t),background var(--t),transform var(--t);-webkit-tap-highlight-color:transparent}.mbn-link .mbn-indicator{position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);width:28px;height:2px;border-radius:0 0 2px 2px;background:var(--accent);transform-origin:center;transition:transform var(--t),opacity var(--t);opacity:0}.mbn-link .mbn-label{font-size:.62rem;line-height:1}.mbn-link svg{transition:transform var(--t)}.mbn-link:hover{color:var(--text-main);background:var(--hover-box)}.mbn-link:active svg{transform:scale(.92)}.mbn-link.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.mbn-link.active .mbn-indicator{transform:translate(-50%) scaleX(1);opacity:1}.route-fallback{display:flex;justify-content:center;width:100%;padding:3rem 1rem}.route-fallback-inner{width:94%;max-width:720px;display:flex;flex-direction:column;gap:1rem}.route-fallback-bar{height:18px;border-radius:4px;background:linear-gradient(90deg,var(--surface) 25%,var(--border) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.route-fallback-bar-half{width:60%}.route-fallback-bar-third{width:35%}.cmdk-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:min(15vh,120px);z-index:9500;animation:cmdk-fade .12s ease-out}@keyframes cmdk-fade{0%{opacity:0}to{opacity:1}}.cmdk{width:min(640px,92vw);max-height:70vh;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 60px #00000073;display:flex;flex-direction:column;overflow:hidden;animation:cmdk-pop .16s cubic-bezier(.34,1.2,.5,1)}@keyframes cmdk-pop{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cmdk-input-row{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);background:var(--bg)}.cmdk-input-icon{color:var(--text-dim);flex-shrink:0}.cmdk-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--sans);font-size:.95rem;color:var(--text-main)}.cmdk-input::placeholder{color:var(--text-dim);font-family:var(--sans)}.cmdk-esc{font-family:var(--mono);font-size:.6rem;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem;text-transform:uppercase;letter-spacing:.05em}.cmdk-list{overflow-y:auto;flex:1;padding:.4rem;display:flex;flex-direction:column;gap:.1rem}.cmdk-group{font-family:var(--mono);font-size:.58rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;padding:.5rem .7rem .3rem}.cmdk-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;background:transparent;border:none;border-radius:6px;width:100%;text-align:left;cursor:pointer;color:var(--text-main);transition:background var(--t),color var(--t)}.cmdk-item.active{background:var(--hover-box)}.cmdk-item-icon{color:var(--text-dim);flex-shrink:0}.cmdk-item.active .cmdk-item-icon{color:var(--accent)}.cmdk-item-body{display:flex;flex-direction:column;flex:1;min-width:0}.cmdk-item-label{font-family:var(--sans);font-size:.88rem;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk-item-sub{font-family:var(--mono);font-size:.66rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk-item-diff{font-family:var(--mono);font-size:.58rem;padding:.18rem .45rem;border-radius:999px;letter-spacing:.04em;flex-shrink:0}.cmdk-diff-easy{color:var(--easy);background:var(--easy-bg)}.cmdk-diff-medium{color:var(--medium);background:var(--medium-bg)}.cmdk-diff-hard{color:var(--hard);background:var(--hard-bg)}.cmdk-item-arrow{color:var(--text-dim);flex-shrink:0;opacity:0;transition:opacity var(--t),transform var(--t)}.cmdk-item.active .cmdk-item-arrow{opacity:1;transform:translate(2px);color:var(--accent)}.cmdk-empty{padding:1.5rem 1rem;text-align:center;font-family:var(--mono);font-size:.8rem;color:var(--text-dim)}.cmdk-footer{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-top:1px solid var(--border);background:var(--bg);font-family:var(--mono);font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.vs-page{width:94%;max-width:var(--container-w);margin:0 auto;padding:1.8rem 0 2.8rem;display:flex;flex-direction:column;gap:1.4rem;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.vs-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.vs-beta{font-size:.66rem;font-weight:700;letter-spacing:.14em;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:999px;padding:.18rem .7rem}.vs-title{display:flex;align-items:center;gap:.55rem;font-size:2.7rem;font-weight:800;margin:0;color:var(--text-main);letter-spacing:-.02em}.vs-title-pg{color:var(--text-dim);font-weight:700}.vs-bolt{width:2.2rem;height:2.2rem;color:var(--accent);fill:var(--accent);filter:drop-shadow(0 0 16px color-mix(in srgb,var(--accent) 70%,transparent))}.vs-bolt.spin{animation:vs-pulse 1.1s ease-in-out infinite}@keyframes vs-pulse{0%,to{opacity:1}50%{opacity:.4}}.vs-sub{max-width:620px;color:var(--text-dim);line-height:1.6;margin:0;font-size:.94rem}.vs-grid{flex:1 0 auto;display:grid;grid-template-columns:1.55fr 1fr;gap:1.2rem;align-items:stretch}.vs-setup-card,.vs-record-card,.vs-how-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 10px 40px -24px #0006}.vs-setup-card{padding:1.5rem 1.6rem;display:flex;flex-direction:column;gap:1.05rem}.vs-side{display:flex;flex-direction:column;gap:1.2rem;min-height:0}.vs-vs{display:flex;align-items:center;justify-content:center;gap:2.4rem}.vs-avatar{display:flex;flex-direction:column;align-items:center;gap:.35rem;color:var(--text-main)}.vs-avatar svg{width:3.1rem;height:3.1rem;padding:.65rem;border-radius:999px;border:2px solid var(--border)}.vs-avatar span{font-weight:600;font-size:.88rem}.vs-avatar small{color:var(--text-dim);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.vs-avatar.you svg{border-color:var(--accent);color:var(--accent);box-shadow:0 0 22px -6px var(--accent)}.vs-avatar.foe svg{border-color:var(--border);color:var(--text-dim);border-style:dashed}.vs-avatar.foe.here svg{border-style:solid;border-color:var(--hue-pink);color:var(--hue-pink);box-shadow:0 0 20px -6px var(--hue-pink)}.vs-vs-badge{font-weight:800;font-size:1rem;color:var(--text-main);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.45rem .65rem}.vs-divider{height:1px;background:var(--border);width:100%}.vs-row{display:flex;align-items:center;gap:1rem}.vs-row-label{display:inline-flex;align-items:center;gap:.35rem;width:6.5rem;color:var(--text-dim);font-size:.85rem;flex-shrink:0}.vs-chips{display:flex;gap:.4rem;flex-wrap:wrap}.vs-chip{border:1px solid var(--border);background:var(--bg);color:var(--text-main);border-radius:999px;padding:.32rem .85rem;font-size:.82rem;cursor:pointer;transition:all .15s;text-transform:capitalize}.vs-chip:hover{border-color:var(--accent)}.vs-chip.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);font-weight:600}.vs-powerups{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.vs-pu{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;text-align:left;border:1px solid var(--border);background:var(--bg);border-radius:12px;padding:.65rem;cursor:pointer;transition:all .15s;color:var(--text-main)}.vs-pu:hover{border-color:var(--hue-violet)}.vs-pu.on{border-color:var(--hue-violet);background:color-mix(in srgb,var(--hue-violet) 10%,transparent)}.vs-pu svg{color:var(--hue-violet)}.vs-pu b{font-size:.8rem}.vs-pu em{font-style:normal;font-size:.67rem;color:var(--text-dim);line-height:1.35}.vs-actions{display:flex;flex-direction:column;gap:.7rem;margin-top:.1rem}.vs-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent);color:var(--bg);border:none;border-radius:12px;padding:.75rem 1.6rem;font-weight:700;font-size:.95rem;cursor:pointer;transition:filter .15s;width:100%}.vs-primary:hover{filter:brightness(1.08)}.vs-primary:disabled{opacity:.5;cursor:not-allowed}.vs-secondary{display:inline-flex;align-items:center;gap:.35rem;background:transparent;color:var(--text-main);border:1px solid var(--border);border-radius:10px;padding:.55rem 1rem;font-weight:600;cursor:pointer}.vs-secondary:hover{border-color:var(--accent)}.vs-secondary:disabled{opacity:.5;cursor:not-allowed}.vs-join{display:flex;gap:.5rem;align-items:stretch}.vs-join-icon{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;border:1px solid var(--border);border-right:none;border-radius:10px 0 0 10px;color:var(--text-dim);background:var(--bg);margin-right:-.5rem}.vs-join input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:0 10px 10px 0;padding:.55rem .9rem;color:var(--text-main);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase}.vs-join input:focus{outline:none;border-color:var(--accent)}.vs-err{color:var(--hard);font-size:.82rem;margin:.2rem 0 0}.vs-signin-inline{border-top:1px solid var(--border);padding-top:1rem;text-align:center}.vs-signin-inline h3{margin:0 0 .3rem;color:var(--text-main);font-size:1rem}.vs-signin-inline p{margin:0;color:var(--text-dim);font-size:.86rem}.vs-record-card{padding:1.2rem 1.3rem;display:flex;flex-direction:column;gap:.9rem}.vs-record-head,.vs-how-head{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;color:var(--text-dim);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.vs-record-head svg{color:var(--accent)}.vs-rating{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:0;color:var(--accent);background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.3)}.vs-rating svg{color:var(--accent)}.vs-streak{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:0;text-transform:none}.vs-streak.w{color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,transparent);border:1px solid color-mix(in srgb,var(--warning) 35%,transparent)}.vs-streak.w svg{color:var(--warning)}.vs-streak.l{color:var(--hard);background:color-mix(in srgb,var(--hard) 12%,transparent);border:1px solid color-mix(in srgb,var(--hard) 30%,transparent)}.vs-record-nums{display:flex;align-items:flex-end;justify-content:space-between}.vs-rn{display:flex;flex-direction:column;align-items:center;gap:.1rem}.vs-rn b{font-size:1.7rem;font-weight:800;line-height:1}.vs-rn span{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.vs-rn.win b{color:var(--easy)}.vs-rn.loss b{color:var(--hard)}.vs-rn.rate b{color:var(--accent);font-size:2rem}.vs-record-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--hover-box)}.vs-record-bar-win{background:var(--easy);transition:width .5s ease}.vs-record-bar-loss{background:color-mix(in srgb,var(--hard) 75%,transparent);transition:width .5s ease}.vs-record-recent{display:flex;gap:.35rem;flex-wrap:wrap}.vs-pip{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:7px;font-size:.72rem;font-weight:800}.vs-pip.w{color:var(--easy);background:color-mix(in srgb,var(--easy) 16%,transparent)}.vs-pip.l{color:var(--hard);background:color-mix(in srgb,var(--hard) 16%,transparent)}.vs-history{margin-top:1rem;display:flex;flex-direction:column;gap:.3rem}.vs-history-title{font-family:var(--sans);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:.25rem}.vs-history-row{display:flex;align-items:center;gap:.55rem;padding:.4rem .5rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);font-size:.8rem}.vs-history-badge{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:6px;font-size:.68rem;font-weight:800;flex-shrink:0}.vs-history-badge.w{color:var(--easy);background:color-mix(in srgb,var(--easy) 16%,transparent)}.vs-history-badge.l{color:var(--hard);background:color-mix(in srgb,var(--hard) 16%,transparent)}.vs-history-opp{font-weight:600;color:var(--text-main);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-history-diff{font-size:.7rem;font-weight:700;text-transform:capitalize;flex-shrink:0}.vs-history-diff.easy{color:var(--easy)}.vs-history-diff.medium{color:var(--medium)}.vs-history-diff.hard{color:var(--hard)}.vs-history-diff.any{color:var(--text-dim)}.vs-history-q{font-family:var(--mono);font-size:.7rem;color:var(--text-dim);flex-shrink:0}.vs-history-time{font-size:.7rem;color:var(--text-dim);flex-shrink:0}.vs-record-empty{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem .5rem;text-align:center}.vs-record-empty svg{color:var(--text-dim)}.vs-record-empty p{margin:0;color:var(--text-dim);font-size:.85rem;line-height:1.5}.vs-friends-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 10px 40px -24px #0006;padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:0}.vs-fr-head{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-dim);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.vs-fr-head svg{color:var(--accent)}.vs-fr-search{display:flex;align-items:center;gap:.45rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.35rem .6rem}.vs-fr-search svg{color:var(--text-dim);flex-shrink:0}.vs-fr-search input{flex:1;background:transparent;border:none;color:var(--text-main);font-size:.85rem;min-width:0}.vs-fr-search input:focus{outline:none}.vs-fr-search button{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:8px;padding:.3rem .6rem;font-size:.78rem;font-weight:600;cursor:pointer}.vs-fr-search button:disabled{opacity:.5;cursor:default}.vs-fr-sub{color:var(--text-dim);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.vs-fr-requests{display:flex;flex-direction:column;gap:.4rem;padding-bottom:.5rem;border-bottom:1px dashed var(--border)}.vs-fr-list{display:flex;flex-direction:column;gap:.4rem}.vs-fr-row{display:flex;align-items:center;gap:.55rem}.vs-fr-av{width:1.7rem;height:1.7rem;border-radius:999px;flex-shrink:0;object-fit:cover}.vs-fr-av-ph{display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-size:.78rem;font-weight:700}.vs-fr-name{flex:1;min-width:0;color:var(--text-main);font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:baseline;gap:.35rem}.vs-fr-name em{font-style:normal;color:var(--text-dim);font-size:.72rem;font-weight:400}.vs-fr-btn{display:inline-flex;align-items:center;gap:.3rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.3rem .6rem;color:var(--text-main);font-size:.76rem;font-weight:600;cursor:pointer;transition:border-color .15s;flex-shrink:0}.vs-fr-btn:hover{border-color:var(--accent)}.vs-fr-btn.challenge{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.vs-fr-btn:disabled{opacity:.55;cursor:default}.vs-fr-tag{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-dim);font-size:.72rem;flex-shrink:0}.vs-fr-icon{display:inline-flex;border:1px solid var(--border);border-radius:7px;padding:.25rem;cursor:pointer;background:var(--bg);flex-shrink:0}.vs-fr-icon.ok{color:var(--easy)}.vs-fr-icon.ok:hover{border-color:var(--easy)}.vs-fr-icon.no{color:var(--text-dim)}.vs-fr-icon.no:hover{border-color:var(--hard);color:var(--hard)}.vs-fr-empty{margin:.3rem 0;color:var(--text-dim);font-size:.8rem;line-height:1.5}.vs-fr-clear{align-self:flex-start;background:none;border:none;color:var(--accent);font-size:.78rem;cursor:pointer;padding:.2rem 0}.vs-fr-icon.msg{color:var(--text-dim)}.vs-fr-icon.msg:hover{border-color:var(--accent);color:var(--accent)}.vs-fr-icon.call{color:var(--easy)}.vs-fr-icon.call:hover{border-color:var(--easy);background:color-mix(in srgb,var(--easy) 12%,var(--bg))}.vs-fr-calltoggle{margin-left:auto;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);font-size:.66rem;font-weight:700;letter-spacing:0;text-transform:none;cursor:pointer}.vs-fr-calltoggle svg{color:currentColor}.vs-fr-calltoggle.on{color:var(--easy);border-color:color-mix(in srgb,var(--easy) 40%,transparent);background:color-mix(in srgb,var(--easy) 12%,transparent)}.vs-fr-head{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.vs-fr-calltoggle+.vs-fr-calltoggle{margin-left:0}.vs-call-toast{border-color:color-mix(in srgb,var(--easy) 45%,var(--border))}.vs-launcher{position:fixed;right:1.1rem;left:auto;bottom:4.7rem;z-index:1100;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;transition:right .3s cubic-bezier(.22,1,.36,1),top .3s cubic-bezier(.22,1,.36,1)}.vs-launcher.dragging{transition:none}.vs-launcher-fab{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;border:none;background:var(--accent);color:var(--bg);cursor:grab;touch-action:none;box-shadow:0 12px 30px -8px color-mix(in srgb,var(--accent) 60%,transparent);transition:filter .15s}.vs-launcher-fab:hover{filter:brightness(1.06)}.vs-launcher-fab:active{cursor:grabbing}.vs-launcher-hide{display:inline-flex;align-items:center;gap:.25rem;margin-left:auto;padding:.15rem .45rem;border-radius:7px;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);font-size:.66rem;font-weight:600;cursor:pointer}.vs-launcher-hide:hover{color:var(--hard);border-color:color-mix(in srgb,var(--hard) 40%,transparent)}.vs-launcher-fab.on{background:var(--surface);color:var(--accent);border:1px solid var(--accent)}.vs-launcher-panel{width:250px;max-height:60vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 16px 44px -18px #0009}.vs-launcher-head{display:flex;align-items:center;gap:.4rem;padding:.7rem .85rem;border-bottom:1px solid var(--border);font-size:.8rem;font-weight:700;color:var(--text-main)}.vs-launcher-head svg{color:var(--accent)}.vs-launcher-x{margin-left:auto;background:transparent;border:none;color:var(--text-dim);cursor:pointer;display:inline-flex}.vs-launcher-x:hover{color:var(--text-main)}.vs-launcher-empty{margin:0;padding:1rem .85rem;color:var(--text-dim);font-size:.82rem;line-height:1.5}.vs-launcher-list{overflow-y:auto;padding:.4rem;display:flex;flex-direction:column;gap:.25rem}.vs-launcher-row{display:flex;align-items:center;gap:.4rem;padding:.35rem .4rem;border-radius:8px}.vs-launcher-row:hover{background:var(--hover-box)}.vs-launcher-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;color:var(--text-main);font-weight:600}.vs-launcher-call{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:7px;border:1px solid var(--border);background:var(--bg);color:var(--easy);cursor:pointer;flex-shrink:0}.vs-launcher-call:hover{border-color:var(--easy);background:color-mix(in srgb,var(--easy) 12%,var(--bg))}.vs-launcher-section{padding:.6rem .7rem;border-bottom:1px solid var(--border)}.vs-launcher-section:last-child{border-bottom:none}.vs-launcher-sub{display:flex;align-items:center;gap:.35rem;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:.5rem}.vs-launcher-sub svg{color:var(--accent)}.vs-launcher-newrow{display:flex;gap:.4rem;margin-bottom:.45rem}.vs-launcher-new{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .3rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text-main);font-size:.74rem;font-weight:600;cursor:pointer;white-space:nowrap}.vs-launcher-new:hover{border-color:var(--accent);color:var(--accent)}.vs-launcher-join{display:flex;gap:.35rem}.vs-launcher-join input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.4rem .6rem;color:var(--text-main);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem}.vs-launcher-join input:focus{outline:none;border-color:var(--accent)}.vs-launcher-joinbtn{padding:.4rem .75rem;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:var(--bg);font-size:.78rem;font-weight:700;cursor:pointer}.vs-launcher-joinbtn:disabled{opacity:.5;cursor:default}.vs-roomcode{position:fixed;left:1.1rem;bottom:5rem;z-index:62;display:flex;flex-direction:column;gap:.25rem;background:var(--surface);border:1px solid var(--accent);border-radius:12px;padding:.55rem .75rem;box-shadow:0 12px 30px -12px #0000008c}.vs-roomcode-label{display:inline-flex;align-items:center;gap:.3rem;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.vs-roomcode-label svg{color:var(--accent)}.vs-roomcode-val{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--mono);font-size:1.05rem;font-weight:800;letter-spacing:.18em;color:var(--accent);background:transparent;border:none;cursor:pointer;padding:0}.vs-roomcode-val svg{color:var(--text-dim)}@media(max-width:640px){.vs-launcher{bottom:4.5rem}.vs-roomcode{bottom:8.5rem}}.vs-fr-thread-head{display:flex;align-items:center;gap:.5rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.vs-fr-back{display:inline-flex;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.3rem;color:var(--text-main);cursor:pointer;flex-shrink:0}.vs-fr-back:hover{border-color:var(--accent)}.vs-fr-msgs{display:flex;flex-direction:column;gap:.4rem;padding:.3rem 0;min-height:4rem}.vs-fr-msg{max-width:82%;padding:.4rem .65rem;border-radius:12px;font-size:.84rem;line-height:1.4;word-break:break-word}.vs-fr-msg.mine{align-self:flex-end;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text-main);border-bottom-right-radius:4px}.vs-fr-msg.theirs{align-self:flex-start;background:var(--hover-box);color:var(--text-main);border-bottom-left-radius:4px}.vs-fr-compose{display:flex;gap:.45rem;align-items:center}.vs-fr-compose input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.5rem .75rem;color:var(--text-main);font-size:.85rem;min-width:0}.vs-fr-compose input:focus{outline:none;border-color:var(--accent)}.vs-fr-compose button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#06202b;border:none;border-radius:10px;padding:.5rem .7rem;cursor:pointer;flex-shrink:0}.vs-fr-compose button:disabled{opacity:.5;cursor:default}.vs-how-card{padding:1.1rem 1.3rem;display:flex;flex-direction:column;gap:.85rem}.vs-how-head svg{color:var(--accent)}.vs-race{display:flex;flex-direction:column;gap:.8rem;padding:.4rem 0}.vs-lane{position:relative;height:10px;border-radius:999px;background:var(--hover-box)}.vs-lane-fill{position:absolute;left:0;top:0;height:100%;border-radius:999px;animation:vs-race-fill 2.6s ease-in-out infinite alternate}.vs-lane.you .vs-lane-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,var(--accent)),var(--accent))}.vs-lane.foe .vs-lane-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--hue-pink) 55%,var(--hue-violet)),var(--hue-pink))}.vs-lane-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:999px;transform:translate(-50%,-50%);animation:vs-race-dot 2.6s ease-in-out infinite alternate}.vs-lane.you .vs-lane-dot{background:var(--accent);box-shadow:0 0 12px var(--accent)}.vs-lane.foe .vs-lane-dot{background:var(--hue-pink);box-shadow:0 0 12px var(--hue-pink)}@keyframes vs-race-fill{0%{width:8%}to{width:88%}}@keyframes vs-race-dot{0%{left:8%}to{left:88%}}.vs-feats{display:flex;flex-direction:column;gap:.55rem}.vs-feats span{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-dim);font-size:.83rem}.vs-feats svg{color:var(--accent)}.vs-signin{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:1.6rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem;max-width:460px;margin:3rem auto 0}.vs-signin h3{margin:0;color:var(--text-main)}.vs-signin p{margin:0;color:var(--text-dim)}.vs-loading{display:flex;align-items:center;justify-content:center;gap:.6rem;color:var(--text-dim);margin-top:4rem}.vs-code-inline{font-family:var(--mono);color:var(--accent);letter-spacing:.15em}.vs-room-chips{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.vs-meta-chip{font-size:.8rem;color:var(--text-main);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.3rem .8rem;text-transform:capitalize}.vs-room{max-width:620px;margin:0 auto;width:100%;border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:1.7rem;display:flex;flex-direction:column;align-items:center;gap:1.1rem}.vs-room-title{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--text-main)}.vs-room-sub{margin:0;color:var(--text-dim);text-transform:capitalize;font-size:.88rem}.vs-lobby-players{display:flex;align-items:center;gap:2.4rem}.vs-invite{width:100%;display:flex;flex-direction:column;gap:.7rem}.vs-invite-label{color:var(--text-dim);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center}.vs-code-big{display:flex;align-items:center;justify-content:center;gap:.5rem}.vs-code-chars{font-family:var(--mono);font-size:2.2rem;font-weight:800;letter-spacing:.4rem;color:var(--accent);padding-left:.4rem}.vs-code-copy{display:inline-flex;align-items:center;gap:.35rem;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:9px;padding:.45rem .7rem;font-weight:600;font-size:.82rem;cursor:pointer}.vs-code-copy:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.vs-share-row{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.vs-share-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:.5rem .85rem;color:var(--text-main);font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .15s;text-decoration:none}.vs-share-btn:hover{border-color:var(--accent)}.vs-share-btn svg{color:var(--text-dim)}.vs-invite-hint{text-align:center;color:var(--text-dim);font-size:.78rem;margin:0}.vs-room-hint{color:var(--text-dim)}.vs-toast{position:fixed;right:1.2rem;bottom:1.2rem;z-index:1200;display:flex;align-items:center;gap:.8rem;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:14px;padding:.8rem 1rem;box-shadow:0 16px 44px -18px #0009;max-width:340px;animation:vs-toast-in .25s ease}@keyframes vs-toast-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.vs-toast-ic{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);flex-shrink:0}.vs-toast-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.vs-toast-body b{color:var(--text-main);font-size:.88rem}.vs-toast-body span{color:var(--text-dim);font-size:.76rem;text-transform:capitalize}.vs-toast-join{background:var(--accent);color:#06202b;border:none;border-radius:9px;padding:.45rem .9rem;font-weight:700;font-size:.82rem;cursor:pointer;flex-shrink:0}.vs-toast-x{background:none;border:none;color:var(--text-dim);cursor:pointer;display:inline-flex;padding:.2rem;flex-shrink:0}.vs-notice-toast{border-color:color-mix(in srgb,var(--warning) 45%,var(--border))}.vs-notice-toast .vs-toast-ic{background:color-mix(in srgb,var(--warning) 16%,transparent);color:var(--warning)}.vs-notice-toast .vs-toast-body span{text-transform:none}.vs-battle{position:fixed;inset:73px 0 0;display:flex;flex-direction:column;background:var(--bg);z-index:50}.vs-battle-bar{display:flex;align-items:center;gap:1rem;padding:.55rem 1rem;border-bottom:1px solid var(--border);background:var(--surface)}.vs-back{background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-main);cursor:pointer;padding:.35rem .5rem;display:inline-flex}.vs-timer{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-weight:700;font-size:1rem;color:var(--text-main);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.3rem .7rem}.vs-qtabs{display:flex;gap:.35rem}.vs-qtab{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;height:1.9rem;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s}.vs-qtab:hover{border-color:var(--accent)}.vs-qtab.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.vs-qtab.solved{color:var(--easy);border-color:color-mix(in srgb,var(--easy) 45%,transparent);background:color-mix(in srgb,var(--easy) 12%,transparent)}.vs-battle-players{flex:1;display:flex;align-items:center;gap:1rem;justify-content:flex-end}.vs-bp{display:flex;align-items:center;gap:.5rem;min-width:0}.vs-bp-name{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--text-main);white-space:nowrap}.vs-bp-bar{width:120px;height:8px;border-radius:999px;background:var(--hover-box);overflow:hidden}.vs-bp-fill{height:100%;border-radius:999px;transition:width .4s ease}.vs-bp-fill.me{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 60%,var(--accent)),var(--accent))}.vs-bp-fill.foe{background:linear-gradient(90deg,color-mix(in srgb,var(--hue-pink) 60%,var(--hue-violet)),var(--hue-pink))}.vs-bp-count{font-family:var(--mono);font-size:.78rem;color:var(--text-dim);min-width:3ch}.vs-bp-swords{color:var(--text-dim)}.vs-typing{color:var(--hue-pink);font-style:italic;font-size:.8rem;animation:vs-pulse 1s ease-in-out infinite}.vs-battle-main{flex:1;display:grid;grid-template-columns:1fr 1.2fr;min-height:0}.vs-prob{overflow-y:auto;border-right:1px solid var(--border);display:flex;flex-direction:column}.vs-ltabs{position:sticky;top:0;z-index:2;display:flex;gap:.15rem;padding:0 .6rem;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.vs-ltab{position:relative;display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:none;color:var(--text-dim);font-size:.82rem;font-weight:600;cursor:pointer;padding:.7rem;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s;white-space:nowrap}.vs-ltab svg{color:currentColor}.vs-ltab:hover{color:var(--text-main)}.vs-ltab.on{color:var(--accent);border-bottom-color:var(--accent)}.vs-ltab{cursor:grab}.vs-ltab:active{cursor:grabbing}.vs-ltab.dragging{opacity:.45}.vs-ltab.dragover{background:rgba(var(--accent-rgb),.1);border-bottom-color:rgba(var(--accent-rgb),.5)}.vs-ltab-body{padding:1.2rem 1.4rem 2rem}.vs-prob h3{margin:0 0 .8rem;color:var(--text-main);display:flex;align-items:center;gap:.6rem}.vs-diff{font-size:.7rem;padding:.1rem .5rem;border-radius:999px;text-transform:capitalize}.vs-diff.easy{color:var(--easy);background:color-mix(in srgb,var(--easy) 14%,transparent)}.vs-diff.medium{color:var(--medium);background:color-mix(in srgb,var(--medium) 14%,transparent)}.vs-diff.hard{color:var(--hard);background:color-mix(in srgb,var(--hard) 14%,transparent)}.vs-prob-body{color:var(--text-main);line-height:1.6;font-size:.9rem}.vs-prob-body pre{white-space:pre-wrap;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.6rem;overflow-x:hidden}.vs-examples{display:flex;flex-direction:column;gap:.7rem;margin-top:1.1rem}.vs-example{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:.7rem .85rem;display:flex;flex-direction:column;gap:.4rem}.vs-example-tag{font-family:var(--mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.vs-example-line{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.vs-example-k{font-family:var(--sans);font-size:.74rem;font-weight:700;color:var(--text-dim);min-width:3.4rem}.vs-example-line code{font-family:var(--mono);font-size:.84rem;color:var(--text-main);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.15rem .45rem;white-space:pre-wrap;word-break:break-word}.vs-constraints{margin-top:1.1rem}.vs-examples-title{font-family:var(--sans);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:.5rem}.vs-constraints ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.3rem}.vs-constraints li{color:var(--text-main);font-size:.85rem}.vs-constraints code{font-family:var(--mono);font-size:.82rem;color:var(--text-main)}.vs-tc-pane{display:flex;flex-direction:column;gap:.9rem}.vs-tc-pane .vs-examples{margin-top:0}.vs-tc-hint{color:var(--text-dim);font-size:.85rem;line-height:1.5;margin:0}.vs-tc-result{display:inline-flex;align-items:center;gap:.45rem;align-self:flex-start;font-size:.85rem;font-weight:700;border-radius:9px;padding:.4rem .8rem;border:1px solid var(--border)}.vs-tc-result.pass{color:var(--easy);border-color:color-mix(in srgb,var(--easy) 40%,transparent);background:color-mix(in srgb,var(--easy) 12%,transparent)}.vs-tc-result.fail{color:var(--hard);border-color:color-mix(in srgb,var(--hard) 40%,transparent);background:color-mix(in srgb,var(--hard) 12%,transparent)}.vs-subs{display:flex;flex-direction:column;gap:.5rem}.vs-sub-row{display:flex;align-items:center;gap:.7rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:.55rem .75rem;font-size:.83rem}.vs-sub-pill{display:inline-flex;align-items:center;gap:.3rem;font-weight:700;font-size:.76rem;border-radius:999px;padding:.2rem .55rem;flex-shrink:0}.vs-sub-pill.ok{color:var(--easy);background:color-mix(in srgb,var(--easy) 14%,transparent)}.vs-sub-pill.no{color:var(--hard);background:color-mix(in srgb,var(--hard) 14%,transparent)}.vs-sub-q{font-weight:700;color:var(--text-main)}.vs-sub-lang{color:var(--text-dim);text-transform:capitalize}.vs-sub-count{font-family:var(--mono);color:var(--text-main);margin-left:auto}.vs-sub-time{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--mono);color:var(--text-dim);font-size:.76rem}.vs-review{display:flex;flex-direction:column;gap:1.1rem}.vs-rv-head{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem;color:var(--text-main)}.vs-rv-head svg{color:var(--accent)}.vs-rv-head span{color:var(--text-dim);font-weight:600;margin:0 .1rem}.vs-rv-metric{display:flex;flex-direction:column;gap:.45rem}.vs-rv-mlabel{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.vs-rv-row{display:flex;align-items:center;gap:.6rem}.vs-rv-who{display:inline-flex;align-items:center;gap:.3rem;width:7rem;flex-shrink:0;font-size:.8rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vs-rv-who.you svg{color:var(--accent)}.vs-rv-who.foe svg{color:var(--hue-pink)}.vs-rv-track{flex:1;height:12px;border-radius:999px;background:var(--hover-box);overflow:hidden}.vs-rv-bar{height:100%;border-radius:999px;transition:width .5s ease;min-width:2px}.vs-rv-bar.you{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 65%,transparent),var(--accent))}.vs-rv-bar.foe{background:linear-gradient(90deg,color-mix(in srgb,var(--hue-pink) 65%,var(--hue-violet)),var(--hue-pink))}.vs-rv-val{width:6.5rem;flex-shrink:0;text-align:right;font-family:var(--mono);font-size:.78rem;color:var(--text-dim)}.vs-hints{display:flex;flex-direction:column;gap:.5rem}.vs-editor{display:flex;flex-direction:column;min-height:0;height:100%}.vs-editor-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.45rem .9rem;border-bottom:1px solid var(--border);background:var(--surface)}.vs-editor-head-left{display:inline-flex;align-items:center;gap:.7rem;min-width:0}.vs-code-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--text-dim);text-transform:uppercase;flex-shrink:0}.vs-code-label svg{color:var(--accent)}.vs-lang-pills{display:inline-flex;gap:.25rem;padding:.2rem;background:var(--bg);border:1px solid var(--border);border-radius:9px}.vs-lang-pill{border:none;background:transparent;color:var(--text-dim);border-radius:6px;padding:.24rem .6rem;font-size:.76rem;font-weight:600;cursor:pointer;text-transform:capitalize;transition:all .15s}.vs-lang-pill:hover{color:var(--text-main)}.vs-lang-pill.on{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.vs-editor-head-right{display:inline-flex;align-items:center;gap:.55rem;flex-shrink:0}.vs-case-info{font-family:var(--mono);font-size:.78rem;color:var(--text-dim)}.vs-room-lang{display:flex;align-items:center;gap:1rem;width:100%;justify-content:center;flex-wrap:wrap}.vs-run{display:inline-flex;align-items:center;gap:.4rem;background:var(--easy);color:#06210f;border:none;border-radius:8px;padding:.45rem 1rem;font-weight:700;font-size:.85rem;cursor:pointer}.vs-run.ghost{background:transparent;color:var(--text-main);border:1px solid var(--border)}.vs-run.ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.vs-run:disabled{opacity:.55;cursor:not-allowed}.vs-editor-body{flex:1 1 auto;min-height:0}.vs-island{position:fixed;right:1rem;bottom:1rem;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}.vs-island-bar{display:flex;align-items:center;gap:.35rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.35rem;box-shadow:0 14px 40px -16px #0000008c}.vs-island-grip{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-dim);cursor:grab;padding:.3rem .15rem;touch-action:none}.vs-island-grip:active{cursor:grabbing}.vs-island-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:999px;background:var(--bg);border:1px solid var(--border);color:var(--text-main);cursor:pointer;transition:all .15s}.vs-island-btn:hover{border-color:var(--accent);color:var(--accent)}.vs-island-btn.on{background:var(--accent);border-color:var(--accent);color:#06202b}.vs-island-btn.off{background:color-mix(in srgb,var(--hard) 16%,transparent);border-color:color-mix(in srgb,var(--hard) 40%,transparent);color:var(--hard)}.vs-island-btn.end{background:var(--hard);border-color:var(--hard);color:#fff}.vs-island-btn.end:hover{border-color:var(--hard);color:#fff;filter:brightness(1.05)}.vs-island-badge{position:absolute;top:-3px;right:-3px;background:var(--hard);color:#fff;font-size:.6rem;font-weight:800;border-radius:999px;min-width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;padding:0 3px}.vs-ring{display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));border-radius:14px;padding:.6rem .8rem;box-shadow:0 14px 40px -16px #0000008c;animation:vs-ring-pulse 1.1s ease-in-out infinite;max-width:280px}@keyframes vs-ring-pulse{0%,to{box-shadow:0 14px 40px -16px #0000008c,0 0 color-mix(in srgb,var(--accent) 40%,transparent)}50%{box-shadow:0 14px 40px -16px #0000008c,0 0 0 6px color-mix(in srgb,var(--accent) 22%,transparent)}}.vs-ring-ic{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);flex-shrink:0}.vs-ring-txt{display:flex;flex-direction:column;min-width:0}.vs-ring-txt b{color:var(--text-main);font-size:.86rem}.vs-ring-txt span{color:var(--text-dim);font-size:.74rem}.vs-ring-accept,.vs-ring-decline{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;border:none;cursor:pointer;flex-shrink:0}.vs-ring-accept{background:var(--easy);color:#06210f}.vs-ring-decline{background:var(--hard);color:#fff}.vs-meet{width:320px;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 18px 48px -18px #0009}.vs-meet-stage{position:relative;width:100%;height:214px;background:#0a0d0f}.vs-meet-resize{position:absolute;right:0;bottom:0;width:34px;height:34px;cursor:nwse-resize;touch-action:none;z-index:6}.vs-meet-resize span{position:absolute;right:6px;bottom:6px;width:15px;height:15px;border-right:3px solid rgba(255,255,255,.92);border-bottom:3px solid rgba(255,255,255,.92);border-bottom-right-radius:4px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7));pointer-events:none}.vs-meet-resize-edge{position:absolute;z-index:5;touch-action:none}.vs-re-n{top:0;left:12px;right:12px;height:8px;cursor:ns-resize}.vs-re-s{bottom:0;left:12px;right:12px;height:8px;cursor:ns-resize}.vs-re-e{top:12px;bottom:12px;right:0;width:8px;cursor:ew-resize}.vs-re-w{top:12px;bottom:12px;left:0;width:8px;cursor:ew-resize}.vs-re-ne{top:0;right:0;width:18px;height:18px;cursor:nesw-resize;z-index:6}.vs-re-nw{top:0;left:0;width:18px;height:18px;cursor:nwse-resize;z-index:6}.vs-re-sw{bottom:0;left:0;width:18px;height:18px;cursor:nesw-resize;z-index:6}.vs-meet-stage:fullscreen{height:100vh!important;width:100vw;background:#000}.vs-meet-stage:fullscreen .vs-meet-resize,.vs-meet-stage:fullscreen .vs-meet-resize-edge{display:none}.vs-meet-stage:fullscreen .vs-meet-remote{object-fit:contain}.vs-meet-stage.speaking{box-shadow:inset 0 0 0 3px var(--accent),inset 0 0 22px -4px color-mix(in srgb,var(--accent) 60%,transparent)}.vs-meet-avatar.speaking span{animation:vs-talk-pulse .9s ease-in-out infinite;box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,transparent)}@keyframes vs-talk-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,transparent)}70%{box-shadow:0 0 0 16px transparent}to{box-shadow:0 0 0 0 transparent}}.vs-island-btn.talking{border-color:var(--accent);color:var(--accent);animation:vs-mic-pulse .85s ease-in-out infinite}@keyframes vs-mic-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 50%,transparent)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.vs-meet-avatar.speaking span,.vs-island-btn.talking{animation:none}}.vs-meet-remote{width:100%;height:100%;object-fit:cover;display:block}.vs-meet-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--accent) 22%,#0a0d0f),#0a0d0f)}.vs-meet-avatar span{width:4.5rem;height:4.5rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800}.vs-meet-name{position:absolute;left:8px;top:8px;background:#00000080;color:#fff;font-size:.72rem;padding:.15rem .5rem;border-radius:6px}.vs-meet-local{position:absolute;border-radius:10px;overflow:hidden;border:2px solid var(--accent);background:#111;cursor:grab;z-index:5;box-shadow:0 4px 14px -5px #000000a6;touch-action:none}.vs-meet-local:active{cursor:grabbing}.vs-meet-local video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;transform:scaleX(-1)}.vs-meet-local-tag{position:absolute;left:5px;bottom:5px;font-size:.6rem;font-weight:700;color:#fff;background:#00000080;padding:.05rem .35rem;border-radius:5px;pointer-events:none}.vs-meet-local-resize{position:absolute;right:0;bottom:0;width:20px;height:20px;cursor:nwse-resize;touch-action:none;z-index:6;background:linear-gradient(135deg,transparent 42%,rgba(255,255,255,.9) 42%,rgba(255,255,255,.9) 60%,transparent 60%)}.vs-meet-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;background:#0006}.vs-meet-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem}.vs-meet-ctl{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:999px;background:var(--bg);border:1px solid var(--border);color:var(--text-main);cursor:pointer}.vs-meet-ctl:hover{border-color:var(--accent)}.vs-meet-ctl.off{background:color-mix(in srgb,var(--hard) 16%,transparent);color:var(--hard);border-color:color-mix(in srgb,var(--hard) 40%,transparent)}.vs-meet-ctl.end{background:var(--hard);color:#fff;border-color:var(--hard)}.vs-island-chat{width:290px;max-height:52vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 16px 44px -18px #0009}.vs-island-err{background:var(--surface);border:1px solid color-mix(in srgb,var(--hard) 40%,transparent);color:var(--hard);font-size:.78rem;border-radius:10px;padding:.45rem .7rem;max-width:280px;cursor:pointer}.vs-call{position:fixed;right:1rem;top:5.5rem;z-index:55;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.vs-call-videos{position:relative;width:260px;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#000;box-shadow:0 16px 44px -18px #0009}.vs-call-remote{width:100%;height:175px;object-fit:cover;display:block;background:#0a0a0a}.vs-call-local{position:absolute;right:8px;bottom:8px;width:78px;height:55px;object-fit:cover;border-radius:8px;border:1px solid var(--accent);background:#111}.vs-call-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;background:#00000073}.vs-call-controls{display:flex;gap:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.3rem;box-shadow:0 10px 30px -14px #00000080}.vs-call-btn{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg);border:1px solid var(--border);border-radius:999px;color:var(--text-main);padding:.4rem .7rem;font-size:.82rem;font-weight:600;cursor:pointer}.vs-call-btn:hover{border-color:var(--accent)}.vs-call-btn.start{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.vs-call-btn.off{color:var(--hard);border-color:color-mix(in srgb,var(--hard) 40%,transparent)}.vs-call-btn.end{color:#fff;background:var(--hard);border-color:var(--hard)}.vs-call-err{background:var(--surface);border:1px solid color-mix(in srgb,var(--hard) 40%,transparent);color:var(--hard);font-size:.76rem;border-radius:8px;padding:.35rem .6rem;max-width:240px}.vs-chat-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-main);cursor:pointer;padding:.35rem .5rem}.vs-chat-toggle:hover,.vs-chat-toggle.on{border-color:var(--accent);color:var(--accent)}.vs-chat-badge{position:absolute;top:-6px;right:-6px;background:var(--hard);color:#fff;font-size:.6rem;font-weight:800;border-radius:999px;min-width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;padding:0 3px}.vs-chat{position:fixed;right:1rem;bottom:1rem;width:300px;max-height:60vh;z-index:60;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 44px -18px #0009;overflow:hidden}.vs-chat-head{display:flex;align-items:center;gap:.4rem;padding:.6rem .8rem;border-bottom:1px solid var(--border);font-weight:700;font-size:.85rem;color:var(--text-main)}.vs-chat-head svg{color:var(--accent)}.vs-chat-x{margin-left:auto;background:none;border:none;color:var(--text-dim);font-size:1.2rem;line-height:1;cursor:pointer}.vs-chat-body{flex:1;display:flex;flex-direction:column;gap:.4rem;padding:.7rem;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.vs-chat-body::-webkit-scrollbar{display:none}.vs-chat-empty{margin:auto;color:var(--text-dim);font-size:.82rem}.vs-chat-msg{max-width:82%;padding:.4rem .65rem;border-radius:12px;font-size:.83rem;line-height:1.4;word-break:break-word}.vs-chat-msg.mine{align-self:flex-end;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text-main);border-bottom-right-radius:4px}.vs-chat-msg.theirs{align-self:flex-start;background:var(--hover-box);color:var(--text-main);border-bottom-left-radius:4px}.vs-chat-compose{display:flex;gap:.4rem;padding:.6rem;border-top:1px solid var(--border)}.vs-chat-compose input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:.45rem .7rem;color:var(--text-main);font-size:.84rem;min-width:0}.vs-chat-compose input:focus{outline:none;border-color:var(--accent)}.vs-chat-compose button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#06202b;border:none;border-radius:9px;padding:.45rem .6rem;cursor:pointer}.vs-chat-compose button:disabled{opacity:.5;cursor:default}.vs-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto;overflow-x:hidden;padding:1.6rem 1rem 2.4rem}.vs-result{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:2rem 2.4rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.7rem;box-shadow:0 20px 60px -20px #0009;width:92%;max-width:640px;margin:auto}.vs-rematch-offer{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;color:var(--accent);background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.3);border-radius:999px;padding:.35rem .85rem}.vs-result-analytics{width:100%;margin-top:.9rem;padding-top:1rem;border-top:1px solid var(--border);text-align:left;display:flex;flex-direction:column;gap:1.1rem}.vs-result-report-q{font-family:var(--mono);font-weight:700;font-size:.85rem;color:var(--accent);margin-bottom:.35rem}.vs-result-report-stats{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .7rem;margin-bottom:.6rem;color:var(--text-dim);font-size:.76rem}.vs-result-report-stats span{display:inline-flex;align-items:center;gap:.3rem}.vs-result-noanalytics{color:var(--text-dim);font-size:.84rem;margin-top:.3rem}.vs-result-report-q{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.vs-copy-sol{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:7px;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);font-size:.72rem;font-weight:600;cursor:pointer;flex-shrink:0}.vs-copy-sol:hover{color:var(--accent);border-color:var(--accent)}.vs-forfeit{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:.78rem;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}.vs-forfeit:hover{color:var(--hard);border-color:color-mix(in srgb,var(--hard) 45%,transparent)}.vs-forfeit.armed{color:#fff;background:var(--hard);border-color:var(--hard)}.vs-react-bar{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.4rem;padding:.4rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border);box-shadow:0 8px 24px -10px #00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:65}.vs-react-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--c);cursor:pointer;transition:transform .12s,background .15s}.vs-react-btn:hover{transform:translateY(-2px) scale(1.12);background:color-mix(in srgb,var(--c) 16%,transparent)}.vs-react-btn:active{transform:scale(.94)}.vs-react-layer{position:absolute;inset:0;pointer-events:none;z-index:66;overflow:hidden}.vs-react-fly{position:absolute;bottom:4rem;color:var(--c);filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--c) 55%,transparent));animation:vs-react-rise 1.6s ease-out forwards}.vs-react-fly.mine{left:26%}.vs-react-fly.foe{right:26%}@keyframes vs-react-rise{0%{opacity:0;transform:translateY(10px) scale(.6)}18%{opacity:1;transform:translateY(0) scale(1.15)}40%{transform:translateY(-30px) scale(1)}to{opacity:0;transform:translateY(-120px) scale(.9)}}.vs-countdown{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vs-countdown-num{font-family:var(--mono);font-weight:800;font-size:6rem;line-height:1;color:var(--accent);text-shadow:0 0 40px color-mix(in srgb,var(--accent) 60%,transparent);animation:vs-count-pop 1s ease-out}.vs-countdown-label{font-size:1rem;font-weight:600;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase}@keyframes vs-count-pop{0%{opacity:0;transform:scale(1.8)}30%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.vs-react-fly{animation-duration:1.6s}.vs-countdown-num{animation:none}.vs-react-btn:hover{transform:none}}.vs-radar-chip{display:inline-flex;align-items:center;gap:.3rem;margin-top:.25rem;padding:.12rem .5rem;border-radius:999px;font-family:var(--mono);font-size:.7rem;font-weight:700;color:var(--hue-sky);background:color-mix(in srgb,var(--hue-sky) 14%,transparent);border:1px solid color-mix(in srgb,var(--hue-sky) 35%,transparent)}.vs-headstart{display:flex;align-items:flex-start;gap:.5rem;margin:.2rem 0 1rem;padding:.7rem .9rem;border-radius:10px;background:color-mix(in srgb,var(--medium) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--medium) 35%,transparent);color:var(--text-main);font-size:.85rem;line-height:1.5}.vs-headstart svg{color:var(--medium);flex-shrink:0;margin-top:2px}.vs-headstart b{color:var(--medium)}.vs-freeze{background:color-mix(in srgb,var(--hue-sky) 22%,rgba(0,0,0,.6))}.vs-freeze-ic{color:var(--hue-sky);margin-bottom:.2rem}.vs-freeze .vs-countdown-num{color:var(--hue-sky);text-shadow:0 0 40px color-mix(in srgb,var(--hue-sky) 60%,transparent)}.vs-spectate{position:fixed;inset:73px 0 0;display:flex;flex-direction:column;background:var(--bg);z-index:50}.vs-spectate-bar{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid var(--border);background:var(--surface)}.vs-spectate-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);padding:.25rem .6rem;border-radius:999px;border:1px solid var(--border)}.vs-spectate-badge.live{color:var(--hard);border-color:color-mix(in srgb,var(--hard) 45%,transparent)}.vs-spectate-badge.live svg{animation:vs-pulse 1.4s ease-in-out infinite}.vs-spectate-badge.done{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}@keyframes vs-pulse{0%,to{opacity:1}50%{opacity:.35}}.vs-spectate-meta{margin-left:auto;color:var(--text-dim);font-size:.82rem;text-transform:capitalize}.vs-spectate-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;padding:2rem 1rem}.vs-spectate-arena{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;width:100%;max-width:720px}.vs-spectate-side{display:flex;flex-direction:column;align-items:center;gap:.7rem}.vs-spectate-avatar{display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:999px;border:2px solid var(--border);background:var(--surface)}.vs-spectate-avatar.host{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.vs-spectate-avatar.guest{color:var(--hue-pink, var(--hard));border-color:color-mix(in srgb,var(--hard) 45%,transparent)}.vs-spectate-name{font-weight:700;color:var(--text-main);font-size:1rem}.vs-spectate-track{width:100%;max-width:220px;height:12px;border-radius:999px;background:var(--hover-box);overflow:hidden}.vs-spectate-count{font-family:var(--mono);font-weight:700;color:var(--text-main)}.vs-spectate-vs{color:var(--text-dim)}.vs-spectate-result{display:inline-flex;align-items:center;gap:.5rem;font-size:1.05rem;color:var(--text-main);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.7rem 1.1rem}.vs-spectate-result svg{color:var(--accent)}.vs-spectate-hint{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-dim);font-size:.85rem}.vs-result.win svg{color:var(--accent);fill:color-mix(in srgb,var(--accent) 30%,transparent)}.vs-result.lose svg{color:var(--text-dim)}.vs-result h2{margin:0;font-size:2rem;color:var(--text-main)}.vs-result.win h2{color:var(--accent)}.vs-result p{margin:0;color:var(--text-dim)}.vs-result-score{font-family:var(--mono);font-size:.85rem;color:var(--text-main);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.4rem .8rem}.vs-result-bars{display:flex;flex-direction:column;gap:.6rem;width:100%;min-width:300px;margin-top:.3rem}.vs-rb{display:flex;align-items:center;gap:.6rem}.vs-rb-label{display:inline-flex;align-items:center;gap:.3rem;width:6.5rem;color:var(--text-main);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vs-rb-track{flex:1;height:10px;border-radius:999px;background:var(--hover-box);overflow:hidden}.vs-rb-track .vs-bp-fill{height:100%;border-radius:999px;transition:width .6s ease}.vs-rb-count{font-family:var(--mono);font-size:.78rem;color:var(--text-dim);min-width:3.4ch;text-align:right}.vs-result-meta{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-dim);font-size:.8rem;text-transform:capitalize}.vs-diff-inline{color:var(--text-main)}.vs-result-actions{margin-top:.5rem;display:flex;gap:.6rem}@media(max-width:900px){.vs-grid{grid-template-columns:1fr}}@media(max-width:720px){.vs-battle-main{grid-template-columns:1fr}.vs-prob{border-right:none;border-bottom:1px solid var(--border);max-height:40vh}.vs-powerups{grid-template-columns:repeat(2,1fr)}.vs-battle-players{flex-wrap:wrap}}.vs-launcher-panel,.vs-island-chat,.vs-roomcode,.vs-toast,.vs-island-bar{background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border:1px solid color-mix(in srgb,var(--border) 65%,transparent);box-shadow:0 1px 2px #00000029,0 20px 52px -22px #0000008c}.vs-launcher-panel{border-radius:18px;transform-origin:bottom left;animation:vs-pop .26s cubic-bezier(.22,1,.36,1)}.vs-island-chat{border-radius:18px;animation:vs-pop .24s cubic-bezier(.22,1,.36,1)}.vs-roomcode{border-radius:14px;animation:vs-pop .24s cubic-bezier(.22,1,.36,1)}.vs-meet{border-radius:14px;animation:vs-pop .26s cubic-bezier(.22,1,.36,1);box-shadow:0 2px 4px #0003,0 26px 64px -24px #0009}.vs-island-bar{border-radius:999px}@keyframes vs-pop{0%{opacity:0;transform:scale(.94) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.vs-launcher-section,.vs-launcher-head{border-bottom-color:color-mix(in srgb,var(--border) 45%,transparent)}.vs-island-btn,.vs-launcher-call,.vs-launcher-new,.vs-launcher-joinbtn,.vs-react-btn,.vs-toast-join,.vs-launcher-fab{transition:transform .15s cubic-bezier(.22,1,.36,1),background .15s ease,border-color .15s ease,color .15s ease,filter .15s ease}.vs-island-btn:active,.vs-launcher-call:active,.vs-launcher-new:active,.vs-launcher-joinbtn:active,.vs-toast-join:active{transform:scale(.92)}.vs-launcher-fab:hover{transform:scale(1.06)}.vs-launcher-fab:active{transform:scale(.96)}@media(prefers-reduced-motion:reduce){.vs-launcher-panel,.vs-island-chat,.vs-roomcode,.vs-meet{animation:none}.vs-island-btn:active,.vs-launcher-fab:hover,.vs-launcher-fab:active,.vs-launcher-call:active,.vs-launcher-new:active,.vs-toast-join:active{transform:none}}.vs-msg-toasts{position:fixed;top:4.6rem;right:1.2rem;z-index:1200;display:flex;flex-direction:column;gap:.5rem;max-width:340px}.vs-msg-toast{cursor:pointer}.vs-msg-toast .vs-toast-body span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--mono: "Space Mono", monospace;--serif: "Lora", serif;--sans: "Inter", sans-serif;--t: .2s cubic-bezier(.4, 0, .2, 1);--pg-nav-h: 120px;--playground-w: 1520px;--playground-gutter: 3rem;--bg: #0a1615;--surface: #0f1e1d;--text-main: #ffffff;--text-dim: #6f9b98;--accent: #00fff5;--border: #17423e;--card-bg: #0f1e1d;--hover-box: rgba(0, 255, 245, .06);--easy: #4caf50;--medium: #f0a500;--hard: #ef4444;--warning: #f59e0b;--easy-bg: rgba(76, 175, 80, .12);--medium-bg: rgba(240, 165, 0, .12);--hard-bg: rgba(239, 68, 68, .12);--easy-hover: #3a9e44;--error-bg: rgba(239, 68, 68, .06);--error-border: rgba(239, 68, 68, .15);--blue: #3b82f6;--blue-bg: #1a2540;--blue-bar: #1e3a6e;--violet: #8b5cf6;--violet-bg: #1e1a34;--violet-bar: #2d1f5e;--green: #22c55e;--green-bg: #0f2d1a;--green-bar: #1a4a2a;--orange: #f97316;--orange-bg: #2d1a0a;--orange-bar: #4a2a0e;--red: #ef4444;--red-bg: #2d0f0f;--red-bar: #4a1a1a;--yellow: #eab308;--yellow-bg: #2d250a;--hue-violet: #a78bfa;--hue-sky: #38bdf8;--hue-pink: #f472b6;--hue-mint: #34d399;--accent-rgb: 0, 255, 245;--easy-rgb: 76, 175, 80;--medium-rgb: 240, 165, 0;--hard-rgb: 239, 68, 68;--warning-rgb: 245, 158, 11;--hue-violet-rgb: 167, 139, 250;--hue-sky-rgb: 56, 189, 248;--hue-pink-rgb: 244, 114, 182;--hue-mint-rgb: 52, 211, 153;--container-w: 1560px;--viz-card: color-mix(in srgb, var(--surface) 90%, var(--text-main) 10%);--viz-card-hi: color-mix(in srgb, var(--surface) 84%, var(--text-main) 16%);--viz-line: color-mix(in srgb, var(--border) 65%, var(--text-dim) 35%)}[data-theme=light]{--bg: #f5f2ed;--surface: #ffffff;--text-main: #1a1a1a;--text-dim: #666666;--accent: #008a7e;--border: #e0ddd7;--card-bg: #ffffff;--hover-box: rgba(0, 138, 126, .06);--warning: #d97706;--easy-bg: rgba(76, 175, 80, .1);--medium-bg: rgba(240, 165, 0, .1);--hard-bg: rgba(239, 68, 68, .1);--easy-hover: #2e8b3e;--error-bg: rgba(239, 68, 68, .05);--error-border: rgba(239, 68, 68, .12);--blue-bg: #e8f0fe;--blue-bar: #b6d4fe;--violet-bg: #ede9fe;--violet-bar: #c4b5fd;--green-bg: #dcfce7;--green-bar: #86efac;--orange-bg: #fff7ed;--orange-bar: #fed7aa;--red-bg: #fef2f2;--red-bar: #fecaca;--yellow-bg: #fefce8;--hue-violet: #7c3aed;--hue-sky: #0284c7;--hue-pink: #db2777;--hue-mint: #059669;--accent-rgb: 0, 138, 126;--easy-rgb: 76, 175, 80;--medium-rgb: 240, 165, 0;--hard-rgb: 239, 68, 68;--warning-rgb: 217, 119, 6;--hue-violet-rgb: 124, 58, 237;--hue-sky-rgb: 2, 132, 199;--hue-pink-rgb: 219, 39, 119;--hue-mint-rgb: 5, 150, 105}[data-theme=midnight]{--bg: #0b1024;--surface: #131a3a;--text-main: #f5f4ff;--text-dim: #8b8fb8;--accent: #a78bfa;--border: #1f2950;--card-bg: #131a3a;--hover-box: rgba(167, 139, 250, .08);--warning: #fbbf24;--easy-bg: rgba(76, 175, 80, .14);--medium-bg: rgba(240, 165, 0, .14);--hard-bg: rgba(239, 68, 68, .14);--easy-hover: #3a9e44;--error-bg: rgba(239, 68, 68, .08);--error-border: rgba(239, 68, 68, .18);--blue-bg: #1c2554;--blue-bar: #2a3a8a;--violet-bg: #2a1e5e;--violet-bar: #4332a0;--green-bg: #0e2e1c;--green-bar: #1a4d2e;--orange-bg: #2e1d0a;--orange-bar: #4a2c10;--red-bg: #2d0f1a;--red-bar: #4a1a2a;--yellow-bg: #2e260d;--accent-rgb: 167, 139, 250;--easy-rgb: 76, 175, 80;--medium-rgb: 240, 165, 0;--hard-rgb: 239, 68, 68;--warning-rgb: 251, 191, 36;--hue-violet-rgb: 167, 139, 250;--hue-sky-rgb: 56, 189, 248;--hue-pink-rgb: 244, 114, 182;--hue-mint-rgb: 52, 211, 153}[data-theme=solarized]{--bg: #fdf6e3;--surface: #eee8d5;--text-main: #073642;--text-dim: #586e75;--accent: #268bd2;--border: #d8d2bf;--card-bg: #eee8d5;--hover-box: rgba(38, 139, 210, .08);--easy: #859900;--medium: #b58900;--hard: #dc322f;--warning: #cb4b16;--easy-bg: rgba(133, 153, 0, .1);--medium-bg: rgba(181, 137, 0, .1);--hard-bg: rgba(220, 50, 47, .1);--easy-hover: #6c7a00;--error-bg: rgba(220, 50, 47, .06);--error-border: rgba(220, 50, 47, .15);--blue: #268bd2;--blue-bg: #e0eef9;--blue-bar: #b6d7ee;--violet: #6c71c4;--violet-bg: #e7e8f6;--violet-bar: #c3c5e4;--green: #859900;--green-bg: #ecf0d1;--green-bar: #c9d18a;--orange: #cb4b16;--orange-bg: #fbe2d3;--orange-bar: #f3bc99;--red: #dc322f;--red-bg: #fadcdc;--red-bar: #f0a7a5;--yellow: #b58900;--yellow-bg: #f5ebcc;--accent-rgb: 38, 139, 210;--easy-rgb: 133, 153, 0;--medium-rgb: 181, 137, 0;--hard-rgb: 220, 50, 47;--warning-rgb: 203, 75, 22;--hue-violet-rgb: 167, 139, 250;--hue-sky-rgb: 56, 189, 248;--hue-pink-rgb: 244, 114, 182;--hue-mint-rgb: 52, 211, 153}[data-theme=dracula]{--bg: #282a36;--surface: #21222c;--text-main: #f8f8f2;--text-dim: #8b8ca0;--accent: #ff79c6;--border: #383a4a;--card-bg: #21222c;--hover-box: rgba(255, 121, 198, .08);--easy: #50fa7b;--medium: #f1fa8c;--hard: #ff5555;--warning: #ffb86c;--easy-bg: rgba(80, 250, 123, .12);--medium-bg: rgba(241, 250, 140, .12);--hard-bg: rgba(255, 85, 85, .12);--easy-hover: #3ade63;--error-bg: rgba(255, 85, 85, .08);--error-border: rgba(255, 85, 85, .2);--blue: #8be9fd;--blue-bg: #1f3540;--blue-bar: #2c4d5e;--violet: #bd93f9;--violet-bg: #2d2546;--violet-bar: #423568;--green: #50fa7b;--green-bg: #163b22;--green-bar: #225a34;--orange: #ffb86c;--orange-bg: #3a2716;--orange-bar: #5a3a1f;--red: #ff5555;--red-bg: #3a1414;--red-bar: #5a1f1f;--yellow: #f1fa8c;--yellow-bg: #2f3015;--accent-rgb: 255, 121, 198;--easy-rgb: 80, 250, 123;--medium-rgb: 241, 250, 140;--hard-rgb: 255, 85, 85;--warning-rgb: 255, 184, 108;--hue-violet-rgb: 167, 139, 250;--hue-sky-rgb: 56, 189, 248;--hue-pink-rgb: 244, 114, 182;--hue-mint-rgb: 52, 211, 153}[data-theme=midnight-light]{--bg: #eef1ff;--surface: #ffffff;--text-main: #1a2040;--text-dim: #5a6088;--accent: #6b4dff;--border: #cfd5f5;--card-bg: #ffffff;--hover-box: rgba(107, 77, 255, .07);--easy: #2ea66d;--medium: #c98b1a;--hard: #c63b3b;--warning: #c98b1a;--easy-bg: rgba(46, 166, 109, .1);--medium-bg: rgba(201, 139, 26, .1);--hard-bg: rgba(198, 59, 59, .1);--easy-hover: #228957;--error-bg: rgba(198, 59, 59, .06);--error-border: rgba(198, 59, 59, .18);--blue: #4063d8;--blue-bg: #dfe5ff;--blue-bar: #b8c4f5;--violet: #6b4dff;--violet-bg: #e5dffa;--violet-bar: #c6bef0;--green: #2ea66d;--green-bg: #ddf2e6;--green-bar: #b9dec8;--orange: #d97706;--orange-bg: #fff0d6;--orange-bar: #f5d59a;--red: #c63b3b;--red-bg: #fbe1e1;--red-bar: #f0bdbd;--yellow: #b88a10;--yellow-bg: #fdf3cc;--accent-rgb: 107, 77, 255;--easy-rgb: 46, 166, 109;--medium-rgb: 201, 139, 26;--hard-rgb: 198, 59, 59;--warning-rgb: 201, 139, 26;--hue-violet-rgb: 167, 139, 250;--hue-sky-rgb: 56, 189, 248;--hue-pink-rgb: 244, 114, 182;--hue-mint-rgb: 52, 211, 153}[data-theme=dracula-light]{--bg: #f4f4ff;--surface: #ffffff;--text-main: #2d2f3f;--text-dim: #6c6f85;--accent: #c4378a;--border: #d8d8ec;--card-bg: #ffffff;--hover-box: rgba(196, 55, 138, .07);--easy: #2f9e57;--medium: #b07d0c;--hard: #c63b3b;--warning: #d97706;--easy-bg: rgba(47, 158, 87, .1);--medium-bg: rgba(176, 125, 12, .1);--hard-bg: rgba(198, 59, 59, .1);--easy-hover: #248349;--error-bg: rgba(198, 59, 59, .06);--error-border: rgba(198, 59, 59, .18);--blue: #386dc4;--blue-bg: #e0eaf8;--blue-bar: #b8ccea;--violet: #7b53c4;--violet-bg: #ecdcfa;--violet-bar: #ceb6ec;--green: #2f9e57;--green-bg: #ddf2e3;--green-bar: #b9deca;--orange: #d97706;--orange-bg: #fff0d6;--orange-bar: #f5d59a;--red: #c63b3b;--red-bg: #fbe1e1;--red-bar: #f0bdbd;--yellow: #b07d0c;--yellow-bg: #fdf3cc;--accent-rgb: 196, 55, 138;--easy-rgb: 47, 158, 87;--medium-rgb: 176, 125, 12;--hard-rgb: 198, 59, 59;--warning-rgb: 217, 119, 6;--hue-violet-rgb: 167, 139, 250;--hue-sky-rgb: 56, 189, 248;--hue-pink-rgb: 244, 114, 182;--hue-mint-rgb: 52, 211, 153}[data-theme=solarized-dark]{--bg: #002b36;--surface: #073642;--text-main: #eee8d5;--text-dim: #93a1a1;--accent: #268bd2;--border: #11424f;--card-bg: #073642;--hover-box: rgba(38, 139, 210, .1);--easy: #859900;--medium: #b58900;--hard: #dc322f;--warning: #cb4b16;--easy-bg: rgba(133, 153, 0, .14);--medium-bg: rgba(181, 137, 0, .14);--hard-bg: rgba(220, 50, 47, .14);--easy-hover: #6b7d00;--error-bg: rgba(220, 50, 47, .08);--error-border: rgba(220, 50, 47, .22);--blue: #268bd2;--blue-bg: #0e3a4d;--blue-bar: #18506b;--violet: #6c71c4;--violet-bg: #1e2748;--violet-bar: #2c3a6b;--green: #859900;--green-bg: #1f2a0c;--green-bar: #3a4914;--orange: #cb4b16;--orange-bg: #3a1e0c;--orange-bar: #5a2f14;--red: #dc322f;--red-bg: #3a1414;--red-bar: #5a1f1f;--yellow: #b58900;--yellow-bg: #2d2410;--accent-rgb: 38, 139, 210;--easy-rgb: 133, 153, 0;--medium-rgb: 181, 137, 0;--hard-rgb: 220, 50, 47;--warning-rgb: 203, 75, 22;--hue-violet-rgb: 167, 139, 250;--hue-sky-rgb: 56, 189, 248;--hue-pink-rgb: 244, 114, 182;--hue-mint-rgb: 52, 211, 153}[data-theme=nord]{--bg: #2e3440;--surface: #3b4252;--text-main: #eceff4;--text-dim: #8892a6;--accent: #88c0d0;--border: #434c5e;--card-bg: #3b4252;--hover-box: rgba(136, 192, 208, .09);--easy: #a3be8c;--medium: #ebcb8b;--hard: #bf616a;--warning: #d08770;--easy-bg: rgba(163, 190, 140, .14);--medium-bg: rgba(235, 203, 139, .14);--hard-bg: rgba(191, 97, 106, .14);--easy-hover: #b5cc9f;--error-bg: rgba(191, 97, 106, .09);--error-border: rgba(191, 97, 106, .22);--blue: #81a1c1;--blue-bg: #313d4d;--blue-bar: #3f5066;--violet: #b48ead;--violet-bg: #3b3543;--violet-bar: #4d4458;--green: #a3be8c;--green-bg: #333f30;--green-bar: #435440;--orange: #d08770;--orange-bg: #40352e;--orange-bar: #55463c;--red: #bf616a;--red-bg: #3f3134;--red-bar: #554044;--yellow: #ebcb8b;--yellow-bg: #3d3a2c;--accent-rgb: 136, 192, 208;--easy-rgb: 163, 190, 140;--medium-rgb: 235, 203, 139;--hard-rgb: 191, 97, 106;--warning-rgb: 208, 135, 112;--hue-violet: #b48ead;--hue-sky: #88c0d0;--hue-pink: #bf616a;--hue-mint: #a3be8c;--hue-violet-rgb: 180, 142, 173;--hue-sky-rgb: 136, 192, 208;--hue-pink-rgb: 191, 97, 106;--hue-mint-rgb: 163, 190, 140}[data-theme=nord-light]{--bg: #eceff4;--surface: #ffffff;--text-main: #2e3440;--text-dim: #4c566a;--accent: #5e81ac;--border: #d8dee9;--card-bg: #ffffff;--hover-box: rgba(94, 129, 172, .08);--easy: #4d783a;--medium: #a67b12;--hard: #a54b52;--warning: #bf6a3a;--easy-bg: rgba(77, 120, 58, .1);--medium-bg: rgba(166, 123, 18, .1);--hard-bg: rgba(165, 75, 82, .1);--easy-hover: #3d612e;--error-bg: rgba(165, 75, 82, .06);--error-border: rgba(165, 75, 82, .18);--blue: #4d6c99;--blue-bg: #e2e8f2;--blue-bar: #c3d0e4;--violet: #8a6a94;--violet-bg: #ece3ee;--violet-bar: #d8c6dc;--green: #4d783a;--green-bg: #e2edda;--green-bar: #c6dbb7;--orange: #bf6a3a;--orange-bg: #f6e6dc;--orange-bar: #ecccb6;--red: #a54b52;--red-bg: #f4e1e2;--red-bar: #e6bec1;--yellow: #a67b12;--yellow-bg: #f7eecf;--accent-rgb: 94, 129, 172;--easy-rgb: 77, 120, 58;--medium-rgb: 166, 123, 18;--hard-rgb: 165, 75, 82;--warning-rgb: 191, 106, 58;--hue-violet: #8a6a94;--hue-sky: #5e81ac;--hue-pink: #a54b52;--hue-mint: #4d783a;--hue-violet-rgb: 138, 106, 148;--hue-sky-rgb: 94, 129, 172;--hue-pink-rgb: 165, 75, 82;--hue-mint-rgb: 77, 120, 58}[data-theme=rose-pine]{--bg: #191724;--surface: #1f1d2e;--text-main: #e0def4;--text-dim: #908caa;--accent: #ebbcba;--border: #2a2740;--card-bg: #1f1d2e;--hover-box: rgba(235, 188, 186, .09);--easy: #9ccfd8;--medium: #f6c177;--hard: #eb6f92;--warning: #f6c177;--easy-bg: rgba(156, 207, 216, .14);--medium-bg: rgba(246, 193, 119, .14);--hard-bg: rgba(235, 111, 146, .14);--easy-hover: #b3dde4;--error-bg: rgba(235, 111, 146, .09);--error-border: rgba(235, 111, 146, .22);--blue: #9ccfd8;--blue-bg: #22303a;--blue-bar: #2f4450;--violet: #c4a7e7;--violet-bg: #2e2740;--violet-bar: #3f3556;--green: #9ccfd8;--green-bg: #22303a;--green-bar: #2f4450;--orange: #f6c177;--orange-bg: #37301f;--orange-bar: #4b402a;--red: #eb6f92;--red-bg: #351f29;--red-bar: #492a38;--yellow: #f6c177;--yellow-bg: #37301f;--accent-rgb: 235, 188, 186;--easy-rgb: 156, 207, 216;--medium-rgb: 246, 193, 119;--hard-rgb: 235, 111, 146;--warning-rgb: 246, 193, 119;--hue-violet: #c4a7e7;--hue-sky: #9ccfd8;--hue-pink: #eb6f92;--hue-mint: #9ccfd8;--hue-violet-rgb: 196, 167, 231;--hue-sky-rgb: 156, 207, 216;--hue-pink-rgb: 235, 111, 146;--hue-mint-rgb: 156, 207, 216}[data-theme=rose-pine-dawn]{--bg: #faf4ed;--surface: #fffaf3;--text-main: #575279;--text-dim: #797593;--accent: #b4637a;--border: #efe4d8;--card-bg: #fffaf3;--hover-box: rgba(180, 99, 122, .08);--easy: #56949f;--medium: #b8860b;--hard: #b4637a;--warning: #ea9d34;--easy-bg: rgba(86, 148, 159, .12);--medium-bg: rgba(184, 134, 11, .12);--hard-bg: rgba(180, 99, 122, .12);--easy-hover: #457a83;--error-bg: rgba(180, 99, 122, .06);--error-border: rgba(180, 99, 122, .18);--blue: #286983;--blue-bg: #e2edf0;--blue-bar: #c3dbe1;--violet: #907aa9;--violet-bg: #ece7f0;--violet-bar: #d8cee2;--green: #56949f;--green-bg: #e2edf0;--green-bar: #c3dbe1;--orange: #ea9d34;--orange-bg: #f8ecd6;--orange-bar: #f0d9ac;--red: #b4637a;--red-bg: #f4e3e8;--red-bar: #e8c6d1;--yellow: #b8860b;--yellow-bg: #f6eed3;--accent-rgb: 180, 99, 122;--easy-rgb: 86, 148, 159;--medium-rgb: 184, 134, 11;--hard-rgb: 180, 99, 122;--warning-rgb: 234, 157, 52;--hue-violet: #907aa9;--hue-sky: #286983;--hue-pink: #b4637a;--hue-mint: #56949f;--hue-violet-rgb: 144, 122, 169;--hue-sky-rgb: 40, 105, 131;--hue-pink-rgb: 180, 99, 122;--hue-mint-rgb: 86, 148, 159}[data-theme=gruvbox]{--bg: #282828;--surface: #32302f;--text-main: #ebdbb2;--text-dim: #a89984;--accent: #fabd2f;--border: #504945;--card-bg: #32302f;--hover-box: rgba(250, 189, 47, .09);--easy: #b8bb26;--medium: #fabd2f;--hard: #fb4934;--warning: #fe8019;--easy-bg: rgba(184, 187, 38, .14);--medium-bg: rgba(250, 189, 47, .14);--hard-bg: rgba(251, 73, 52, .14);--easy-hover: #c6c93a;--error-bg: rgba(251, 73, 52, .09);--error-border: rgba(251, 73, 52, .22);--blue: #83a598;--blue-bg: #2f3a37;--blue-bar: #3f4d48;--violet: #d3869b;--violet-bg: #3a2f33;--violet-bar: #4d3f44;--green: #b8bb26;--green-bg: #363820;--green-bar: #494c2c;--orange: #fe8019;--orange-bg: #3d2f1e;--orange-bar: #533f28;--red: #fb4934;--red-bg: #3d2521;--red-bar: #53322c;--yellow: #fabd2f;--yellow-bg: #3a3420;--accent-rgb: 250, 189, 47;--easy-rgb: 184, 187, 38;--medium-rgb: 250, 189, 47;--hard-rgb: 251, 73, 52;--warning-rgb: 254, 128, 25;--hue-violet: #d3869b;--hue-sky: #83a598;--hue-pink: #fb4934;--hue-mint: #b8bb26;--hue-violet-rgb: 211, 134, 155;--hue-sky-rgb: 131, 165, 152;--hue-pink-rgb: 251, 73, 52;--hue-mint-rgb: 184, 187, 38}[data-theme=mocha]{--bg: #1e1e2e;--surface: #181825;--text-main: #cdd6f4;--text-dim: #9399b2;--accent: #cba6f7;--border: #313244;--card-bg: #181825;--hover-box: rgba(203, 166, 247, .09);--easy: #a6e3a1;--medium: #f9e2af;--hard: #f38ba8;--warning: #fab387;--easy-bg: rgba(166, 227, 161, .14);--medium-bg: rgba(249, 226, 175, .14);--hard-bg: rgba(243, 139, 168, .14);--easy-hover: #b8e9b4;--error-bg: rgba(243, 139, 168, .09);--error-border: rgba(243, 139, 168, .22);--blue: #89b4fa;--blue-bg: #23293d;--blue-bar: #303a54;--violet: #cba6f7;--violet-bg: #2d2740;--violet-bar: #3e3556;--green: #a6e3a1;--green-bg: #253527;--green-bar: #324836;--orange: #fab387;--orange-bg: #382c24;--orange-bar: #4d3d31;--red: #f38ba8;--red-bg: #37242b;--red-bar: #4c323c;--yellow: #f9e2af;--yellow-bg: #383324;--accent-rgb: 203, 166, 247;--easy-rgb: 166, 227, 161;--medium-rgb: 249, 226, 175;--hard-rgb: 243, 139, 168;--warning-rgb: 250, 179, 135;--hue-violet: #cba6f7;--hue-sky: #89dceb;--hue-pink: #f5c2e7;--hue-mint: #a6e3a1;--hue-violet-rgb: 203, 166, 247;--hue-sky-rgb: 137, 220, 235;--hue-pink-rgb: 245, 194, 231;--hue-mint-rgb: 166, 227, 161}[data-theme=cyberpunk]{--bg: #0d0221;--surface: #170a33;--text-main: #d6f7ff;--text-dim: #8b8bc0;--accent: #ff2a6d;--border: #2c1a55;--card-bg: #170a33;--hover-box: rgba(255, 42, 109, .1);--easy: #05ffa1;--medium: #f9f871;--hard: #ff2a6d;--warning: #ff9e00;--easy-bg: rgba(5, 255, 161, .13);--medium-bg: rgba(249, 248, 113, .13);--hard-bg: rgba(255, 42, 109, .13);--easy-hover: #3affb5;--error-bg: rgba(255, 42, 109, .1);--error-border: rgba(255, 42, 109, .26);--blue: #05d9e8;--blue-bg: #0c2b3a;--blue-bar: #113d50;--violet: #b829ff;--violet-bg: #260a3d;--violet-bar: #3a1055;--green: #05ffa1;--green-bg: #063326;--green-bar: #0a4a37;--orange: #ff9e00;--orange-bg: #33260a;--orange-bar: #4d3a10;--red: #ff2a6d;--red-bg: #330a1c;--red-bar: #4d102b;--yellow: #f9f871;--yellow-bg: #33330a;--accent-rgb: 255, 42, 109;--easy-rgb: 5, 255, 161;--medium-rgb: 249, 248, 113;--hard-rgb: 255, 42, 109;--warning-rgb: 255, 158, 0;--hue-violet: #b829ff;--hue-sky: #05d9e8;--hue-pink: #ff2a6d;--hue-mint: #05ffa1;--hue-violet-rgb: 184, 41, 255;--hue-sky-rgb: 5, 217, 232;--hue-pink-rgb: 255, 42, 109;--hue-mint-rgb: 5, 255, 161}[data-theme=forest]{--bg: #0f1a14;--surface: #16241b;--text-main: #e8f5ec;--text-dim: #7f9b88;--accent: #4ade80;--border: #233a2c;--card-bg: #16241b;--hover-box: rgba(74, 222, 128, .09);--easy: #4ade80;--medium: #eab308;--hard: #ef4444;--warning: #f59e0b;--easy-bg: rgba(74, 222, 128, .14);--medium-bg: rgba(234, 179, 8, .14);--hard-bg: rgba(239, 68, 68, .14);--easy-hover: #6ee79b;--error-bg: rgba(239, 68, 68, .09);--error-border: rgba(239, 68, 68, .22);--blue: #38bdf8;--blue-bg: #102b33;--blue-bar: #163d48;--violet: #a78bfa;--violet-bg: #241f38;--violet-bar: #332b4d;--green: #4ade80;--green-bg: #123322;--green-bar: #184a31;--orange: #f59e0b;--orange-bg: #33290f;--orange-bar: #4a3b16;--red: #ef4444;--red-bg: #331717;--red-bar: #4a2020;--yellow: #eab308;--yellow-bg: #332d0f;--accent-rgb: 74, 222, 128;--easy-rgb: 74, 222, 128;--medium-rgb: 234, 179, 8;--hard-rgb: 239, 68, 68;--warning-rgb: 245, 158, 11;--hue-violet: #a78bfa;--hue-sky: #38bdf8;--hue-pink: #f472b6;--hue-mint: #34d399;--hue-violet-rgb: 167, 139, 250;--hue-sky-rgb: 56, 189, 248;--hue-pink-rgb: 244, 114, 182;--hue-mint-rgb: 52, 211, 153}@media(max-width:700px){.pg-home,.pd-container,.rmx-container,.comp-container,.learn-container,.pg-playground,.web-sandbox,.sql-pg{width:96%;padding-top:1rem}.pg-home-hero,.ws-sb-header,.sql-pg-header,.pg-pg-header{flex-direction:column;align-items:stretch;gap:.8rem}.pg-home-title,.pd-title,.rmx-title,.comp-title,.learn-title,.pg-pg-title,.ws-sb-title,.sql-pg-title,.rmx-track-title,.comp-detail-title,.learn-concept-page-title{font-size:1.55rem}.pg-home-hero-actions{width:100%}.pg-home-cta{flex:1;justify-content:center}.rmx-node{grid-template-columns:30px 16px 1fr auto;gap:.5rem;padding:.6rem .7rem}.rmx-node .status-pill-wrap{display:none}.comp-problem-row{grid-template-columns:30px 1fr auto;gap:.5rem;padding:.55rem .65rem}.comp-problem-row .comp-freq,.comp-problem-row .status-pill-wrap,.sql-pg-side{display:none}}.pg-home,.pd-container,.rmx-container,.comp-container,.learn-container,.pg-playground,.web-sandbox,.sql-pg,.adm-container{scrollbar-width:none;-ms-overflow-style:none}.pg-home::-webkit-scrollbar,.pd-container::-webkit-scrollbar,.rmx-container::-webkit-scrollbar,.comp-container::-webkit-scrollbar,.learn-container::-webkit-scrollbar,.pg-playground::-webkit-scrollbar,.web-sandbox::-webkit-scrollbar,.sql-pg::-webkit-scrollbar,.adm-container::-webkit-scrollbar{display:none}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-dim);background-clip:padding-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background-color:var(--bg);color:var(--text-main);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--t),color var(--t)}#root{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.hidden{display:none!important}.brand{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;color:var(--text-main)}button{cursor:pointer;font-family:var(--mono)}.btn-primary{background:var(--accent);color:var(--bg);border:1px solid var(--accent);padding:.38rem .8rem;border-radius:3px;font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;transition:background var(--t),color var(--t),opacity var(--t)}.btn-primary:hover{opacity:.85}.btn-outline{background:none;color:var(--accent);border:1px solid var(--accent);padding:.38rem .8rem;border-radius:3px;font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;transition:background var(--t),color var(--t)}.btn-outline:hover{background:var(--accent);color:var(--bg)}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@keyframes pg-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.learn-module-grid>*,.rmx-grid>*,.comp-grid>*,.ctx-grid>*,.asm-grid>*,.courses-grid>*{animation:pg-fade-up .35s cubic-bezier(.2,.8,.2,1) both}.learn-module-grid>*:nth-child(1),.rmx-grid>*:nth-child(1),.comp-grid>*:nth-child(1),.ctx-grid>*:nth-child(1),.asm-grid>*:nth-child(1),.courses-grid>*:nth-child(1){animation-delay:0ms}.learn-module-grid>*:nth-child(2),.rmx-grid>*:nth-child(2),.comp-grid>*:nth-child(2),.ctx-grid>*:nth-child(2),.asm-grid>*:nth-child(2),.courses-grid>*:nth-child(2){animation-delay:40ms}.learn-module-grid>*:nth-child(3),.rmx-grid>*:nth-child(3),.comp-grid>*:nth-child(3),.ctx-grid>*:nth-child(3),.asm-grid>*:nth-child(3),.courses-grid>*:nth-child(3){animation-delay:80ms}.learn-module-grid>*:nth-child(4),.rmx-grid>*:nth-child(4),.comp-grid>*:nth-child(4),.ctx-grid>*:nth-child(4),.asm-grid>*:nth-child(4),.courses-grid>*:nth-child(4){animation-delay:.12s}.learn-module-grid>*:nth-child(n+5),.rmx-grid>*:nth-child(n+5),.comp-grid>*:nth-child(n+5),.ctx-grid>*:nth-child(n+5),.asm-grid>*:nth-child(n+5),.courses-grid>*:nth-child(n+5){animation-delay:.16s}@media(prefers-reduced-motion:reduce){.learn-module-grid>*,.rmx-grid>*,.comp-grid>*,.ctx-grid>*,.asm-grid>*,.courses-grid>*{animation:none}}.skel{background:linear-gradient(90deg,var(--surface) 25%,var(--border) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-text{height:14px;width:60%}.skel-text-short{height:14px;width:35%}.skel-circle{width:18px;height:18px;border-radius:50%}.skel-row-full{height:42px;width:100%}.onboarding-hero{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 2rem;background:var(--surface);border-bottom:1px solid var(--border);position:relative;animation:heroSlideDown .4s cubic-bezier(.4,0,.2,1)}@keyframes heroSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.onboarding-content{max-width:720px}.onboarding-title{font-family:var(--serif);font-size:1.15rem;font-weight:700;color:var(--text-main);margin-bottom:.3rem}.onboarding-desc{font-size:.82rem;color:var(--text-dim);line-height:1.6;margin-bottom:.8rem}.onboarding-desc strong{color:var(--accent);font-weight:700}.onboarding-actions{display:flex;align-items:center;gap:.8rem}.onboarding-cta{display:flex;align-items:center;gap:.4rem;background:var(--accent);color:var(--bg);border:none;padding:.5rem 1rem;border-radius:4px;font-family:var(--mono);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:opacity var(--t)}.onboarding-cta:hover{opacity:.85}.onboarding-dismiss{background:none;border:none;color:var(--text-dim);font-family:var(--mono);font-size:.65rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color var(--t)}.onboarding-dismiss:hover{color:var(--text-main)}.onboarding-close{position:absolute;top:.8rem;right:.8rem;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.3rem;border-radius:4px;transition:color var(--t)}.onboarding-close:hover{color:var(--text-main)}@media(max-width:768px){.onboarding-hero{padding:1rem}.onboarding-title{font-size:1rem}.onboarding-actions{flex-direction:column;align-items:flex-start}}.learn-crumb,.learn-crumb:link,.learn-crumb:visited,.learn-crumb:active{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.72rem;color:color-mix(in srgb,var(--text-main) 60%,var(--text-dim));text-decoration:none;letter-spacing:.02em;margin-bottom:.85rem;transition:color var(--t)}.learn-crumb:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.learn-crumb .learn-crumb-sep{color:var(--text-dim);opacity:.55}.learn-crumb .learn-crumb-here{color:var(--text-main)}[data-theme=tokyo-night]{--bg: #1a1b26;--surface: #24283b;--text-main: #c0caf5;--text-dim: #7f8bb0;--accent: #7aa2f7;--border: #2f3549;--card-bg: #24283b;--hover-box: rgba(122, 162, 247, .09);--easy: #9ece6a;--medium: #e0af68;--hard: #f7768e;--warning: #ff9e64;--easy-bg: rgba(158, 206, 106, .14);--medium-bg: rgba(224, 175, 104, .14);--hard-bg: rgba(247, 118, 142, .14);--easy-hover: #acd57f;--error-bg: rgba(247, 118, 142, .09);--error-border: rgba(247, 118, 142, .22);--blue: #7aa2f7;--blue-bg: #2b334c;--blue-bar: #374465;--violet: #bb9af7;--violet-bg: #37324c;--violet-bar: #4a4165;--green: #9ece6a;--green-bg: #323b32;--green-bar: #42513a;--orange: #ff9e64;--orange-bg: #433331;--orange-bar: #5f4239;--red: #f7768e;--red-bg: #422b39;--red-bar: #5c3645;--yellow: #e0af68;--yellow-bg: #3e3632;--accent-rgb: 122, 162, 247;--easy-rgb: 158, 206, 106;--medium-rgb: 224, 175, 104;--hard-rgb: 247, 118, 142;--warning-rgb: 255, 158, 100;--hue-violet: #bb9af7;--hue-sky: #7dcfff;--hue-pink: #f7768e;--hue-mint: #73daca;--hue-violet-rgb: 187, 154, 247;--hue-sky-rgb: 125, 207, 255;--hue-pink-rgb: 247, 118, 142;--hue-mint-rgb: 115, 218, 202}[data-theme=tokyo-day]{--bg: #e6e7ed;--surface: #ffffff;--text-main: #343b58;--text-dim: #6a7395;--accent: #2e7de9;--border: #c4c8da;--card-bg: #ffffff;--hover-box: rgba(46, 125, 233, .09);--easy: #587539;--medium: #8c6c3e;--hard: #c64343;--warning: #b15c00;--easy-bg: rgba(88, 117, 57, .14);--medium-bg: rgba(140, 108, 62, .14);--hard-bg: rgba(198, 67, 67, .14);--easy-hover: #4d6732;--error-bg: rgba(198, 67, 67, .09);--error-border: rgba(198, 67, 67, .22);--blue: #2e7de9;--blue-bg: #c5d4ec;--blue-bar: #afc7ec;--violet: #9854f1;--violet-bg: #d8cdee;--violet-bar: #cfbbee;--green: #587539;--green-bg: #ccd2cd;--green-bar: #bbc5b7;--orange: #b15c00;--orange-bg: #dccec2;--orange-bar: #d6bda6;--red: #c64343;--red-bg: #e0c9ce;--red-bar: #dcb6ba;--yellow: #8c6c3e;--yellow-bg: #d6d1ce;--accent-rgb: 46, 125, 233;--easy-rgb: 88, 117, 57;--medium-rgb: 140, 108, 62;--hard-rgb: 198, 67, 67;--warning-rgb: 177, 92, 0;--hue-violet: #9854f1;--hue-sky: #007197;--hue-pink: #c64343;--hue-mint: #118c74;--hue-violet-rgb: 152, 84, 241;--hue-sky-rgb: 0, 113, 151;--hue-pink-rgb: 198, 67, 67;--hue-mint-rgb: 17, 140, 116}[data-theme=one-dark]{--bg: #282c34;--surface: #31363f;--text-main: #abb2bf;--text-dim: #7f879a;--accent: #61afef;--border: #3b4048;--card-bg: #31363f;--hover-box: rgba(97, 175, 239, .09);--easy: #98c379;--medium: #e5c07b;--hard: #e06c75;--warning: #d19a66;--easy-bg: rgba(152, 195, 121, .14);--medium-bg: rgba(229, 192, 123, .14);--hard-bg: rgba(224, 108, 117, .14);--easy-hover: #a6cb8c;--error-bg: rgba(224, 108, 117, .09);--error-border: rgba(224, 108, 117, .22);--blue: #61afef;--blue-bg: #324456;--blue-bar: #39536c;--violet: #c678dd;--violet-bg: #443a52;--violet-bar: #574367;--green: #98c379;--green-bg: #3c4740;--green-bar: #4a5949;--orange: #d19a66;--orange-bg: #46403d;--orange-bar: #5b4d43;--red: #e06c75;--red-bg: #493840;--red-bar: #5f3f48;--yellow: #e5c07b;--yellow-bg: #4a4741;--accent-rgb: 97, 175, 239;--easy-rgb: 152, 195, 121;--medium-rgb: 229, 192, 123;--hard-rgb: 224, 108, 117;--warning-rgb: 209, 154, 102;--hue-violet: #c678dd;--hue-sky: #56b6c2;--hue-pink: #e06c75;--hue-mint: #98c379;--hue-violet-rgb: 198, 120, 221;--hue-sky-rgb: 86, 182, 194;--hue-pink-rgb: 224, 108, 117;--hue-mint-rgb: 152, 195, 121}[data-theme=one-light]{--bg: #eaeaeb;--surface: #ffffff;--text-main: #383a42;--text-dim: #6b6f7b;--accent: #4078f2;--border: #cfd1d6;--card-bg: #ffffff;--hover-box: rgba(64, 120, 242, .09);--easy: #50a14f;--medium: #986801;--hard: #e45649;--warning: #c18401;--easy-bg: rgba(80, 161, 79, .14);--medium-bg: rgba(152, 104, 1, .14);--hard-bg: rgba(228, 86, 73, .14);--easy-hover: #468e46;--error-bg: rgba(228, 86, 73, .09);--error-border: rgba(228, 86, 73, .22);--blue: #4078f2;--blue-bg: #cbd5ec;--blue-bar: #b7c8ed;--violet: #a626a4;--violet-bg: #dec7de;--violet-bar: #d6afd6;--green: #50a14f;--green-bg: #ceddcf;--green-bar: #bcd4bc;--orange: #c18401;--orange-bg: #e3d8c1;--orange-bar: #decba5;--red: #e45649;--red-bg: #e9cfce;--red-bar: #e8beba;--yellow: #986801;--yellow-bg: #dbd3c1;--accent-rgb: 64, 120, 242;--easy-rgb: 80, 161, 79;--medium-rgb: 152, 104, 1;--hard-rgb: 228, 86, 73;--warning-rgb: 193, 132, 1;--hue-violet: #a626a4;--hue-sky: #0184bc;--hue-pink: #e45649;--hue-mint: #50a14f;--hue-violet-rgb: 166, 38, 164;--hue-sky-rgb: 1, 132, 188;--hue-pink-rgb: 228, 86, 73;--hue-mint-rgb: 80, 161, 79}[data-theme=everforest]{--bg: #2d353b;--surface: #343f44;--text-main: #d3c6aa;--text-dim: #9da9a0;--accent: #a7c080;--border: #3d484d;--card-bg: #343f44;--hover-box: rgba(167, 192, 128, .09);--easy: #a7c080;--medium: #dbbc7f;--hard: #e67e80;--warning: #e69875;--easy-bg: rgba(167, 192, 128, .14);--medium-bg: rgba(219, 188, 127, .14);--hard-bg: rgba(230, 126, 128, .14);--easy-hover: #b3c992;--error-bg: rgba(230, 126, 128, .09);--error-border: rgba(230, 126, 128, .22);--blue: #7fbbb3;--blue-bg: #3c4d51;--blue-bar: #465d5f;--violet: #d699b6;--violet-bg: #4b4751;--violet-bar: #605360;--green: #a7c080;--green-bg: #434e47;--green-bar: #525f50;--orange: #e69875;--orange-bg: #4e4745;--orange-bar: #65534c;--red: #e67e80;--red-bg: #4e4247;--red-bar: #654b50;--yellow: #dbbc7f;--yellow-bg: #4c4d47;--accent-rgb: 167, 192, 128;--easy-rgb: 167, 192, 128;--medium-rgb: 219, 188, 127;--hard-rgb: 230, 126, 128;--warning-rgb: 230, 152, 117;--hue-violet: #d699b6;--hue-sky: #7fbbb3;--hue-pink: #e67e80;--hue-mint: #83c092;--hue-violet-rgb: 214, 153, 182;--hue-sky-rgb: 127, 187, 179;--hue-pink-rgb: 230, 126, 128;--hue-mint-rgb: 131, 192, 146}[data-theme=everforest-light]{--bg: #eef1e5;--surface: #fdf6e3;--text-main: #5c6a72;--text-dim: #829181;--accent: #8da101;--border: #dce0cf;--card-bg: #fdf6e3;--hover-box: rgba(141, 161, 1, .09);--easy: #8da101;--medium: #dfa000;--hard: #f85552;--warning: #f57d26;--easy-bg: rgba(141, 161, 1, .14);--medium-bg: rgba(223, 160, 0, .14);--hard-bg: rgba(248, 85, 82, .14);--easy-hover: #7c8e01;--error-bg: rgba(248, 85, 82, .09);--error-border: rgba(248, 85, 82, .22);--blue: #3a94c5;--blue-bg: #cee0df;--blue-bar: #b8d5db;--violet: #df69ba;--violet-bg: #ebd9dd;--violet-bar: #eac8d8;--green: #8da101;--green-bg: #dde3bc;--green-bar: #d1d9a1;--orange: #f57d26;--orange-bg: #efdcc3;--orange-bar: #f0ceac;--red: #f85552;--red-bg: #f0d5cb;--red-bar: #f1c2b9;--yellow: #dfa000;--yellow-bg: #ebe2bc;--accent-rgb: 141, 161, 1;--easy-rgb: 141, 161, 1;--medium-rgb: 223, 160, 0;--hard-rgb: 248, 85, 82;--warning-rgb: 245, 125, 38;--hue-violet: #df69ba;--hue-sky: #3a94c5;--hue-pink: #f85552;--hue-mint: #35a77c;--hue-violet-rgb: 223, 105, 186;--hue-sky-rgb: 58, 148, 197;--hue-pink-rgb: 248, 85, 82;--hue-mint-rgb: 53, 167, 124}[data-theme=ayu-mirage]{--bg: #1f2430;--surface: #242936;--text-main: #cccac2;--text-dim: #8a91a0;--accent: #ffcc66;--border: #323947;--card-bg: #242936;--hover-box: rgba(255, 204, 102, .09);--easy: #87d96c;--medium: #ffd580;--hard: #f28779;--warning: #ffad66;--easy-bg: rgba(135, 217, 108, .14);--medium-bg: rgba(255, 213, 128, .14);--hard-bg: rgba(242, 135, 121, .14);--easy-hover: #98de81;--error-bg: rgba(242, 135, 121, .09);--error-border: rgba(242, 135, 121, .22);--blue: #73d0ff;--blue-bg: #2e4355;--blue-bar: #38586e;--violet: #dfbfff;--violet-bg: #424055;--violet-bar: #59536e;--green: #87d96c;--green-bg: #32453b;--green-bar: #3e5a42;--orange: #ffad66;--orange-bg: #473d3a;--orange-bar: #624d40;--red: #f28779;--red-bg: #45363d;--red-bar: #5e4246;--yellow: #ffd580;--yellow-bg: #47443e;--accent-rgb: 255, 204, 102;--easy-rgb: 135, 217, 108;--medium-rgb: 255, 213, 128;--hard-rgb: 242, 135, 121;--warning-rgb: 255, 173, 102;--hue-violet: #dfbfff;--hue-sky: #73d0ff;--hue-pink: #f28779;--hue-mint: #95e6cb;--hue-violet-rgb: 223, 191, 255;--hue-sky-rgb: 115, 208, 255;--hue-pink-rgb: 242, 135, 121;--hue-mint-rgb: 149, 230, 203}[data-theme=ayu-light]{--bg: #f0eee4;--surface: #fcfcfc;--text-main: #5c6166;--text-dim: #8a8986;--accent: #f2ae49;--border: #dad8ce;--card-bg: #fcfcfc;--hover-box: rgba(242, 174, 73, .09);--easy: #6cbf43;--medium: #f2ae49;--hard: #f07171;--warning: #fa8d3e;--easy-bg: rgba(108, 191, 67, .14);--medium-bg: rgba(242, 174, 73, .14);--hard-bg: rgba(240, 113, 113, .14);--easy-hover: #5fa83b;--error-bg: rgba(240, 113, 113, .09);--error-border: rgba(240, 113, 113, .22);--blue: #399ee6;--blue-bg: #cfe0e4;--blue-bar: #b9d6e5;--violet: #a37acc;--violet-bg: #e2d9e0;--violet-bar: #d9cbdd;--green: #6cbf43;--green-bg: #d8e6c7;--green-bar: #c8e0b4;--orange: #fa8d3e;--orange-bg: #f2ddc6;--orange-bar: #f3d1b2;--red: #f07171;--red-bg: #f0d8cf;--red-bar: #f0c9c2;--yellow: #e6ba7e;--yellow-bg: #eee5d2;--accent-rgb: 242, 174, 73;--easy-rgb: 108, 191, 67;--medium-rgb: 242, 174, 73;--hard-rgb: 240, 113, 113;--warning-rgb: 250, 141, 62;--hue-violet: #a37acc;--hue-sky: #399ee6;--hue-pink: #f07171;--hue-mint: #4cbf99;--hue-violet-rgb: 163, 122, 204;--hue-sky-rgb: 57, 158, 230;--hue-pink-rgb: 240, 113, 113;--hue-mint-rgb: 76, 191, 153}[data-theme=gruvbox-light]{--bg: #f2e5bc;--surface: #fbf1c7;--text-main: #3c3836;--text-dim: #7c6f64;--accent: #b57614;--border: #e6d5a8;--card-bg: #fbf1c7;--hover-box: rgba(181, 118, 20, .09);--easy: #79740e;--medium: #b57614;--hard: #9d0006;--warning: #af3a03;--easy-bg: rgba(121, 116, 14, .14);--medium-bg: rgba(181, 118, 20, .14);--hard-bg: rgba(157, 0, 6, .14);--easy-hover: #6a660c;--error-bg: rgba(157, 0, 6, .09);--error-border: rgba(157, 0, 6, .22);--blue: #076678;--blue-bg: #d1d3b2;--blue-bar: #b5c4aa;--violet: #8f3f71;--violet-bg: #e4ceb2;--violet-bar: #d8baa9;--green: #79740e;--green-bg: #e1d5a4;--green-bar: #d3c88f;--orange: #af3a03;--orange-bg: #e9cda2;--orange-bar: #e1b98c;--red: #9d0006;--red-bg: #e6c5a3;--red-bar: #dca98d;--yellow: #b57614;--yellow-bg: #e9d5a4;--accent-rgb: 181, 118, 20;--easy-rgb: 121, 116, 14;--medium-rgb: 181, 118, 20;--hard-rgb: 157, 0, 6;--warning-rgb: 175, 58, 3;--hue-violet: #8f3f71;--hue-sky: #076678;--hue-pink: #9d0006;--hue-mint: #427b58;--hue-violet-rgb: 143, 63, 113;--hue-sky-rgb: 7, 102, 120;--hue-pink-rgb: 157, 0, 6;--hue-mint-rgb: 66, 123, 88}[data-theme=latte]{--bg: #eff1f5;--surface: #ffffff;--text-main: #4c4f69;--text-dim: #6c6f85;--accent: #8839ef;--border: #dce0e8;--card-bg: #ffffff;--hover-box: rgba(136, 57, 239, .09);--easy: #40a02b;--medium: #df8e1d;--hard: #d20f39;--warning: #fe640b;--easy-bg: rgba(64, 160, 43, .14);--medium-bg: rgba(223, 142, 29, .14);--hard-bg: rgba(210, 15, 57, .14);--easy-hover: #388d26;--error-bg: rgba(210, 15, 57, .09);--error-border: rgba(210, 15, 57, .22);--blue: #1e66f5;--blue-bg: #d2def5;--blue-bar: #b9cdf5;--violet: #8839ef;--violet-bg: #e1d7f4;--violet-bar: #d4c1f3;--green: #40a02b;--green-bg: #d7e6d9;--green-bar: #c2dcc0;--orange: #fe640b;--orange-bg: #f1ddd4;--orange-bar: #f3ccb8;--red: #d20f39;--red-bg: #ebd1db;--red-bar: #e7b6c4;--yellow: #df8e1d;--yellow-bg: #ede3d7;--accent-rgb: 136, 57, 239;--easy-rgb: 64, 160, 43;--medium-rgb: 223, 142, 29;--hard-rgb: 210, 15, 57;--warning-rgb: 254, 100, 11;--hue-violet: #8839ef;--hue-sky: #04a5e5;--hue-pink: #ea76cb;--hue-mint: #179299;--hue-violet-rgb: 136, 57, 239;--hue-sky-rgb: 4, 165, 229;--hue-pink-rgb: 234, 118, 203;--hue-mint-rgb: 23, 146, 153}[data-theme=cyberpunk-light]{--bg: #f3edff;--surface: #ffffff;--text-main: #1a0b2e;--text-dim: #6b5b8a;--accent: #d6009c;--border: #e2d5f5;--card-bg: #ffffff;--hover-box: rgba(214, 0, 156, .09);--easy: #00a86b;--medium: #c77800;--hard: #e30052;--warning: #ff6b00;--easy-bg: rgba(0, 168, 107, .14);--medium-bg: rgba(199, 120, 0, .14);--hard-bg: rgba(227, 0, 82, .14);--easy-hover: #00945e;--error-bg: rgba(227, 0, 82, .09);--error-border: rgba(227, 0, 82, .22);--blue: #0091ff;--blue-bg: #d1e0ff;--blue-bar: #b4d5ff;--violet: #7b2ff7;--violet-bg: #e2d2fe;--violet-bar: #d4bcfd;--green: #00a86b;--green-bg: #d1e3ea;--green-bar: #b4dbd9;--orange: #ff6b00;--orange-bg: #f5dbdb;--orange-bar: #f6cbbd;--red: #e30052;--red-bg: #f1cce7;--red-bar: #efafd2;--yellow: #c9a400;--yellow-bg: #ede3db;--accent-rgb: 214, 0, 156;--easy-rgb: 0, 168, 107;--medium-rgb: 199, 120, 0;--hard-rgb: 227, 0, 82;--warning-rgb: 255, 107, 0;--hue-violet: #7b2ff7;--hue-sky: #00b8d4;--hue-pink: #ff0080;--hue-mint: #00a58c;--hue-violet-rgb: 123, 47, 247;--hue-sky-rgb: 0, 184, 212;--hue-pink-rgb: 255, 0, 128;--hue-mint-rgb: 0, 165, 140}[data-theme=forest-light]{--bg: #eef3e9;--surface: #ffffff;--text-main: #1f2d22;--text-dim: #5a6b5d;--accent: #2f855a;--border: #d7e2cf;--card-bg: #ffffff;--hover-box: rgba(47, 133, 90, .09);--easy: #38a169;--medium: #b7791f;--hard: #c53030;--warning: #c05621;--easy-bg: rgba(56, 161, 105, .14);--medium-bg: rgba(183, 121, 31, .14);--hard-bg: rgba(197, 48, 48, .14);--easy-hover: #318e5c;--error-bg: rgba(197, 48, 48, .09);--error-border: rgba(197, 48, 48, .22);--blue: #2b6cb0;--blue-bg: #d3e0e1;--blue-bar: #bbd0da;--violet: #6b46c1;--violet-bg: #dcdbe3;--violet-bar: #ccc6df;--green: #38a169;--green-bg: #d5e8d7;--green-bar: #bfdec8;--orange: #c05621;--orange-bg: #e8ddcd;--orange-bar: #e2cab5;--red: #c53030;--red-bg: #e8d8cf;--red-bar: #e3c0b9;--yellow: #b7791f;--yellow-bg: #e6e2cd;--accent-rgb: 47, 133, 90;--easy-rgb: 56, 161, 105;--medium-rgb: 183, 121, 31;--hard-rgb: 197, 48, 48;--warning-rgb: 192, 86, 33;--hue-violet: #6b46c1;--hue-sky: #2b6cb0;--hue-pink: #d53f8c;--hue-mint: #319795;--hue-violet-rgb: 107, 70, 193;--hue-sky-rgb: 43, 108, 176;--hue-pink-rgb: 213, 63, 140;--hue-mint-rgb: 49, 151, 149}