.button-row,.inline-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline-form{flex-wrap:nowrap}.section-spaced{margin-top:24px}.member-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--border)}.member-row>div{flex:1;min-width:140px}.member-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.member-row .input{font-size:10px;min-height:34px;padding:7px 9px}.member-row .inline-form{margin-left:auto}.workspace-switcher{position:relative;margin-bottom:24px}.workspace-switcher>.workspace{margin:0;cursor:pointer;list-style:none}.workspace-switcher summary::-webkit-details-marker{display:none}.workspace-options{display:grid;gap:3px;padding:8px;margin-top:5px;background:var(--card);border:1px solid var(--border);border-radius:8px}.workspace-options a{padding:8px;font-size:11px;border-radius:5px}.workspace-options a:hover{background:var(--elevated)}.sidebar .primary-nav{gap:1px}.sidebar .nav-item{min-height:36px;padding-top:9px;padding-bottom:9px}.sidebar .workspace{margin-bottom:0}.sidebar .workspace-switcher{margin-bottom:22px}.sidebar-collapsed .workspace-switcher{display:none}.sidebar .secondary-nav{padding-top:20px}.user-menu{position:relative}.user-menu>summary{cursor:pointer;list-style:none}.user-menu>summary::-webkit-details-marker{display:none}.user-menu>div{position:absolute;right:0;top:42px;width:180px;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:7px;z-index:40}.user-menu a{display:block;padding:9px;font-size:11px;border-radius:6px}.user-menu a:hover{background:var(--elevated)}.timer-panel{text-align:center;padding:36px}.timer-display{font-size:clamp(36px,5vw,60px);line-height:1.2;letter-spacing:-2px;margin:28px 0;color:var(--text)}.timer-panel .stack{text-align:left}.timer-panel>.button-row{justify-content:center;margin:24px 0}.heatmap{display:grid;grid-template-columns:repeat(28,minmax(0,1fr));gap:5px;margin:22px 0}.heat-cell{aspect-ratio:1;min-width:0;display:block;border:1px solid var(--border);border-radius:3px;background:var(--secondary)}.heat-cell.level-1{background:#6366f140;border-color:#6366f155}.heat-cell.level-2{background:#6366f180;border-color:#818cf888}.heat-cell.level-3{background:var(--accent-hover);border-color:var(--accent-hover)}.milestones{display:grid;gap:5px;margin:20px 0}.milestone{width:100%;text-align:left;border:1px solid var(--border);background:var(--secondary);color:var(--sub);border-radius:6px;padding:10px;display:flex;gap:8px;align-items:center;font-size:11px}.milestone.is-complete{color:var(--success);text-decoration:line-through;background:#22c55e09}.notification-row{display:flex;gap:12px;align-items:center;padding:18px 8px;border-bottom:1px solid var(--border)}.notification-row>div{flex:1}.notification-row strong{font-size:12px}.notification-row small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.notification-row:not(.is-unread) .activity-dot{background:var(--muted);box-shadow:none}.notification-row:not(.is-unread) strong{color:var(--sub);font-weight:400}.notification-row.is-unread{background:#6366f106}.analytics-filters{align-items:flex-end;flex-wrap:wrap}.analytics-filters label{font-size:10px;color:var(--sub);flex:1;min-width:130px}.analytics-filters select{min-width:130px;max-width:190px}.chart-frame{height:260px;position:relative;margin-top:24px}.token-reveal{border-color:#f59e0b44;background:#f59e0b08}.token-value{display:block;overflow-wrap:anywhere;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--accent-hover)}.project-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin-bottom:20px}.tech-tags{display:flex;gap:8px;flex-wrap:wrap}.profile-upload-preview{width:80px;height:80px;object-fit:cover;border-radius:50%;margin-bottom:20px}.markdown-content{font-size:13px;line-height:1.9;color:var(--sub);overflow-wrap:anywhere}.markdown-content pre,.code-output{padding:18px;border:1px solid var(--border);background:var(--bg);border-radius:8px;font:11px/1.8 'JetBrains Mono',monospace;overflow:auto;max-width:100%}.markdown-content a{color:var(--accent-hover);text-decoration:underline}.markdown-content h2,.markdown-content h3{color:var(--text)}.markdown-content img{max-width:100%}.public-portfolio{max-width:1120px;margin:auto;padding:0 40px}.public-nav{display:flex;align-items:center;justify-content:space-between;padding:32px 0;border-bottom:1px solid var(--border)}.public-nav .brand{font-size:20px}.portfolio-hero{position:relative;padding:95px 0 90px;max-width:780px}.portfolio-hero>.eyebrow{font-size:9px}.portfolio-hero h1{font-size:clamp(48px,6vw,84px);line-height:1.04;letter-spacing:-4px;margin:24px 0}.portfolio-hero>p{font-size:17px;line-height:1.9;max-width:650px;margin:0 0 24px}.portfolio-avatar{display:block;width:70px;height:70px;object-fit:cover;border-radius:50%;margin:24px 0}.portfolio-section-title{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-top:1px solid var(--border)}.portfolio-section-title h2{font-size:22px;margin:0}.portfolio-section-title span{color:var(--muted);font-size:9px}.public-project{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;margin:30px 0 80px;align-items:center}.public-project:nth-child(even) .public-project-art{order:2}.public-project-art{aspect-ratio:4/3;background:radial-gradient(ellipse at 50% 40%,#6366f12a,var(--card));border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:24px;flex-direction:column;color:var(--accent-hover);overflow:hidden}.public-project-art img{width:100%;height:100%;object-fit:cover}.public-project-art .mono{font-size:9px;color:var(--muted);padding:0 20px;text-align:center}.public-project-copy h3{font-size:30px;letter-spacing:-1px;margin:18px 0}.public-project-copy .markdown-content{font-size:12px}.public-project-copy .tech-tags{margin:24px 0}.portfolio-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 0;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.portfolio-footer a{color:var(--sub)}.api-docs{max-width:980px;margin:0 auto;padding:45px 24px}.api-docs>.brand{margin-bottom:70px}.api-docs>.eyebrow{display:block;margin-bottom:20px}.api-docs>h1{font-size:48px;letter-spacing:-2px}.api-docs>p{font-size:14px;margin-bottom:30px}.api-docs .panel p{font-size:12px;line-height:1.9}.api-docs>section:first-of-type{margin-top:50px}.search-suggestions{display:grid;gap:4px;margin:12px 0;max-height:260px;overflow-y:auto}.search-suggestions a{display:flex;gap:10px;align-items:center;font-size:12px;padding:10px;border-radius:6px;overflow-wrap:anywhere}.search-suggestions a:hover{background:var(--elevated)}.search-suggestions .badge{margin-left:auto}.search-suggestions p{font-size:11px;padding:10px}.primary-nav{flex-shrink:0}.sidebar{overflow-y:auto}.sidebar>.brand,.sidebar>.workspace-switcher,.sidebar>.account{flex-shrink:0}
@media(max-height:850px) and (min-width:761px){.sidebar{padding-top:18px}.sidebar>.brand{padding-bottom:18px}.sidebar .workspace-switcher{margin-bottom:18px}.sidebar .nav-item{min-height:32px;padding-top:7px;padding-bottom:7px}.sidebar .account{padding-top:12px;padding-bottom:12px}.sidebar .secondary-nav{padding-bottom:10px;padding-top:16px}}
@media(max-width:760px){.timer-panel{padding:26px}.heatmap{grid-template-columns:repeat(14,minmax(0,1fr))}.member-row{gap:10px}.member-row .inline-form{flex-basis:100%;margin-left:0}.member-row>.avatar{display:none}.member-row>div{min-width:100px}.member-row .btn{min-height:38px}.chart-frame{height:240px}.analytics-filters select{max-width:none;flex:1}.public-portfolio{padding:0 20px}.public-nav{padding:22px 0;gap:14px}.public-nav .btn{font-size:8px;padding:8px}.public-nav .brand{font-size:18px}.portfolio-hero{padding:65px 0}.portfolio-hero h1{font-size:54px;letter-spacing:-2.5px}.portfolio-hero>p{font-size:14px}.public-project{grid-template-columns:1fr;gap:24px;margin:20px 0 54px}.public-project:nth-child(even) .public-project-art{order:0}.public-project-art{aspect-ratio:16/10}.public-project-copy h3{font-size:27px}.public-project-copy .markdown-content{font-size:13px}.portfolio-footer{flex-direction:column;align-items:flex-start;gap:12px;font-size:9px}.api-docs>.brand{margin-bottom:45px}.api-docs>h1{font-size:36px}.notification-row{flex-wrap:wrap}.notification-row>div{min-width:140px}.notification-row>form{margin-left:auto}.sidebar-collapsed .workspace-switcher{display:block}}
@media(max-width:400px){.timer-display{font-size:34px;letter-spacing:-1px}.heatmap{gap:4px}.portfolio-hero h1{font-size:43px}.public-nav .btn>svg{display:none}.chart-frame{height:210px}.member-row form{max-width:100%}.member-row select{min-width:85px}}
.feature-time{font-size:30px;margin-top:28px;letter-spacing:-1px;color:var(--accent-hover)}.feature-time .badge{vertical-align:middle;letter-spacing:0;font:9px var(--font);margin-left:12px}.marketing-footer nav{flex-wrap:wrap}.feature-grid>.feature-card:last-child:nth-child(odd){grid-column:1/-1}
.weekly-study{display:grid;gap:12px}.weekly-study-row{display:flex;align-items:center;gap:16px;font-size:11px;color:var(--sub)}.weekly-study-row>span{width:30px;flex-shrink:0}.weekly-study-row>strong{width:64px;flex-shrink:0;text-align:right;font-size:10px}.weekly-study-row progress{height:7px}
.workspace-options form{display:grid;gap:3px}.workspace-options button{border:0;background:transparent;text-align:left;padding:8px;font-size:11px;color:var(--sub);border-radius:5px;width:100%}.workspace-options button:hover{background:var(--elevated);color:var(--text)}.workspace .nav-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.language-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.language-form .input{width:auto;min-width:160px}.language-form label{font-weight:600}.guest-language{padding:20px 24px;background:var(--bg);border-top:1px solid var(--border)}.guest-language .language-form{justify-content:center}.language-form .btn{white-space:normal}@media(max-width:440px){.language-form{align-items:stretch;flex-direction:column}.language-form .input{width:100%}.guest-language .language-form{max-width:320px;margin:auto}.page-heading h1{overflow-wrap:anywhere}.topbar .search-trigger span{display:none}}