:root{--bg:#080911;--surface-1:#0e1020;--surface-2:#141728;--surface-3:#1a1f35;--surface-4:#21263e;--border:#252b4a;--border-strong:#313860;--text-1:#e8eaff;--text-2:#9aa3d1;--text-3:#6b74a5;--accent:#6374f6;--accent-2:#7c8ff8;--green:#1fd47a;--yellow:#f5a51c;--pink:#f06090;--red:#f05068;--shadow:0 30px 80px #00000057;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--motion-fast:.18s ease;--max-width:1440px;font-family:Sora,sans-serif}html[data-theme=light]{--bg:#eef2ff;--surface-1:#fff;--surface-2:#f5f7ff;--surface-3:#eaf0ff;--surface-4:#dbe3ff;--border:#d6def8;--border-strong:#c4cdec;--text-1:#11172f;--text-2:#4f5e89;--text-3:#7180a6;--shadow:0 28px 70px #2f49842e}html[data-reduce-motion=true] *,html[data-reduce-motion=true] :before,html[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top left, #6374f629, transparent 26%), radial-gradient(circle at bottom right, #1fd47a14, transparent 22%), var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;margin:0;font-family:Sora,sans-serif}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e1020c7;flex-direction:column;gap:1.1rem;height:100vh;padding:1.35rem;display:flex;position:sticky;top:0}html[data-transparency=solid] .sidebar,html[data-transparency=solid] .toolbar-button,html[data-transparency=solid] .floating-top-button{-webkit-backdrop-filter:none;backdrop-filter:none}.brand-block{padding:1rem 1rem .2rem}.brand-title{font-size:1.3rem;font-weight:700}.brand-subtitle,.sidebar-section-label,.panel-card__eyebrow,.hero-badge,.modal-eyebrow,.topbar-title__eyebrow,.landing-preview__label{color:var(--text-3);text-transform:uppercase;letter-spacing:.14em;font-family:JetBrains Mono,monospace;font-size:.72rem}.sidebar-nav{flex-direction:column;gap:.45rem;display:flex}.nav-button,.mobile-nav__item{min-height:48px;color:var(--text-2);transition:transform var(--motion-fast), border-color var(--motion-fast), background var(--motion-fast), color var(--motion-fast);border:1px solid #0000;border-radius:999px;align-items:center;gap:.8rem;padding:0 1rem;display:flex}.nav-button:hover,.mobile-nav__item:hover,.toolbar-button:hover,.ghost-button:hover,.solid-button:hover,.search-result:hover,.thread-item:hover,.list-card:hover,.person-row:hover,.notification-card:hover{transform:translateY(-1px)}.nav-button--active,.mobile-nav__item--active{color:var(--accent);background:#6374f61f;border-color:#6374f63d}.sidebar-card,.panel-card,.post-card,.task-card,.feature-card,.hero-panel,.landing-preview,.notification-card,.list-card,.thread-item,.submission-card{background:linear-gradient(180deg, #ffffff0d, transparent 100%), var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative}.panel-card:before,.post-card:before,.task-card:before,.hero-panel:before,.feature-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#6374f614,#0000 42%);position:absolute;inset:0}.sidebar-card{gap:.8rem;margin-top:auto;padding:1rem;display:grid}.profile-chip,.person-row{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);text-align:left;align-items:center;gap:.8rem;width:100%;padding:.85rem;display:flex}.person-row--static{cursor:default}.avatar-pill,.profile-page-hero__avatar,.profile-hero__avatar{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;font-weight:700;display:inline-flex}.profile-page-hero__avatar{border-radius:28px;width:5rem;height:5rem;font-size:1.5rem}.content-shell{flex-direction:column;min-width:0;display:flex}.topbar{z-index:30;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e1020b8;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.4rem;display:flex;position:sticky;top:0}.topbar-title__headline,.hero-panel__title,.modal-title,.conversation-title,.profile-page-hero h1,.landing-copy h1{margin:0;font-size:clamp(1.35rem,2vw,2.15rem);line-height:1.08}.topbar-actions{align-items:center;gap:.65rem;display:flex}.toolbar-button,.solid-button,.ghost-button,.danger-button,.search-icon-button,.search-clear-button{border:1px solid var(--border);min-height:42px;color:var(--text-1);transition:transform var(--motion-fast), border-color var(--motion-fast), background var(--motion-fast);background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 .95rem;display:inline-flex}.toolbar-button--with-badge{position:relative}.toolbar-button--text{font-family:JetBrains Mono,monospace}.notification-bubble{background:var(--red);color:#fff;border:2px solid var(--surface-1);border-radius:999px;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;padding:0 .3rem;font-size:.68rem;font-weight:700;display:inline-flex;position:absolute;top:calc(100% - 2px);left:50%;transform:translate(-50%)}.solid-button{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.ghost-button{color:var(--text-2)}.ghost-button--slim{width:auto;min-height:36px;padding:0 .8rem}.ghost-button--full,.solid-button{width:100%}.danger-button{color:var(--red);background:#f050681f;border-color:#f0506840}.page-shell{width:min(var(--max-width), calc(100vw - 280px));margin:0 auto;padding:1.3rem 1.3rem 6rem}.page-grid{gap:1rem;display:grid}.page-grid--feed{grid-template-columns:minmax(0,1.5fr) minmax(300px,.82fr)}.page-grid--messages{grid-template-columns:320px minmax(0,1fr) 320px}.page-grid--analytics{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-gap{gap:1rem;display:grid}.stack-gap-sm{gap:.7rem;display:grid}.hero-panel,.panel-card,.post-card,.task-card,.landing-preview{padding:1.2rem}.hero-panel{background:radial-gradient(circle at top left, #6374f633, transparent 34%), radial-gradient(circle at bottom right, #1fd47a1f, transparent 30%), var(--surface-1);gap:1rem;display:grid;overflow:hidden}.hero-panel--feed{position:relative}.hero-panel__copy,.muted-copy,.feature-card p,.landing-copy p,.task-card p,.profile-page-hero p,.profile-hero__bio{color:var(--text-2);margin:0;line-height:1.6}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.metric-tile{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);gap:.45rem;padding:.9rem;display:grid}.metric-tile small,.thread-item small,.search-result__content small,.list-card small,.notification-card small,.message-bubble small,.task-card__meta small{color:var(--text-3)}.metric-tile strong{font-size:1.3rem}.metric-tile--blue{box-shadow:inset 0 2px #6374f699}.metric-tile--green{box-shadow:inset 0 2px #1fd47a99}.metric-tile--yellow{box-shadow:inset 0 2px #f5a51c99}.metric-tile--pink{box-shadow:inset 0 2px #f0609099}.composer-card,.submission-editor,.modal-body,.feature-card,.landing-copy,.bar-chart{gap:.9rem;display:grid}.composer-card__actions,.button-row,.task-card__header,.conversation-header,.modal-actions-right{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.toolbar-cluster,.person-stack,.profile-page-hero__main,.profile-page-hero__topline,.profile-inline-metrics,.task-student-meta{gap:.75rem;display:flex}.toolbar-cluster,.profile-inline-metrics,.task-student-meta{flex-wrap:wrap}.person-stack,.profile-page-hero__main{flex-direction:column}.profile-page-hero__topline{justify-content:space-between;align-items:flex-start}.button-row--end{justify-content:flex-end}.checkbox-row,.field-label,.tag-hint{color:var(--text-2);font-size:.9rem}.checkbox-row{align-items:center;gap:.65rem;display:inline-flex}.ui-input,.ui-textarea{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-3);width:100%;color:var(--text-1);transition:border-color var(--motion-fast), background var(--motion-fast);outline:none;padding:.9rem 1rem}.ui-input:focus,.ui-textarea:focus{border-color:var(--accent)}.tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.tag-pill,.status-pill,.rank-pill,.search-result__type{color:var(--accent);background:#6374f61f;border:1px solid #6374f638;border-radius:999px;justify-content:center;align-items:center;padding:.28rem .7rem;font-family:JetBrains Mono,monospace;font-size:.72rem;display:inline-flex}.status-pill--accent{color:var(--red);background:#f050681f;border-color:#f0506840}.rank-pill{min-width:2rem;color:var(--yellow);background:#f5a51c24;border-color:#f5a51c40}.post-card{overflow:hidden}.post-card__header,.post-card__footer,.comment-composer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.post-author{color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:.75rem;padding:0;display:flex}.post-author span:last-child,.search-result__content{gap:.18rem;display:grid}.post-card__body,.post-comments,.message-stream,.thread-list,.member-list,.submission-list,.profile-preview-posts{gap:.8rem;display:grid}.post-card__text{white-space:pre-wrap;margin:0;line-height:1.65}.feed-translate-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.feed-translate-note{color:var(--text-3);text-transform:uppercase;letter-spacing:.12em;font-family:JetBrains Mono,monospace;font-size:.72rem}.quoted-post{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);gap:.35rem;padding:.95rem;display:grid}.quoted-post__eyebrow{color:var(--text-3);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.7rem}.feed-action{min-height:40px;color:var(--text-2);transition:background var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:0 .85rem;display:inline-flex}.feed-action:hover{background:var(--surface-2);border-color:var(--border)}.feed-action--liked{color:var(--red);background:#f050681f;border-color:#f0506838}.feed-action--saved{color:var(--green);background:#1fd47a1f;border-color:#1fd47a38}.feed-action--commented{color:var(--accent);background:#6374f61f;border-color:#6374f638}.comment-row,.submission-card,.notification-card,.list-card,.thread-item{padding:.95rem}.list-card--notice{background:linear-gradient(135deg, #6374f614, #1fd47a0a), var(--surface-2)}.comment-row{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border)}.comment-row p{margin:.35rem 0 0}.comment-composer{align-items:stretch}.comment-composer input{border:1px solid var(--border);background:var(--surface-3);color:var(--text-1);border-radius:999px;flex:1;padding:0 1rem}.search-slot{width:min(28rem,100%);position:relative}.search-inline{border:1px solid var(--border);background:#ffffff0d;border-radius:999px;align-items:center;gap:.55rem;width:2.9rem;min-width:2.9rem;height:2.9rem;padding:0 .7rem;transition:width .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.search-inline--open{z-index:40;width:min(28rem,44vw);box-shadow:0 18px 38px #6374f62e}.search-icon-button,.search-clear-button{background:0 0;border:0;min-width:auto;min-height:auto;padding:0}.search-input{min-width:0;color:var(--text-1);background:0 0;border:0;outline:none;flex:1}.search-dropdown{z-index:45;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-1);max-height:min(70vh,34rem);box-shadow:var(--shadow);position:absolute;top:calc(100% + .65rem);left:0;right:0;overflow:auto}.search-result{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff0a;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.95rem 1rem;display:grid}.search-result__icon{color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.search-empty{color:var(--text-3);padding:1.1rem}.thread-list,.member-list,.message-stream{max-height:64vh;overflow:auto}.thread-item{text-align:left;gap:.25rem;width:100%;display:grid}.thread-item--active{background:#6374f614;border-color:#6374f642}.panel-card--conversation{grid-template-rows:auto 1fr auto;min-height:70vh;display:grid}.message-bubble{border:1px solid var(--border);background:var(--surface-2);border-radius:18px 18px 18px 6px;justify-self:start;max-width:82%;padding:.9rem 1rem}.message-bubble--self{background:#6374f629;border-color:#6374f63d;border-radius:18px 18px 6px;justify-self:end}.composer-inline{grid-template-columns:minmax(0,1fr) auto;gap:.8rem;display:grid}.task-list,.settings-grid,.task-card{gap:1rem;display:grid}.submission-card--rich{gap:.75rem;display:grid}.task-card__meta{justify-items:end;gap:.45rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.form-grid .ui-textarea,.form-grid input:last-child{grid-column:1/-1}.submission-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.bar-chart__row{grid-template-columns:minmax(0,140px) minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.bar-chart__track{background:var(--surface-3);border-radius:999px;height:10px;overflow:hidden}.bar-chart__fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%}.landing-page{gap:1rem;min-height:100vh;padding:2rem;display:grid}.landing-hero{max-width:var(--max-width);grid-template-columns:1.2fr 1fr;gap:1rem;margin:0 auto;display:grid}.landing-copy,.landing-grid{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e1020bd;border-radius:32px;padding:1.5rem}.landing-account-hints{gap:.75rem;display:grid}.landing-actions{flex-wrap:wrap;gap:.75rem;display:flex}.landing-actions .solid-button{width:auto}.landing-grid{align-content:start;gap:.85rem;display:grid}.feature-card{padding:1rem}.landing-preview{max-width:var(--max-width);margin:0 auto}.landing-preview__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:.9rem;display:grid}.landing-preview__stats div{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);gap:.3rem;padding:1rem;display:grid}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04050fc7;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-panel{border:1px solid var(--border-strong);background:var(--surface-1);width:min(680px,100%);max-height:88vh;box-shadow:var(--shadow);border-radius:28px;padding:1.2rem;overflow:auto}.modal-panel--narrow{width:min(520px,100%)}.modal-panel--wide{width:min(880px,100%)}.modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.profile-hero,.profile-page-hero__content{align-items:flex-start;gap:1rem;display:flex}.profile-hero__name{font-size:1.2rem;font-weight:700}.profile-hero__meta,.profile-hero__status{color:var(--text-3)}.profile-preview-post--extra{display:block}.profile-page-hero{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:32px;overflow:hidden}.profile-page-hero__cover{background:radial-gradient(circle at top left, #6374f63d, transparent 30%), linear-gradient(135deg, #0e102033, #1fd47a1f), var(--surface-2);height:170px}.profile-page-hero__content{margin-bottom:-42px;padding:1.4rem;transform:translateY(-42px)}.profile-page-hero__stats{flex-wrap:wrap;gap:.6rem;margin-top:.75rem;display:flex}.profile-inline-metrics div{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);gap:.25rem;min-width:100px;padding:.85rem 1rem;display:grid}.profile-inline-metrics strong{font-size:1.15rem}.profile-inline-metrics small{color:var(--text-3)}.floating-top-button{z-index:48;border:1px solid var(--border);width:3rem;height:3rem;color:var(--accent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#ffffff14;border-radius:999px;position:fixed;bottom:5.4rem;right:1rem}html[data-feedDensity="compact"] .post-card,html[data-feedDensity="compact"] .panel-card,html[data-feedDensity="compact"] .task-card{padding:1rem}html[data-chatDensity="compact"] .message-bubble{padding:.75rem .9rem}.mobile-nav{display:none}@media (width<=1100px){.app-shell,.page-grid--feed,.page-grid--messages,.page-grid--analytics,.landing-hero{grid-template-columns:1fr}.sidebar{display:none}.page-shell{width:100%}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{flex-wrap:wrap;width:100%}.search-slot,.search-inline--open{width:100%}.metric-grid,.landing-preview__stats,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav{z-index:25;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e1020cc;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;padding:.85rem 1rem 1rem;display:grid;position:sticky;bottom:0}}@media (width<=760px){.landing-page,.page-shell,.sidebar,.topbar,.modal-panel{padding-left:1rem;padding-right:1rem}.metric-grid,.landing-preview__stats,.form-grid,.composer-inline{grid-template-columns:1fr}.profile-preview-post--extra{display:none}.bar-chart__row{grid-template-columns:1fr}}