:root{--bg-primary:#0D1117;--bg-surface:#111827;--bg-elevated:#1a2540;--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.12);--accent-blue:#4F6EF7;--accent-blue-dim:rgba(79,110,247,0.12);--accent-purple:#7C6AF7;--text-primary:#f1f5f9;--text-secondary:#8faac8;--text-muted:#4e6280;--radius-btn:8px;--radius-card:12px;--radius-dropdown:10px;--nav-height:65px;--brand-height:65px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--transition:140ms var(--ease-in-out);--transition-slow:240ms var(--ease-out)}.hidden{display:none!important}#im-toolbar{display:none}.logged-in-only{display:none!important}.logged-out-only{display:inline-flex}html[data-logged-in] .logged-in-only{display:inline-flex!important}html[data-logged-in] .logged-out-only{display:none!important}.an-notif-wrap{position:relative}.an-notif-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:7px;border-radius:7px;color:var(--text-secondary);transition:color var(--transition),background var(--transition),box-shadow var(--transition);position:relative}.an-notif-btn:hover{color:var(--text-primary);background:rgba(255,255,255,0.06)}.an-notif-btn:focus-visible{outline:2px solid rgba(79,110,247,0.5);outline-offset:2px}.an-notif-icon{width:18px;height:18px}.an-feedback-btn{border:1px solid var(--border-strong);color:var(--text-secondary);background:none;border-radius:10px;cursor:pointer;font-family:inherit;text-decoration:none;transition:border-color var(--transition),color var(--transition),background var(--transition),box-shadow var(--transition),transform var(--transition)}.an-feedback-btn:hover{border-color:rgba(79,110,247,0.5);color:var(--text-primary);background:rgba(79,110,247,0.06);box-shadow:0 0 0 1px rgba(79,110,247,0.1)}.an-feedback-btn:active{transform:scale(0.97)}.an-streak-chip{display:inline-flex;align-items:center;gap:4px;padding:0 6px 0 2px;background:none;border:none;border-radius:20px;cursor:pointer;font-family:inherit;transition:background 140ms;text-decoration:none;color:#94a3b8}.an-streak-chip:hover{background:rgba(249,115,22,0.1);color:#fb923c}.an-streak-fire{flex-shrink:0;display:block}.an-streak-count{font-size:var(--fs-xs);font-weight:700;color:inherit;min-width:14px;text-align:left;transition:color 200ms}.an-streak-chip[data-active="true"]{color:#fb923c}.an-streak-chip[data-active="true"]:hover{background:rgba(249,115,22,0.12)}.an-avatar-wrap{position:relative}.an-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-blue);color:#fff;font-size:var(--fs-xs);font-weight:700;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.an-avatar:hover{border-color:rgba(79,110,247,0.6);box-shadow:0 0 0 3px rgba(79,110,247,0.18);transform:scale(1.05)}.an-mvp-badge{font-size:11px;font-weight:700;letter-spacing:0.06em;color:var(--text-secondary);background:rgba(255,255,255,0.05);border:1px solid var(--border);border-radius:5px;padding:3px 8px;text-transform:uppercase}.an-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:230px;background:#ffffff;border:1px solid #e2e8f0;border-radius:var(--radius-dropdown);box-shadow:0 4px 12px rgba(0,0,0,0.08),0 16px 40px rgba(0,0,0,0.12);z-index:300;overflow:hidden;opacity:0;transform:translateY(-8px) scale(0.97);transform-origin:top right;transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out);pointer-events:none}.an-profile-dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.an-pd-header{padding:12px 16px 10px;border-bottom:1px solid #f1f5f9}.an-pd-username{font-size:12px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#64748b}.an-pd-section{padding:4px 6px}.an-pd-item{display:flex;align-items:center;gap:0;width:100%;padding:9px 12px;font-size:var(--fs-sm);font-weight:500;color:#1e293b;background:none;border:none;border-radius:7px;text-decoration:none;cursor:pointer;transition:background var(--transition),color var(--transition);text-align:left;font-family:inherit}.an-pd-item:hover{background:#f1f5f9;color:#0f172a}.an-pd-item--danger{color:#ef4444}.an-pd-item--danger:hover{background:#fef2f2;color:#dc2626}.an-pd-icon{width:28px;display:flex;align-items:center;flex-shrink:0;color:#64748b}.an-pd-item--danger .an-pd-icon{color:#ef4444}.an-pd-item--danger:hover .an-pd-icon{color:#dc2626}.an-pd-divider{height:1px;background:#f1f5f9;margin:3px 0}.an-pd-card{margin:2px 12px 8px;padding:8px 12px;background:var(--an-pd-hover,#f8fafc);border:1px solid rgba(15,23,42,0.08);border-radius:10px}.an-pd-theme-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.an-pd-theme-label{font-size:var(--fs-xs);font-weight:600;color:#78716c}.an-pd-theme-pill{display:flex;align-items:center;gap:2px;padding:2px;background:rgba(255,255,255,0.65);border:1px solid rgba(15,23,42,0.08);border-radius:999px}.an-pd-theme-opt{display:flex;align-items:center;justify-content:center;width:28px;height:26px;border:none;border-radius:999px;background:none;color:#a8a29e;cursor:pointer;transition:background 150ms,color 150ms}.an-pd-theme-opt:hover{color:#57534e}.an-pd-theme-opt.is-active{background:#1e293b;color:#fde68a;box-shadow:0 1px 3px rgba(0,0,0,0.18)}.an-pd-theme-opt[data-theme-set="light"].is-active{background:#f97316;color:#ffffff;box-shadow:0 1px 3px rgba(249,115,22,0.35)}.an-tabs{display:flex;align-items:center;gap:20px;padding:10px;overflow:visible}.an-tab{font-size:var(--fs-base);font-weight:500;font-family:inherit;color:#7e9fc4;cursor:pointer;white-space:nowrap;position:relative;border:none;background:none;border-radius:8px;padding:10px 16px;min-height:44px;display:flex;align-items:center;transition:color 0.15s ease,background 0.15s ease,transform 0.15s ease}.an-tab:hover{color:#c8ddf0;font-weight:600;background:none;transform:none}.an-tab:active{transform:scale(0.97)}.an-tab.active,.an-tab.tsw-active{font-weight:700;color:#fff}.an-tab.active::after,.an-tab.tsw-active::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:40%;height:1.5px;border-radius:2px;background:rgba(255,255,255,0.5)}.an-tab:focus-visible,.an-nav-btn:focus-visible,.an-fd-item:focus-visible,.an-pd-item:focus-visible{outline:2px solid rgba(79,110,247,0.6);outline-offset:2px}:root:has(.an-toolbar){--header-height:0px;--topbar-height:64px;--wab-height:0px}body.practice-mode,body.learn-mode-active,body.roadmap-mode{--wab-height:48px}.an-toolbar{position:sticky;top:0;z-index:200;width:100%;height:65px;min-height:65px;background:#172340;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 10px;gap:0}.an-toolbar::before{display:none}.an-tl-left{display:flex;align-items:center;gap:0;flex-shrink:0;min-width:0}.an-tl-logo-link{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0;padding:0 4px;border-radius:6px;transition:opacity var(--transition)}.an-tl-logo-link:hover{opacity:0.82}.an-tl-logo{height:36px;width:auto;display:block;flex-shrink:0;zoom:1.3}.an-tl-brand-text{display:flex;flex-direction:column;line-height:1.2}.an-tl-brand-name{font-size:var(--fs-sm);font-weight:700;color:#f1f5f9;white-space:nowrap}.an-tl-brand-sub{font-size:12px;font-weight:500;color:rgba(148,163,184,0.9);text-transform:uppercase;white-space:nowrap;letter-spacing:-0.02rem}.an-tl-sep{width:1px;height:20px;background:var(--border-strong);margin:0 8px;flex-shrink:0}.an-tl-center{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;pointer-events:none}.an-tl-center>*{pointer-events:auto}.an-toolbar .an-tabs{background:transparent;border-color:transparent;padding:2px}.an-toolbar .an-tab{padding:10px;font-size:var(--fs-md);font-weight:500}.an-tl-right{margin-left:auto;display:flex;align-items:center;gap:4px;flex-shrink:0}.an-tl-right .menu{position:relative}.an-tl-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:7px;cursor:pointer;color:var(--text-secondary);transition:background var(--transition),color var(--transition);position:relative;flex-shrink:0}.an-tl-icon-btn:hover{background:rgba(255,255,255,0.07);color:var(--text-primary)}.an-tl-cta{display:inline-flex;align-items:center;gap:6px;background:var(--accent-blue);border:1px solid var(--accent-blue);border-radius:7px;padding:5px 13px;font-size:var(--fs-xs);font-weight:600;color:#fff;cursor:pointer;font-family:inherit;white-space:nowrap;box-shadow:0 2px 8px rgba(79,110,247,0.28);transition:background var(--transition),box-shadow var(--transition),transform var(--transition),border-color var(--transition)}.an-tl-cta:hover{background:#3d5ae0;border-color:#3d5ae0;box-shadow:0 0 16px rgba(79,110,247,0.4),0 2px 8px rgba(0,0,0,0.3);transform:translateY(-1px)}.an-tl-cta:active{transform:scale(0.97) translateY(0);box-shadow:none}.an-tl-cta-icon{width:9px;height:9px;flex-shrink:0;fill:#fff}.an-tl-vsep{width:1px;height:18px;background:var(--border-strong);margin:0 4px;flex-shrink:0}.an-help-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:#0f1c2e;border:1px solid var(--border-strong);border-radius:var(--radius-dropdown);box-shadow:0 4px 12px rgba(0,0,0,0.3),0 16px 48px rgba(0,0,0,0.5);z-index:400;overflow:hidden;opacity:0;transform:translateY(-6px) scale(0.975);transform-origin:top right;transition:opacity 160ms var(--ease-out),transform 160ms var(--ease-out);pointer-events:none;padding:6px}.an-help-dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.an-toolbar .an-notif-btn{width:32px;height:32px;padding:0;border-radius:7px}.an-tl-icon-btn:focus-visible,.an-tl-cta:focus-visible{outline:2px solid rgba(79,110,247,0.6);outline-offset:2px}.an-tl-right .button.ghost{font-size:var(--fs-xs);font-weight:500;padding:6px 14px;border-radius:8px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:#cbd5e1;cursor:pointer;font-family:inherit;transition:background var(--transition),color var(--transition),border-color var(--transition)}.an-tl-right .button.ghost:hover{background:rgba(255,255,255,0.11);border-color:rgba(255,255,255,0.22);color:#f1f5f9}.an-tl-right .button.primary{font-size:var(--fs-xs);font-weight:600;padding:6px 14px;border-radius:8px;background:var(--accent-blue);border:1px solid transparent;color:#fff;cursor:pointer;font-family:inherit;box-shadow:0 2px 10px rgba(79,110,247,0.3);transition:background var(--transition),box-shadow var(--transition),transform var(--transition)}.an-tl-right .button.primary:hover{background:#3d5ae0;box-shadow:0 0 16px rgba(79,110,247,0.4);transform:translateY(-1px)}.an-toolbar .an-profile-dropdown{top:calc(100% + 8px)}.header--wide{padding:0 45px}body.page-roadmap{height:100vh;overflow:hidden;display:flex;flex-direction:column}body.page-roadmap .an-toolbar{flex-shrink:0}body.page-roadmap #roadmap-view{flex:1;min-height:0;overflow:hidden}.li-eval-dropdown-menu{position:fixed;z-index:9999;background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px rgba(15,23,42,0.12);min-width:240px;padding:6px;display:none}.li-eval-dropdown-menu.open{display:block}.li-eval-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:var(--fs-sm);font-weight:500;color:#475569;cursor:pointer;transition:background 0.12s,color 0.12s;text-decoration:none}.li-eval-dropdown-item:hover{background:#f1f5f9;color:#0f172a}a.li-eval-dropdown-item,a.li-eval-dropdown-item:visited{color:#475569;text-decoration:none}a.li-eval-dropdown-item:hover{color:#0f172a}.li-eval-dropdown-item svg{width:19px;height:19px;flex-shrink:0;stroke:currentColor;fill:none}.an-pd-item:has(.li-eval-dropdown-badge){white-space:nowrap}.an-pd-new{display:inline-flex;margin-left:auto;padding-left:10px}.li-eval-dropdown-badge{margin-left:auto;padding:2px 6px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#ffffff;font-size:11px;font-weight:700;letter-spacing:0.03em;border-radius:999px;line-height:1}:root{--nav-h:64px;--nav-bg:#172340;--nav-pad-x:24px;--nav-logo-h:40px;--nav-link:#8faac8;--nav-link-hover-bg:rgba(255,255,255,0.06)}.an-toolbar{background:var(--nav-bg)!important;border-bottom:1px solid rgba(255,255,255,0.08);padding:0 var(--nav-pad-x)!important}@media (min-width:768px) and (min-height:501px){:root{--topbar-height:var(--nav-h)!important}.an-toolbar{height:var(--nav-h)!important;min-height:var(--nav-h)!important}}.an-toolbar .an-tl-logo{height:var(--nav-logo-h)!important;width:auto!important;zoom:1!important}.an-tl-logo-link{padding:0}.an-toolbar .an-tabs{gap:4px;padding:0}.an-toolbar .an-tab.tsw-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:8px;font-size:var(--t-heading);font-weight:500;line-height:1;color:var(--nav-link);background:transparent}.an-toolbar .an-tab.tsw-btn:hover{color:#fff;background:var(--nav-link-hover-bg)}.an-toolbar .an-tab.tsw-btn.active{color:#fff}.nav-chevron{flex:none;opacity:0.8;transition:transform 150ms}.an-toolbar .an-tab.tsw-btn[aria-expanded="true"] .nav-chevron{transform:rotate(180deg)}.an-toolbar .an-tab.an-tab-link{display:inline-flex;align-items:center;gap:6px;height:36px;min-height:0;padding:0 12px;border-radius:8px;font-size:var(--t-heading);font-weight:500;line-height:1;color:var(--nav-link);background:transparent;text-decoration:none}.an-toolbar .an-tab.an-tab-link:hover{color:#fff;background:var(--nav-link-hover-bg)}.an-toolbar .an-tab.an-tab-link.active{color:#fff}.an-toolbar .an-tab[hidden],.an-mobile-mode-item[hidden]{display:none!important}.an-pro-pill{display:inline-flex;align-items:center;height:18px;padding:0 6px;margin-left:2px;border-radius:999px;font-size:var(--t-micro);font-weight:700;letter-spacing:0.04em;text-transform:uppercase;line-height:1;color:#fde68a;background:rgba(245,158,11,0.16);border:1px solid rgba(245,158,11,0.4)}@media (min-width:768px) and (max-width:1400px){.an-toolbar .an-tl-center{position:static;transform:none;flex:1 1 auto;justify-content:center;min-width:0}}@media (max-width:1100px){.an-toolbar .an-tabs{gap:0}.an-toolbar .an-tab.tsw-btn,.an-toolbar .an-tab.an-tab-link{padding:0 8px;font-size:var(--t-body)}.an-pro-pill{display:none}}html[data-theme="light"] .an-pro-pill{color:#b45309;background:#fffbeb;border-color:#fcd34d}.xp-levelup{position:fixed;right:24px;bottom:24px;z-index:100001;display:flex;align-items:center;gap:14px;width:min(380px,calc(100vw - 32px));padding:16px 16px 16px 18px;border-radius:14px;background:#172340;border:1px solid rgba(129,140,248,0.45);box-shadow:0 20px 50px rgba(2,6,23,0.45);color:#f1f5f9;font-family:'Inter',system-ui,sans-serif;opacity:0;transform:translateY(12px);transition:opacity 220ms,transform 220ms}.xp-levelup.is-in{opacity:1;transform:none}.xp-levelup-badge{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--xp-color,#4f46e5);color:#fff;font-size:var(--t-title);font-weight:800;box-shadow:0 0 0 3px rgba(255,255,255,0.12)}.xp-levelup-body{flex:1;min-width:0;display:grid;gap:2px}.xp-levelup-eyebrow{font-size:var(--t-caption);font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#a5b4fc}.xp-levelup-title{font-size:var(--t-heading);font-weight:700;color:#fff}.xp-levelup-next{font-size:var(--t-small);color:#94a3b8}.xp-levelup-close{flex:none;align-self:flex-start;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer}.xp-levelup-close:hover{background:rgba(255,255,255,0.08);color:#fff}.an-theme-quick{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,0.12);background:transparent;color:#cbd5e1;cursor:pointer;transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease}.an-theme-quick:hover{background:rgba(255,255,255,0.06);color:#ffffff}.an-theme-quick .an-tq-moon{display:none}html[data-theme="light"] .an-theme-quick{border-color:rgba(15,23,42,0.12);background:#ffffff;color:#334155}html[data-theme="light"] .an-theme-quick:hover{background:#f1f5f9;color:#0f172a}html[data-theme="light"] .an-theme-quick .an-tq-sun{display:none}html[data-theme="light"] .an-theme-quick .an-tq-moon{display:block}html:not(.prism-theme):not(.ws-header) .an-theme-quick{display:none}html:not([data-theme="light"]) .logo-on-light{display:none!important}html[data-theme="light"] .logo-on-dark{display:none!important}.an-help-btn[hidden]{display:none}.an-tl-right{gap:6px;padding-left:12px}.an-tl-right .an-utility-group{display:inline-flex;align-items:center;gap:2px;height:40px;padding:0 4px;border-radius:999px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04)}html[data-theme="light"] .an-tl-right .an-utility-group{border-color:rgba(15,23,42,0.08);background:rgba(255,255,255,0.85);box-shadow:0 1px 2px rgba(15,23,42,0.05),0 4px 12px -6px rgba(15,23,42,0.12)}.an-tl-right .an-utility-group .an-theme-quick,.an-tl-right .an-utility-group .an-notif-btn,.an-tl-right .an-utility-group .notif-bell-btn,.an-tl-right .an-utility-group .an-streak-chip{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;padding:0;margin:0;border:0;border-radius:999px;background:transparent;box-shadow:none;color:#cbd5e1}html[data-theme="light"] .an-tl-right .an-utility-group .an-theme-quick,html[data-theme="light"] .an-tl-right .an-utility-group .an-notif-btn,html[data-theme="light"] .an-tl-right .an-utility-group .notif-bell-btn,html[data-theme] .an-tl-right .an-utility-group #notif-bell-btn:not(:hover):not([aria-expanded="true"]){border:0;background:transparent}html[data-theme="light"] .an-tl-right .an-utility-group .an-theme-quick,html[data-theme="light"] .an-tl-right .an-utility-group #notif-bell-btn{border:0;color:#475569}.an-tl-right .an-utility-group svg:not(#an-streak-svg){width:18px;height:18px}.an-tl-right .an-utility-group .an-theme-quick:hover,.an-tl-right .an-utility-group .an-notif-btn:hover,.an-tl-right .an-utility-group .an-notif-btn[aria-expanded="true"]{background:rgba(255,255,255,0.08);color:#ffffff}html[data-theme="light"] .an-tl-right .an-utility-group .an-theme-quick:hover,html[data-theme="light"] .an-tl-right .an-utility-group .an-notif-btn:hover,html[data-theme="light"] .an-tl-right .an-utility-group .an-notif-btn[aria-expanded="true"]{background:rgba(15,23,42,0.06);color:#0f172a}.an-tl-right .an-utility-group .an-streak-chip{width:auto;gap:3px;padding:0 9px 0 6px;color:#94a3b8}.an-tl-right .an-utility-group .an-streak-chip[data-active="true"]{color:#f97316}.an-tl-right .an-utility-group .an-streak-chip:hover{background:rgba(249,115,22,0.1)}.an-tl-right .an-utility-group .an-streak-count{font-size:var(--t-small);font-weight:700;font-variant-numeric:tabular-nums}.an-tl-right .an-utility-group .an-streak-chip:not(.hidden){margin-right:2px}.an-tl-right .an-utility-group .an-streak-chip:not(.hidden)::before{content:"";position:absolute;right:-2px;top:8px;bottom:8px;width:1px;background:rgba(255,255,255,0.12)}html[data-theme="light"] .an-tl-right .an-utility-group .an-streak-chip:not(.hidden)::before{background:rgba(15,23,42,0.1)}.an-utility-group [data-tip]{position:relative}.an-utility-group [data-tip]::after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-2px);padding:5px 9px;border-radius:6px;background:#0f172a;color:#f8fafc;font-size:var(--t-caption);font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.12s ease,transform 0.12s ease;z-index:50}html[data-theme="dark"] .an-utility-group [data-tip]::after{background:#e2e8f0;color:#0f172a}.an-utility-group [data-tip]:hover::after,.an-utility-group [data-tip]:focus-visible::after{opacity:1;transform:translateX(-50%)}.an-utility-group [aria-expanded="true"]::after{display:none}.an-tl-right:not(:has(#auth-user-chip.hidden)) #an-guest-chip{display:none}.an-tl-right:has(#auth-user-chip.hidden) .an-utility-group,.an-tl-right:has(#auth-user-chip.hidden) #auth-signin-button{display:none!important}.an-tl-right:has(#auth-user-chip.hidden){gap:10px}.an-guest-avatar{padding:0}.an-guest-avatar[aria-expanded="true"]{border-color:rgba(79,110,247,0.6);box-shadow:0 0 0 3px rgba(79,110,247,0.18)}html[data-theme="light"] .an-guest-avatar[aria-expanded="true"]{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.12)}.an-guest-avatar:focus-visible{outline:2px solid rgba(79,110,247,0.6);outline-offset:2px}#an-guest-menu{min-width:210px}#an-guest-menu a.an-pd-item{text-decoration:none}#an-guest-menu .an-pd-item--signin{font-weight:600}@media (min-width:768px){.an-tl-right:has(#auth-user-chip.hidden) #auth-signup-button{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:10px;font-size:var(--t-body);font-weight:600;white-space:nowrap}.an-tl-right:has(#auth-user-chip.hidden) #auth-signup-button svg{transition:transform 0.15s ease}.an-tl-right:has(#auth-user-chip.hidden) #auth-signup-button:hover svg{transform:translateX(2px)}}:root{--panel-transition:0.28s cubic-bezier(0.4,0,0.2,1);--touch-min:44px;--mobile-header-h:48px;--sheet-radius:16px}.an-mobile-mode-btn,.an-mobile-mode-menu,.an-mobile-mode-label{display:none}@media (max-width:767px),(max-width:1023px) and (max-height:500px){:root{--topbar-height:62px;--header-height:0px;--wab-height:62px;--footer-height:0px;--footer-gap:0px}:root:has(.an-toolbar){--topbar-height:62px;--header-height:0px}body{overflow-x:hidden;-webkit-text-size-adjust:100%}.an-toolbar{height:62px;min-height:62px;padding:0 8px;gap:4px}.an-tl-left{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px}.an-tl-brand-text{display:none}.an-tl-logo{width:55px;height:55px}.an-tl-center{display:flex;flex:1;min-width:0}.an-tl-center .an-tabs{display:none}.an-tl-center::-webkit-scrollbar{display:none}.an-mobile-mode-label{display:block;font-size:18px;font-weight:600;color:#f1f5f9;text-transform:capitalize;letter-spacing:0.01em}.an-mobile-mode-menu{position:fixed;top:calc(var(--topbar-height) + 6px);left:10px;width:min(260px,calc(100vw - 20px));max-height:calc(100vh - 80px);overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:12px;background:#0f1d3b;border:1px solid rgba(148,163,184,0.25);box-shadow:0 12px 30px rgba(2,6,23,0.45);z-index:1300}.an-mobile-mode-menu[hidden]{display:none!important}.an-mobile-mode-item{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;border:none;border-radius:8px;background:transparent;color:#dbeafe;font-family:inherit;font-size:14px;font-weight:600;padding:0 10px;text-align:left}.an-mobile-mode-item.an-mobile-has-sub{justify-content:space-between}.an-mobile-chevron{transition:transform 0.2s ease;opacity:0.6}.an-mobile-has-sub.expanded .an-mobile-chevron{transform:rotate(90deg);opacity:1}.an-mobile-mode-item:active,.an-mobile-mode-item:hover{background:rgba(79,110,247,0.22)}.an-mobile-sub-menu{display:flex;flex-direction:column;gap:1px;padding-left:14px;margin-bottom:2px}.an-mobile-sub-menu[hidden]{display:none}.an-mobile-sub-item{display:flex;align-items:center;width:100%;min-height:36px;border:none;border-radius:6px;background:rgba(79,110,247,0.08);color:#93c5fd;font-size:13px;font-weight:500;padding:0 12px;text-align:left;text-decoration:none;cursor:pointer}.an-mobile-sub-item:active,.an-mobile-sub-item:hover{background:rgba(79,110,247,0.22);color:#fff}.an-tabs{flex-wrap:nowrap;gap:2px;padding:0 4px}.an-tab{font-size:14px;font-weight:500;padding:10px 14px;white-space:nowrap;min-height:44px;display:flex;align-items:center}.an-tl-right{gap:8px;flex-shrink:0;align-items:center}.an-tl-vsep{display:none}.an-mobile-mode-btn{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;border:1px solid rgba(148,163,184,0.32);background:rgba(148,163,184,0.08);border-radius:8px;padding:0 7px;color:#fff}.an-mobile-mode-btn span{display:block;width:100%;height:2px;border-radius:999px;background:currentColor}.an-tl-right:has(#auth-user-chip.hidden) #an-streak-btn,.an-tl-right:has(#auth-user-chip.hidden) #notif-bell-wrap,.an-tl-right:has(#auth-user-chip.hidden) #auth-signin-button{display:none!important}#auth-signin-button{height:34px;padding:0 12px;font-size:13px;white-space:nowrap}.an-streak-chip{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.an-streak-count{display:none}.an-feedback-btn{display:none}.notif-bell-btn,.an-tl-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center}#auth-signin-button,#auth-signup-button{font-size:11px;padding:6px 10px;min-height:36px}#workspace-action-bar{height:48px;padding:0 6px;gap:6px}body.practice-mode #workspace-action-bar,body.learn-mode-active #workspace-action-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:8px;align-items:center}body.practice-mode .wab-right,body.learn-mode-active .wab-right{display:contents}body.practice-mode #wab-run-btn,body.learn-mode-active #wab-run-btn{grid-column:1;grid-row:1}body.practice-mode #wab-submit-btn{grid-column:3;grid-row:1}body.practice-mode:not(.practice-custom-mode) #wab-simulate-btn{display:none!important}body.practice-custom-mode #wab-simulate-btn,body.learn-mode-active #wab-simulate-btn{grid-column:1;grid-row:1;width:auto;height:36px;flex:0 0 auto;min-height:36px;padding:0 12px;gap:6px;border-radius:999px;font-size:var(--t-small);display:flex!important;justify-content:center;align-items:center}body.practice-custom-mode #wab-simulate-btn .wab-btn-icon,body.learn-mode-active #wab-simulate-btn .wab-btn-icon{margin:0}body.practice-mode .wab-center,body.learn-mode-active .wab-center{grid-column:2;grid-row:1;justify-content:center;min-width:0}.wab-left{display:none!important}.wab-center{position:relative!important;left:auto!important;transform:none!important;flex:1 1 auto;min-width:0;display:flex;align-items:center}.wab-question-selector{max-width:100%;position:static;width:100%}.pcs-trigger,.custom-select-trigger{font-size:11px;padding:6px 10px;max-width:100%;width:100%}.wab-question-selector .pcs-list,.preset-custom-select.open .pcs-list{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;min-width:100%!important;max-height:55vh;border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;z-index:1300;overflow-y:auto;transform:none!important;padding-bottom:max(12px,env(safe-area-inset-bottom))}.custom-select.open .custom-select-dropdown{display:block!important}.wab-right{gap:2px;flex:0 0 auto}#wab-run-btn{width:auto;height:36px;flex:0 0 auto;min-height:36px;padding:0 12px;gap:6px;border-radius:999px;font-size:var(--t-small);display:flex!important;justify-content:center;align-items:center}#wab-run-btn .wab-btn-icon{margin:0}#wab-stopwatch,#wab-timer-display{display:none!important}.wab-stopwatch-btn{display:none!important}#wab-submit-btn{width:auto;height:36px;flex:0 0 auto;min-height:36px;padding:0 12px;gap:6px;border-radius:999px;font-size:var(--t-small);display:flex!important;justify-content:center;align-items:center}#wab-submit-btn .wab-btn-icon{margin:0}.wab-stopwatch{display:none}.layout{display:grid;grid-template-columns:1fr!important;grid-template-rows:1fr;gap:0;padding:0;height:calc(var(--vh,100vh) - var(--topbar-height) - var(--wab-height))!important;max-height:calc(var(--vh,100vh) - var(--topbar-height) - var(--wab-height))!important;contain:none;overflow:hidden}.layout.left-collapsed,.layout.right-collapsed,.layout.left-collapsed.right-collapsed{grid-template-columns:1fr}#left-panel{position:fixed;top:calc(var(--topbar-height) + var(--wab-height));left:0;bottom:0;height:auto;max-height:none;width:min(280px,80vw);z-index:1000;transform:translateX(-100%);transition:transform var(--panel-transition);box-shadow:4px 0 24px rgba(0,0,0,0.15);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;padding-bottom:24px}#left-panel .panel-header{padding:0 12px;height:48px;min-height:48px;position:sticky;top:0;background:#fff;z-index:2;border-bottom:1px solid rgba(226,232,240,0.9)}#left-panel .components-section,#left-panel .inspector-section{padding:10px}#left-panel.mobile-open{transform:translateX(0)}.floating-toggle.left{display:flex!important;position:fixed;top:calc(var(--topbar-height) + var(--wab-height) + 10px);left:60px;z-index:150;width:auto;height:36px;padding:0 14px;gap:6px;border-radius:999px;background:#fff;color:#0f172a;box-shadow:0 2px 10px rgba(0,0,0,0.15);align-items:center;justify-content:center;border:1px solid #e2e8f0;font-size:var(--t-small);font-weight:600;transform:none}.floating-toggle.left .ft-label{display:inline}#right-panel{position:fixed;left:0;right:0;bottom:0;top:auto;height:65vh;max-height:65vh;z-index:1000;transform:translateY(100%);transition:transform var(--panel-transition);border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;box-shadow:0 -4px 24px rgba(0,0,0,0.12);overflow:hidden;background:#fff;width:100%;padding-bottom:env(safe-area-inset-bottom)}#right-panel::before{content:'';display:block;width:36px;height:4px;background:#cbd5e1;border-radius:2px;margin:8px auto 4px;flex-shrink:0}#right-panel .panel-header{padding:0 12px;height:44px;min-height:44px}#right-panel .panel-view,#right-panel .output,#right-panel #practice-content,#right-panel #simulation-content{padding:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}#right-panel.mobile-open{transform:translateY(0)}.floating-toggle.right{display:flex!important;position:fixed;top:calc(var(--topbar-height) + var(--wab-height) + 10px);right:12px;z-index:150;width:auto;height:36px;padding:0 14px;gap:6px;border-radius:999px;background:#fff;color:#0f172a;box-shadow:0 2px 10px rgba(0,0,0,0.15);align-items:center;justify-content:center;border:1px solid #e2e8f0;font-size:var(--t-small);font-weight:600;transform:none}.floating-toggle.right .ft-label{display:inline}.toast-container{z-index:1200}.mobile-panel-backdrop{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,0.4);opacity:0;pointer-events:none;transition:opacity 0.2s ease}.mobile-panel-backdrop.visible{opacity:1;pointer-events:auto}#left-panel.mobile-open ~ .floating-toggle.left,body:has(#left-panel.mobile-open) .floating-toggle.left{opacity:0;pointer-events:none}#right-panel.mobile-open ~ .floating-toggle.right,body:has(#right-panel.mobile-open) .floating-toggle.right{opacity:0;pointer-events:none}.canvas-wrapper{grid-column:1;grid-row:1;width:100%;height:100%;overflow:hidden;touch-action:none;border-radius:0;box-shadow:none}.canvas{width:100%;height:100%;position:relative}.canvas .node{min-height:unset;min-width:unset}.canvas .node img,.canvas .node svg,.canvas .node-icon img,.canvas .node-icon svg{max-width:none;width:auto;height:auto}.canvas .node-close{min-height:unset;min-width:unset}.canvas .node-port{min-height:unset;min-width:unset}.canvas-float-toolbar{position:fixed!important;top:auto!important;bottom:12px;left:50%;transform:translateX(-50%);z-index:200;padding:6px 10px;gap:3px;border-radius:14px;box-shadow:0 2px 16px rgba(0,0,0,0.18);background:rgba(255,255,255,0.97);backdrop-filter:blur(10px)}.cfb-btn{width:32px;height:32px;min-width:32px;min-height:32px}.cfb-zoom-label{font-size:11px;min-width:32px;min-height:unset}.cfb-sep{width:1px;margin:0 2px}.canvas-reset{position:fixed!important;top:auto!important;bottom:60px;right:12px;width:40px;height:40px;z-index:200;border-radius:50%}#canvas-action-dock{bottom:52px;left:50%;transform:translateX(-50%);padding:6px 12px;gap:8px}.li-eval-dropdown-menu{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;min-width:100%;max-height:50vh;overflow-y:auto;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));z-index:1300}.li-eval-dropdown-item{padding:14px 16px;min-height:var(--touch-min)}.modal .modal-content,.eval-modal-card,.feedback-modal-card{width:100%!important;max-width:100%!important;height:100vh;max-height:100vh;border-radius:0;margin:0}.modal .modal-content.open-modal{height:auto;max-height:85vh;border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;position:fixed;bottom:0;left:0;right:0;top:auto}input,textarea,select{font-size:16px!important}.modal-form label{font-size:13px}.modal-actions{flex-direction:column;gap:8px}.modal-actions .button{width:100%;min-height:var(--touch-min)}.palette{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px}.palette-item{min-height:var(--touch-min);padding:6px}.inspector-section{padding:8px}.an-profile-dropdown{position:fixed;top:var(--topbar-height);right:0;width:min(300px,85vw);max-height:calc(100vh - var(--topbar-height));border-radius:0 0 0 12px}.notif-dropdown{position:fixed;top:var(--topbar-height);left:0;right:0;width:100%;max-height:60vh;border-radius:0 0 12px 12px}.notif-dropdown.np{width:100%;border-radius:0 0 16px 16px;display:flex;flex-direction:column;max-height:75vh}.notif-dropdown.np[hidden]{display:none}.notif-dropdown.np .np-list{max-height:none;flex:1}body.evaluation-mode .floating-toggle,body.roadmap-mode .floating-toggle,body:has(#evaluate-selection-screen:not(.hidden)) .floating-toggle{display:none!important}.wab-mobile-actions{display:flex;flex-direction:column;gap:6px;min-width:180px;padding:8px;border-radius:10px;border:1px solid rgba(148,163,184,0.28);background:#0f1d3b;box-shadow:0 12px 26px rgba(2,6,23,0.45);z-index:1300}.wab-mobile-actions[hidden]{display:none!important}.wab-mobile-action-item{height:36px;border:none;border-radius:8px;background:rgba(79,110,247,0.2);color:#e2e8f0;font-size:12px;font-weight:600;text-align:left;padding:0 10px}#roadmap-view{grid-template-columns:1fr!important;grid-template-rows:auto 1fr;top:var(--topbar-height);bottom:0}#rp-left{position:fixed;top:var(--topbar-height);left:0;bottom:0;width:min(280px,80vw);z-index:1100;transform:translateX(-100%);transition:transform var(--panel-transition);box-shadow:4px 0 24px rgba(0,0,0,0.15)}#rp-left.mobile-open{transform:translateX(0)}#roadmap-view:has(#rp-left.mobile-open){z-index:1000}#roadmap-view:has(#rp-left.mobile-open)::after{content:'';position:fixed;inset:0;z-index:1099;background:rgba(0,0,0,0.4)}#rp-right{position:fixed;left:0;right:0;bottom:0;top:auto;height:55vh;z-index:1100;transform:translateY(100%);transition:transform var(--panel-transition);border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;box-shadow:0 -4px 24px rgba(0,0,0,0.12);background:#fff}#rp-right.mobile-open{transform:translateY(0)}#rp-main{grid-column:1;grid-row:1 / -1;overflow-y:auto;padding:12px}.rm-topic-item{padding:10px 12px;min-height:var(--touch-min)}.rm-filter-option{min-height:var(--touch-min);padding:8px 12px}body.roadmap-main-mode{height:auto!important;max-height:none!important;overflow:auto!important;overflow-x:hidden!important}#rm-main{height:auto;overflow:visible}#rm-hero{padding:12px 16px 8px}.rm-hero-title{font-size:var(--t-metric)}.rm-hero-stats{flex-wrap:wrap;gap:8px;justify-content:center}.rm-hero-stat{padding:0 12px}#rm-journey-canvas{flex:none;min-height:auto;overflow:visible;padding:16px 12px}#rm-road-wrap{height:auto;display:flex;flex-direction:column;gap:24px;align-items:center}#rm-road-svg{display:none}.rm-road-cap{position:static;transform:none;margin:0 auto}.rm-road-cap-start{margin-bottom:8px}.rm-road-cap-end{margin-top:8px;order:2}#rm-milestones{order:1}#rm-today-goal{position:static;top:auto;right:auto;width:100%;margin:0 0 12px;padding:0 4px}#rm-milestones{position:static;inset:auto;width:100%;display:flex;flex-direction:column;gap:14px;pointer-events:auto}.rm-milestone{position:static!important;transform:none!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;max-width:100%;margin-bottom:0;opacity:1}.rm-milestone.rm-ms-top,.rm-milestone.rm-ms-bottom,.rm-milestone.rm-ms-visible{transform:none!important}.rm-milestone-connector{display:none}.rm-node-ring{display:none!important}.rmg-inner,.rm-goal-card{max-width:100%}#lm-narration{left:8px;right:8px;transform:translateX(0) translateY(10px);max-width:calc(100vw - 16px);bottom:60px;font-size:12px;padding:8px 14px}#lm-narration.lm-narration-show{transform:translateX(0) translateY(0)}body.mode-learn .learn-stage-picker{padding:10px 12px;gap:6px}body.mode-learn .learn-question-item{padding:10px 12px;min-height:var(--touch-min)}body.mode-learn .stage-theory{max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.lrp-sim-footer{padding:8px 12px;flex-direction:column;gap:6px}.lrp-sim-footer .button{width:100%;min-height:var(--touch-min)}#im-toolbar{height:52px;min-height:52px;padding:0 8px;gap:6px}body.eval-interview-active #im-toolbar{--im-toolbar-h:52px}body.eval-interview-active #layout{height:calc(var(--vh,100dvh) - 52px)}.im-tl-left{min-width:0;gap:6px}.im-brand-logo{height:36px}.im-session-meta{display:none}.im-problem-title{font-size:12px;max-width:140px}.im-tl-right{min-width:0;gap:6px}.eval-report-page{top:0!important}.eval-rp-topbar{padding:0 10px;height:48px}.eval-rp-meta{display:none}.eval-rp-inner{padding:16px 12px 48px}.eval-rp-btn{padding:6px 10px;font-size:11px;min-height:36px}.eval-rp-footer{flex-direction:column;align-items:stretch;gap:10px;padding:16px 14px}body.page-pricing .an-toolbar{height:48px;min-height:48px;padding:0 8px}.pricing-shell{height:calc(var(--vh,100vh) - 48px)}.pricing-scroll-inner{padding:0 12px 3rem}.pr-hero{padding:1.5rem 0.75rem 1rem}.pr-hero-title{font-size:clamp(1.5rem,6vw,2.2rem)}.pr-duration-toggle{flex-wrap:wrap;justify-content:center}.pr-cards-grid{grid-template-columns:1fr!important;gap:1rem}.pr-card{padding:1.25rem 1rem 1rem}.pr-floater{display:none}.pricing-bg{display:none}body.page-profile .an-toolbar{height:48px;min-height:48px;padding:0 8px}.profile-shell{height:calc(var(--vh,100vh) - 48px)}.profile-content{padding:1.5rem 12px 3rem}.prof-hero{padding:1.5rem 1rem 1.25rem;border-radius:14px}.prof-hero-inner{flex-direction:column;align-items:center;text-align:center;gap:1rem}.prof-avatar{width:64px;height:64px;font-size:20px}.prof-name{font-size:20px}.prof-rank-row{justify-content:center}.profile-floater{display:none}.profile-bg{display:none}.sim-output-panel{padding:8px}.sim-output-panel .sim-header{padding:8px 10px;font-size:12px}.evals-content{padding:1.5rem 0.75rem 4rem}.evals-floater{display:none}.evals-bg{display:none}.auth-modal .auth-card{width:100vw;max-width:100vw;min-height:100vh;border-radius:0;margin:0}.auth-card-inner{padding:1.5rem 1rem}}@media (min-width:768px) and (max-width:1023px) and (min-height:501px){:root{--topbar-height:44px}.an-toolbar{padding:0 12px;gap:8px}.an-tab{font-size:14px;font-weight:500;padding:10px 14px}.an-tl-center{position:static;left:auto;transform:none;flex:1 1 auto;justify-content:center;min-width:0;overflow-x:auto;scrollbar-width:none}.an-tl-center::-webkit-scrollbar{display:none}.an-tabs{flex-wrap:nowrap}.an-tl-brand-sub{display:none}.an-tl-right{gap:6px}.an-feedback-btn{font-size:11px;padding:5px 10px}.layout{--left-panel-w:clamp(180px,22vw,230px);--right-panel-w:clamp(200px,24vw,260px);gap:0.5rem;padding:0.4rem}#left-panel{overflow-y:auto;transition:width var(--panel-transition),opacity var(--panel-transition)}.layout.left-collapsed #left-panel{width:0;overflow:hidden;opacity:0;padding:0}#right-panel{transition:width var(--panel-transition),opacity var(--panel-transition)}.layout.right-collapsed #right-panel{width:0;overflow:hidden;opacity:0;padding:0}.palette{grid-template-columns:repeat(4,1fr);gap:6px}#workspace-action-bar{padding:0 10px}.wab-btn{padding:6px 12px;font-size:12px}.modal .modal-content{max-width:90vw;max-height:85vh}.canvas-float-toolbar{gap:3px;padding:4px 10px}#roadmap-view{--rp-panel-w:220px;--rp-right-panel-w:240px}#im-toolbar{height:56px;min-height:56px;padding:0 12px}.im-brand-logo{height:52px}.im-problem-title{font-size:13px;max-width:220px}.pricing-scroll-inner{padding:0 1rem 3rem}.profile-content{padding:2rem 1.5rem 4rem}}@media (min-width:1440px){.layout{--left-panel-w:clamp(204px,14vw,18.6vw);--right-panel-w:clamp(280px,21vw,26vw);gap:0.6rem;padding:0.5rem 0.6rem 0.6rem}}@media (min-width:1920px){#left-panel .components-section{flex:0 0 35%;max-height:25%}:root:has(.an-toolbar){--topbar-height:76px}body.practice-mode,body.learn-mode-active,body.roadmap-mode{--wab-height:56px}.an-toolbar{height:76px;min-height:76px}}@media (hover:none) and (pointer:coarse){.canvas .node-port::after{content:'';position:absolute;inset:-12px;border-radius:50%}.modal-actions button,.modal-actions a,.auth-card button,.auth-card a,.pricing-shell button,.pricing-shell a,.profile-shell button,.profile-shell a,.li-eval-dropdown-item{min-height:44px;min-width:44px}*{touch-action:manipulation}.canvas,.canvas-content,#canvas-content{touch-action:none}}@supports (padding:max(0px)){@media (max-width:767px),(max-width:1023px) and (max-height:500px){.an-toolbar{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}#workspace-action-bar{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.canvas-float-toolbar{bottom:max(8px,env(safe-area-inset-bottom))}}}.canvas-wrapper img,.panel-body img,.modal-content img,.lp-hero img{max-width:100%;height:auto}.an-tl-logo{max-width:none;height:32px!important;width:auto!important;zoom:1!important}@media (min-width:1024px),(min-width:768px) and (min-height:501px){.an-tl-logo{height:36px!important;width:auto!important;zoom:1.3!important}}.palette-item .icon,.wab-btn-icon,.cfb-btn svg,.dock-btn-icon{max-width:none}@media (max-width:480px){#workspace-action-bar{padding:0 4px;height:44px;gap:4px}body.practice-mode #workspace-action-bar,body.learn-mode-active #workspace-action-bar{grid-template-columns:auto minmax(0,1fr) auto;column-gap:8px}.wab-question-selector{width:auto!important;min-width:0}.pcs-trigger{font-size:11px;padding:4px 6px;max-width:100%}#wab-timer-display{display:none}.wab-left,.wab-right{gap:2px}.wab-stopwatch-btn,.notif-bell-btn,.an-tl-icon-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important}}@media (max-width:767px),(max-width:1023px) and (max-height:500px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}}@media print{.an-toolbar,#workspace-action-bar,#left-panel,#right-panel,.canvas-float-toolbar,#canvas-action-dock,.floating-toggle{display:none!important}.layout{grid-template-columns:1fr!important;height:auto!important;max-height:none!important}}@media (max-width:1023px) and (max-height:500px){:root,:root:has(.an-toolbar){--topbar-height:48px}body.practice-mode,body.learn-mode-active,body.roadmap-mode{--wab-height:44px}.an-toolbar{height:48px;min-height:48px}#workspace-action-bar{height:var(--wab-height)}#wab-run-btn{height:36px;min-height:36px}body.practice-mode .wab-question-selector,body.learn-mode-active .wab-question-selector{max-width:420px;margin:0 auto}#right-panel{top:calc(var(--topbar-height) + var(--wab-height));left:auto;right:0;bottom:0;width:min(380px,55vw);height:auto;max-height:none;transform:translateX(100%);border-radius:var(--sheet-radius) 0 0 var(--sheet-radius);box-shadow:-4px 0 24px rgba(0,0,0,0.15)}#right-panel::before{display:none}#right-panel.mobile-open{transform:translateX(0)}}@media (min-width:1024px){body.practice-mode .layout,body.learn-mode-active .layout,body.evaluation-mode .layout{--left-panel-w:max(220px,25%);--right-panel-w:max(240px,30%)}}@media (min-width:1440px) and (max-width:1919px){body.practice-mode .layout,body.learn-mode-active .layout,body.evaluation-mode .layout{--left-panel-w:max(180px,18.4%);--right-panel-w:max(213px,25.508%)}}@media (max-width:600px){.an-toolbar .an-tl-left{left:50px;transform:translateY(-50%)}.an-toolbar .an-tl-logo{width:auto!important;height:28px!important;max-width:110px;object-fit:contain}.an-toolbar .an-tl-right{gap:4px}.an-toolbar .an-tl-right .an-tl-icon-btn,.an-toolbar .an-tl-right .an-theme-quick,.an-toolbar .an-tl-right .an-streak-chip{width:32px;height:32px;min-width:32px;padding:0}.an-toolbar .an-tl-right .an-avatar{width:30px;height:30px}}@media (max-width:340px){.an-toolbar .an-tl-logo{max-width:76px;height:20px!important}}