@import url('/assets/css/lrl-tokens.css');
:root{--ink:#07111f;--ink2:#10243d;--line:#e6ebf1;--mist:#f7f9fc;--slate:#475569;--muted:#94a3b8;--cyan:#16b8d9;--cyan7:#0789a2;--teal:#14b8a6;--mint:#6ee7d8}*{box-sizing:border-box}html,body{margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#f5f7fb;color:var(--ink);-webkit-font-smoothing:antialiased}.lab-loading{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--ink),var(--ink2));color:#fff;font-weight:800}.lab-shell{display:none;min-height:100vh}.lab-ready .lab-loading{display:none}.lab-ready .lab-shell{display:flex}.lab-side{width:250px;flex:none;background:#fff;border-right:1px solid var(--line);padding:20px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.lab-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 20px}.lab-brand img{width:38px;height:38px}.lab-brand strong{display:block;font-size:18px;letter-spacing:-.03em}.lab-brand span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.lab-label{font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:14px 10px 6px}.lab-nav a{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:11px;color:var(--slate);text-decoration:none;font-size:13.5px;font-weight:700}.lab-nav a:hover,.lab-nav a.active{background:var(--mist);color:var(--ink)}.lab-sidefoot{margin-top:auto;border-top:1px solid var(--line);padding-top:16px}.lab-sidefoot a{display:block;padding:8px 10px;color:var(--slate);text-decoration:none;font-size:12.5px;font-weight:700}.lab-install-side{width:100%;border:0;border-radius:11px;background:var(--ink);color:#fff;padding:11px 12px;margin:0 0 7px;font:inherit;font-size:12.5px;font-weight:850;cursor:pointer;text-align:left}.lab-install-side:hover{background:var(--ink2)}.lab-install-note{display:block;padding:4px 10px 9px;color:var(--slate);font-size:11px;line-height:1.45}.lab-main{flex:1;min-width:0}.lab-top{height:72px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:5}.lab-user{display:flex;align-items:center;gap:10px}.lab-avatar{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--teal),#2563eb);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:850}.lab-content{max-width:1450px;margin:auto;padding:36px 34px 56px}.lab-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.lab-welcome{padding:30px;border-radius:24px;background:linear-gradient(135deg,var(--ink),var(--ink2));color:#fff;position:relative;overflow:hidden;box-shadow:0 20px 52px rgba(7,17,31,.18)}.lab-welcome:after{content:'';position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-170px;background:radial-gradient(circle,rgba(22,184,217,.34),transparent 66%)}.lab-kicker{font-size:10.5px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}.lab-welcome h1{margin:10px 0 0;font-size:38px;line-height:1.04;letter-spacing:-.04em;position:relative;z-index:1}.lab-welcome p{max-width:650px;margin:12px 0 0;color:rgba(226,242,247,.78);font-size:15px;line-height:1.6;position:relative;z-index:1}.lab-judimint{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 10px 30px rgba(15,23,42,.04)}.lab-judimint h2{margin:7px 0 8px;font-size:23px;letter-spacing:-.03em}.lab-judimint p{margin:0;color:var(--slate);font-size:14px;line-height:1.55}.lab-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;height:44px;padding:0 18px;border-radius:999px;background:var(--cyan);color:#fff;text-decoration:none;font-size:13.5px;font-weight:850}.lab-section{margin-top:30px}.lab-sectionhead{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.lab-sectionhead h2{margin:0;font-size:22px;letter-spacing:-.03em}.lab-sectionhead p{margin:3px 0 0;color:var(--muted);font-size:13px}.lab-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.lab-tool{background:#fff;border:1px solid var(--line);border-radius:20px;padding:21px;min-height:205px;display:flex;flex-direction:column;box-shadow:0 9px 26px rgba(15,23,42,.035)}.lab-tool.locked{background:#fafbfc}.lab-tool-top{display:flex;align-items:center;justify-content:space-between}.lab-tool-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--mist);font-weight:900;color:var(--cyan7)}.lab-status{font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan7)}.lab-status.locked{color:var(--muted)}.lab-tool h3{margin:18px 0 6px;font-size:18px;letter-spacing:-.025em}.lab-tool p{margin:0;color:var(--slate);font-size:13px;line-height:1.5}.lab-tool a{margin-top:auto;padding-top:18px;color:var(--cyan7);text-decoration:none;font-size:13px;font-weight:850}.lab-tool.locked a{color:var(--slate)}.lab-projects,.lab-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.lab-project{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border-radius:14px;background:var(--mist)}.lab-project h3{margin:0;font-size:15px}.lab-project p{margin:4px 0 0;color:var(--slate);font-size:12.5px}.lab-project a,.lab-card a{color:var(--cyan7);font-weight:850;text-decoration:none;font-size:13px}.lab-empty{color:var(--slate);font-size:13.5px;line-height:1.6}.lab-practice{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lab-card h3{margin:7px 0 7px;font-size:18px}.lab-card p{margin:0 0 14px;color:var(--slate);font-size:13px;line-height:1.55}@media(max-width:1100px){.lab-tools{grid-template-columns:repeat(2,1fr)}.lab-hero{grid-template-columns:1fr}}@media(max-width:720px){.lab-side{display:none}.lab-content{padding:24px 18px 40px}.lab-top{padding:0 18px}.lab-tools,.lab-practice{grid-template-columns:1fr}.lab-welcome h1{font-size:31px}}