.JSCodingStudio-module__l48T5W__studio{min-height:100%;color:var(--foreground);background-color:var(--background);background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:24px 24px}.JSCodingStudio-module__l48T5W__studio :where(button,a,select):focus-visible{outline-offset:3px;outline:2px solid #f4f4f5}.JSCodingStudio-module__l48T5W__layout{max-width:1460px;margin:0 auto;padding:28px 18px 48px}.JSCodingStudio-module__l48T5W__intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:25px;display:flex}.JSCodingStudio-module__l48T5W__eyebrow{color:#9fb9d7;font:10px var(--font-geist-mono,ui-monospace), monospace;letter-spacing:.14em;text-transform:uppercase;margin:0 0 9px}.JSCodingStudio-module__l48T5W__intro h1{letter-spacing:-.05em;margin:0;font-size:clamp(28px,3vw,38px);font-weight:600;line-height:1.08}.JSCodingStudio-module__l48T5W__description{color:#a1a1aa;max-width:650px;margin:12px 0 0;font-size:14px;line-height:1.7}.JSCodingStudio-module__l48T5W__progress{align-items:center;gap:12px;min-width:215px;padding:12px 0 0;display:flex}.JSCodingStudio-module__l48T5W__progressRing{background:conic-gradient(#7ba7d8 var(--progress), #24262b 0);border-radius:50%;place-items:center;width:47px;height:47px;display:grid}.JSCodingStudio-module__l48T5W__progressRing:after{border-radius:inherit;background:var(--background);content:"";grid-area:1/1;width:39px;height:39px}.JSCodingStudio-module__l48T5W__progressRing strong{z-index:1;grid-area:1/1;font-size:13px;font-weight:600}.JSCodingStudio-module__l48T5W__progressCopy{color:#a1a1aa;gap:3px;font-size:12px;display:grid}.JSCodingStudio-module__l48T5W__progressCopy strong{color:#e4e4e7;font-size:13px;font-weight:500}.JSCodingStudio-module__l48T5W__practiceBar{border:1px solid var(--line);background:#101012c7;border-radius:7px;justify-content:space-between;align-items:center;gap:18px;margin:20px 0 24px;padding:15px 16px;display:flex}.JSCodingStudio-module__l48T5W__practiceIdentity{align-items:center;gap:11px;min-width:0;display:flex}.JSCodingStudio-module__l48T5W__practiceIcon{color:#a8c8ea;background:#19222d;border:1px solid #567494;border-radius:5px;flex:none;place-items:center;width:34px;height:34px;display:grid}.JSCodingStudio-module__l48T5W__practiceLabel{gap:3px;min-width:0;display:grid}.JSCodingStudio-module__l48T5W__practiceLabel small{color:#a1a1aa;font:10px var(--font-geist-mono,ui-monospace), monospace;letter-spacing:.1em;text-transform:uppercase}.JSCodingStudio-module__l48T5W__practiceLabel strong{color:#e4e4e7;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.JSCodingStudio-module__l48T5W__randomButton{color:#d5e4f5;background:#182534;border:1px solid #769fcb;border-radius:5px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:0 13px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.JSCodingStudio-module__l48T5W__randomButton:hover{background:#223347;border-color:#b3cce6}.JSCodingStudio-module__l48T5W__randomButton:disabled{cursor:not-allowed;opacity:.45}.JSCodingStudio-module__l48T5W__controlBar{grid-template-columns:minmax(190px,1fr) minmax(170px,220px) auto auto;align-items:center;gap:9px;margin-bottom:18px;display:grid}.JSCodingStudio-module__l48T5W__search{border:1px solid var(--line);color:#71717a;background:#111111d6;border-radius:5px;align-items:center;gap:9px;min-width:0;height:42px;padding:0 12px;display:flex}.JSCodingStudio-module__l48T5W__search:focus-within{border-color:#8ba9c7}.JSCodingStudio-module__l48T5W__search input{color:#e4e4e7;min-width:0;font:12px var(--font-geist-mono,ui-monospace), monospace;background:0 0;border:0;outline:0;flex:1}.JSCodingStudio-module__l48T5W__search input::placeholder{color:#71717a}.JSCodingStudio-module__l48T5W__search kbd{color:#71717a;font:10px var(--font-geist-mono,ui-monospace), monospace;border:1px solid #3f3f46;border-radius:3px;padding:2px 5px}.JSCodingStudio-module__l48T5W__company{position:relative}.JSCodingStudio-module__l48T5W__company>button,.JSCodingStudio-module__l48T5W__difficulty,.JSCodingStudio-module__l48T5W__iconButton{border:1px solid var(--line);background:#111111d6;border-radius:5px;height:42px}.JSCodingStudio-module__l48T5W__company>button{color:#d4d4d8;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0 11px 0 13px;font-size:12px;display:flex}.JSCodingStudio-module__l48T5W__company>button:hover,.JSCodingStudio-module__l48T5W__iconButton:hover{background:#ffffff09;border-color:#52525b}.JSCodingStudio-module__l48T5W__companyMenu{z-index:30;background:#171719;border:1px solid #3f3f46;border-radius:6px;max-height:330px;padding:5px;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #00000073}.JSCodingStudio-module__l48T5W__companyMenu button{color:#d4d4d8;text-align:left;border-radius:4px;justify-content:space-between;align-items:center;gap:9px;width:100%;min-height:37px;padding:7px 8px;font-size:12px;display:flex}.JSCodingStudio-module__l48T5W__companyMenu button:hover{color:#fff;background:#ffffff0f}.JSCodingStudio-module__l48T5W__companyMenu button:disabled{cursor:not-allowed;color:#71717a}.JSCodingStudio-module__l48T5W__companyLogo{background:#111;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;display:grid;overflow:hidden}.JSCodingStudio-module__l48T5W__difficulty{padding:3px;display:flex}.JSCodingStudio-module__l48T5W__difficulty button{color:#a1a1aa;border-radius:3px;min-width:62px;font-size:12px}.JSCodingStudio-module__l48T5W__difficulty button:hover{color:#e4e4e7}.JSCodingStudio-module__l48T5W__difficulty .JSCodingStudio-module__l48T5W__activeDifficulty{color:#d8e9fa;background:#203044}.JSCodingStudio-module__l48T5W__iconButton{color:#a1a1aa;flex:none;place-items:center;width:42px;display:grid}.JSCodingStudio-module__l48T5W__clearButton{color:#a1a1aa}.JSCodingStudio-module__l48T5W__listHeader{justify-content:space-between;align-items:baseline;margin:2px 0 8px;display:flex}.JSCodingStudio-module__l48T5W__listHeader h2{color:#e4e4e7;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:550}.JSCodingStudio-module__l48T5W__listHeader span{color:#71717a;font:10px var(--font-geist-mono,ui-monospace), monospace;letter-spacing:.08em;text-transform:uppercase}.JSCodingStudio-module__l48T5W__table{border-top:1px solid var(--line)}.JSCodingStudio-module__l48T5W__tableHead,.JSCodingStudio-module__l48T5W__row{grid-template-columns:42px minmax(180px,1fr) 108px minmax(122px,160px) 38px;align-items:center;display:grid}.JSCodingStudio-module__l48T5W__tableHead{border-bottom:1px solid var(--line);color:#71717a;min-height:35px;font:10px var(--font-geist-mono,ui-monospace), monospace;letter-spacing:.1em;text-transform:uppercase;padding:0 11px}.JSCodingStudio-module__l48T5W__row{border-bottom:1px solid #ffffff12;min-height:62px;padding:8px 11px;transition:background .15s}.JSCodingStudio-module__l48T5W__row:hover{background:#ffffff07}.JSCodingStudio-module__l48T5W__status{color:#0000;border:1px solid #3f3f46;border-radius:4px;place-items:center;width:19px;height:19px;display:grid}.JSCodingStudio-module__l48T5W__solved{color:#80caa6;background:#275b4426;border-color:#5b997f}.JSCodingStudio-module__l48T5W__questionTitle{color:#e4e4e7;align-items:center;gap:8px;min-width:0;padding-right:15px;font-size:13px;font-weight:450;display:flex}.JSCodingStudio-module__l48T5W__questionTitle>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.JSCodingStudio-module__l48T5W__row:hover .JSCodingStudio-module__l48T5W__questionTitle{color:#fff}.JSCodingStudio-module__l48T5W__isSolved .JSCodingStudio-module__l48T5W__questionTitle{color:#a1a1aa}.JSCodingStudio-module__l48T5W__pro{color:#aec7ff;font:9px var(--font-geist-mono,ui-monospace), monospace;letter-spacing:.07em;background:#4064aa2e;border-radius:3px;flex:none;padding:3px 5px}.JSCodingStudio-module__l48T5W__difficultyText{font-size:12px}.JSCodingStudio-module__l48T5W__easy{color:#6fcda2}.JSCodingStudio-module__l48T5W__medium{color:#d7a562}.JSCodingStudio-module__l48T5W__hard{color:#e98080}.JSCodingStudio-module__l48T5W__companies{align-items:center;min-width:0;display:flex}.JSCodingStudio-module__l48T5W__companies>span{border:2px solid var(--background);background:#18181b;border-radius:50%;place-items:center;width:25px;height:25px;margin-left:-5px;display:grid;overflow:hidden}.JSCodingStudio-module__l48T5W__companies>span:first-child{margin-left:0}.JSCodingStudio-module__l48T5W__locked{color:#71717a}.JSCodingStudio-module__l48T5W__bookmark{color:#71717a;border-radius:4px;place-items:center;width:32px;height:32px;margin-left:auto;transition:color .15s,background .15s;display:grid}.JSCodingStudio-module__l48T5W__bookmark:hover,.JSCodingStudio-module__l48T5W__bookmarked{color:#b9cde0;background:#ffffff0f}.JSCodingStudio-module__l48T5W__empty{color:#a1a1aa;text-align:center;padding:72px 20px;font-size:14px}.JSCodingStudio-module__l48T5W__empty button{color:#a8c8ea;margin-top:10px;text-decoration:underline}.JSCodingStudio-module__l48T5W__footnote{color:#71717a;margin:13px 0 0;font-size:11px}@media (max-width:720px){.JSCodingStudio-module__l48T5W__layout{padding:20px 14px 34px}.JSCodingStudio-module__l48T5W__intro{padding-bottom:19px;display:block}.JSCodingStudio-module__l48T5W__progress{margin-top:18px;padding:0}.JSCodingStudio-module__l48T5W__practiceBar{align-items:flex-start}.JSCodingStudio-module__l48T5W__randomButton{width:39px;padding:0}.JSCodingStudio-module__l48T5W__randomButton span{display:none}.JSCodingStudio-module__l48T5W__controlBar{grid-template-columns:1fr 42px}.JSCodingStudio-module__l48T5W__company,.JSCodingStudio-module__l48T5W__difficulty{grid-column:1/2}.JSCodingStudio-module__l48T5W__iconButton{grid-area:1/2}.JSCodingStudio-module__l48T5W__clearButton{grid-row:2}.JSCodingStudio-module__l48T5W__difficulty button{flex:1}.JSCodingStudio-module__l48T5W__tableHead{display:none}.JSCodingStudio-module__l48T5W__table{border-top:0}.JSCodingStudio-module__l48T5W__row{grid-template-columns:33px minmax(0,1fr) 66px 32px;min-height:72px;padding:9px 3px}.JSCodingStudio-module__l48T5W__companies{display:none}.JSCodingStudio-module__l48T5W__questionTitle{flex-direction:column;align-items:flex-start;gap:5px;padding-right:8px}.JSCodingStudio-module__l48T5W__questionTitle>span:first-child{white-space:normal}.JSCodingStudio-module__l48T5W__difficultyText{text-align:right}.JSCodingStudio-module__l48T5W__bookmark{width:30px}.JSCodingStudio-module__l48T5W__footnote{display:none}}@media (prefers-reduced-motion:reduce){.JSCodingStudio-module__l48T5W__row,.JSCodingStudio-module__l48T5W__randomButton,.JSCodingStudio-module__l48T5W__bookmark{transition:none}}
