@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e9edf5;font-synthesis:none;--bg:#0b0f17;--panel:#111722;--panel-2:#151c29;--line:#252d3a;--muted:#8f9bad;--text:#eef2f8;--orange:#ff6a1a;--orange-2:#ff8747;--blue:#56a8ff;--shadow:0 16px 50px #00000040;background:#0b0f17;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 45% -10%, #304e7629, transparent 34%), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand-block strong,.mobile-brand{font-family:Manrope,sans-serif}.app-shell{min-height:100vh}.topbar{z-index:30;background:#0b1018;border-bottom:1px solid #ffffff12;grid-template-columns:260px minmax(260px,620px) 1fr;align-items:center;gap:26px;height:72px;padding:0 28px;display:grid;position:fixed;inset:0 0 auto}.search-box{border:1px solid var(--line);height:43px;color:var(--muted);background:#121823db;border-radius:11px;grid-column:2;align-items:center;gap:11px;padding:0 13px;display:flex;box-shadow:0 0 0 1px #ff6a1a08}.search-box:focus-within{border-color:#ff6a1aa6;box-shadow:0 0 0 3px #ff6a1a1a}.search-box input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.search-box button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:3px}kbd{color:#748094;background:#161d28;border:1px solid #313a48;border-radius:6px;padding:3px 7px;font-size:11px}.top-actions{justify-self:end;align-items:center;gap:12px;display:flex}.notification-center,.notification-trigger{position:relative}.notification-trigger.has-new svg{transform-origin:50% 10%;animation:.7s 2 bell-ring}.notification-badge{color:#fff;background:var(--orange);border:2px solid #0b0f17;border-radius:10px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:800;display:grid;position:absolute;top:1px;right:0}.notification-popover{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f151ffa;border:1px solid #2a3443;border-radius:15px;width:min(370px,100vw - 28px);position:absolute;top:49px;right:0;overflow:hidden;box-shadow:0 24px 70px #0000006b}.notification-heading{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:17px 18px 13px;display:flex}.notification-heading .eyebrow{margin-bottom:3px}.notification-heading h3{margin:0;font-size:16px}.notification-heading>span{color:var(--muted);font-size:10px}.notification-list{max-height:380px;overflow-y:auto}.notification-list>button{color:#b8c2d0;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff0a;grid-template-columns:8px 1fr;gap:9px;width:100%;padding:13px 17px;display:grid}.notification-list>button:hover{background:#ffffff09}.notification-list>button.unread{background:#ff6a1a0e}.notification-dot{background:0 0;border-radius:50%;width:6px;height:6px;margin-top:6px}.notification-list>button.unread .notification-dot{background:var(--orange);box-shadow:0 0 12px #ff6a1a8c}.notification-list strong,.notification-list small,.notification-list time{display:block}.notification-list strong{color:#f0f3f8;margin-bottom:3px;font-size:12px}.notification-list small{line-height:1.4}.notification-list time{color:#697588;margin-top:5px;font-size:9px}.notification-empty{color:#748094;justify-items:center;gap:8px;padding:38px 15px;font-size:12px;display:grid}.reply-toast{z-index:90;color:#bfc8d5;background:#141b27fa;border:1px solid #ff6a1a47;border-radius:13px;align-items:flex-start;gap:11px;width:min(360px,100vw - 28px);padding:14px 16px;animation:.35s toast-in;display:flex;position:fixed;top:88px;right:28px;box-shadow:0 20px 60px #00000059}.reply-toast svg{color:var(--orange-2);flex:none}.reply-toast strong{color:#fff;margin-bottom:3px;font-size:12px;display:block}.reply-toast span{font-size:11px;line-height:1.4}@keyframes bell-ring{20%{transform:rotate(14deg)}45%{transform:rotate(-12deg)}70%{transform:rotate(8deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}}.icon-button{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:grid}.icon-button:hover{background:var(--panel-2);color:var(--text)}.menu-button,.mobile-brand{display:none}.compact-login{color:var(--text);font-size:14px;font-weight:700}.page-grid{grid-template-columns:260px minmax(0,1fr);gap:28px;width:min(1460px,100%);margin:0 auto;padding:100px 28px 60px;display:grid}.sidebar{background:#0c121ce6;border:0;border-radius:18px;flex-direction:column;height:calc(100vh - 128px);display:flex;position:sticky;top:100px;overflow:hidden;box-shadow:0 24px 60px #0003,inset -1px 0 #ffffff09}.sidebar-close{display:none}.brand-block{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:22px 18px;display:flex}.brand-block strong{font-size:18px;display:block}.brand-block small,.signed-user small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.brand-mark{color:#fff;background:linear-gradient(145deg, var(--orange-2), #e84e00);border-radius:9px;flex:none;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-weight:700;display:grid;box-shadow:0 7px 20px #ff6a1a3d}.brand-mark.large{width:48px;height:48px;font-size:22px}.new-post{background:linear-gradient(135deg, var(--orange), #f05200);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:43px;margin:16px;font-weight:700;display:flex;box-shadow:0 9px 25px #ff6a1a29}.nav-label{color:#667286;letter-spacing:.12em;padding:7px 18px 8px;font-size:10px;font-weight:800}.sidebar nav{padding:0 10px}.sidebar nav a{color:#a9b3c2;border-radius:9px;align-items:center;gap:13px;height:43px;margin:2px 0;padding:0 12px;font-size:14px;font-weight:600;display:flex}.sidebar nav a:hover{color:#fff;background:#171e2a}.sidebar nav a.active{color:#fff;box-shadow:inset 3px 0 var(--orange);background:linear-gradient(90deg,#ff6a1a2e,#ff6a1a08)}.sidebar-footer{border-top:1px solid var(--line);margin-top:auto;padding:16px}.independence-note{color:#667286;margin:13px 2px 0;font-size:10px;line-height:1.45}.login-button,.ghost-button{width:100%;height:40px;color:var(--text);cursor:pointer;background:#161d28;border:1px solid #343d4b;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.signed-user{align-items:center;gap:10px;margin-bottom:12px;display:flex}.signed-user strong{font-size:14px;display:block}.avatar{color:#ffc29f;background:#ff6a1a21;border:1px solid #ff6a1a40;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.avatar.small{width:34px;height:34px;font-size:13px}.avatar.large{border-radius:16px;width:58px;height:58px;margin:0 auto 13px;font-size:21px}.main-content{min-width:0}.feed-layout,.detail-layout{grid-template-columns:minmax(0,1fr) 290px;gap:34px;display:grid}.feed-heading{justify-content:space-between;align-items:flex-start;gap:20px;min-height:116px;padding:7px 3px 22px;display:flex}.eyebrow{color:var(--orange-2);letter-spacing:.15em;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.feed-heading h1,.compose-heading h1,.directory-hero h1{letter-spacing:-.045em;max-width:760px;margin-bottom:9px;font-size:clamp(29px,3.25vw,44px);line-height:1.08}.feed-heading p,.compose-heading p,.directory-hero p{color:var(--muted);margin:0}.primary-button{color:#fff;background:linear-gradient(135deg, var(--orange), #ef5300);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-weight:750;display:inline-flex;box-shadow:0 9px 24px #ff6a1a29}.primary-button:disabled{opacity:.55;cursor:not-allowed}.filter-row{border:1px solid var(--line);background:#111722cc;border-radius:10px;gap:5px;width:max-content;margin-bottom:12px;padding:5px;display:flex}.filter-row button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 13px;font-size:13px}.filter-row button.selected{color:#fff;background:#27303e}.demo-note{color:#a9d3ff;background:#56a8ff12;border:1px solid #56a8ff40;border-radius:10px;align-items:center;gap:9px;margin-bottom:13px;padding:11px 13px;font-size:13px;display:flex}.post-card{background:linear-gradient(135deg,#18202ef7,#111824fa);border:1px solid #ffffff0b;border-radius:17px;grid-template-columns:52px minmax(0,1fr);margin-bottom:15px;transition:transform .18s,border-color .18s,background .18s;display:grid;overflow:hidden;box-shadow:0 14px 35px #00000021}.post-card:hover{background:linear-gradient(135deg,#1b2433fa,#131b28fc);border-color:#91a5c140;transform:translateY(-2px)}.vote-column{color:#8f9bad;border-right:1px solid #ffffff0e;flex-direction:column;align-items:center;gap:6px;padding:20px 8px;display:flex}.vote-column button,.inline-vote button{color:#768297;cursor:pointer;background:0 0;border:0;place-items:center;width:29px;height:26px;padding:0;display:grid}.vote-column button:hover{color:var(--orange-2)}.vote-column strong{color:var(--text);font-size:14px}.post-body{min-width:0;padding:20px 22px 16px}.post-meta{color:#7f8b9e;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;display:flex}.post-meta b{color:#cfd6e2;font-weight:600}.topic-pill{color:#ff9b64;text-transform:capitalize;background:#ff6a1a14;border:1px solid #ff6a1a38;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.pinned{color:#82bfff}.post-title h2{letter-spacing:-.018em;margin:12px 0 8px;font-size:20px;line-height:1.28}.post-title:hover h2{color:var(--orange-2)}.post-excerpt{color:#aeb7c5;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 15px;line-height:1.56;display:-webkit-box;overflow:hidden}.event-line{color:#aab4c4;flex-wrap:wrap;align-items:center;gap:17px;margin:13px 0;font-size:12px;display:flex}.event-line span{align-items:center;gap:6px;display:flex}.event-line svg{color:var(--orange-2)}.post-actions{border-top:1px solid #ffffff0e;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.post-actions a,.post-actions button,.detail-actions>button{color:#8995a7;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:12px;display:flex}.post-actions a:hover,.post-actions button:hover{color:#fff}.right-rail{opacity:.84;border-left:1px solid #ffffff0e;align-self:start;gap:0;padding-left:25px;display:grid;position:sticky;top:100px}.rail-card{background:0 0;border:0;border-bottom:1px solid #fff1;border-radius:0;padding:22px 2px}.rail-card h2{margin:14px 0 8px;font-size:18px}.rail-card h3{margin-bottom:14px;font-size:15px}.rail-card p{color:var(--muted);font-size:13px;line-height:1.55}.rail-card>a{color:var(--orange-2);align-items:center;gap:3px;font-size:13px;font-weight:700;display:flex}.rail-icon,.hero-icon{color:#ff9c66;background:#ff6a1a1f;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.trend{border-top:1px solid #ffffff0e;align-items:center;padding:10px 0;color:inherit!important;gap:11px!important;display:flex!important}.trend>span{color:#525e70;font:700 11px Manrope}.trend strong,.trend small{display:block}.trend strong{color:#dfe4ed;font-size:13px}.trend small{color:#737f91;margin-top:2px;font-size:11px}.guidelines{background:0 0}.attachments{gap:8px;margin-top:24px;display:grid}.attachments.compact{flex-wrap:wrap;margin:4px 0 15px;display:flex}.attachment-heading{align-items:center;gap:8px;margin-bottom:2px;display:flex}.attachment-heading span{color:var(--muted);background:#252e3c;border-radius:10px;padding:2px 7px;font-size:11px}.attachment{width:100%;color:var(--text);text-align:left;cursor:pointer;background:#121925;border:1px solid #2a3443;border-radius:11px;align-items:center;gap:11px;padding:11px;display:flex}.attachments.compact .attachment{width:auto;min-width:205px;max-width:100%}.attachment:hover{background:#171e2b;border-color:#ff6a1a73}.attachment:disabled{opacity:.65}.file-icon{color:#ff9a61;background:#ff6a1a1c;border-radius:8px;flex:none;place-items:center;width:35px;height:35px;display:grid}.attachment>span:nth-child(2){flex:1;min-width:0}.attachment strong,.attachment small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.attachment strong{font-size:13px}.attachment small{color:var(--muted);margin-top:3px;font-size:10px}.download-icon{color:#7f8a9d}.spinner{border:2px solid #465267;border-top-color:var(--orange);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.image-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.image-gallery.compact{grid-template-columns:minmax(0,1fr);width:min(100%,520px)}.image-preview{cursor:zoom-in;background:#0c121c;border:0;border-radius:13px;min-height:190px;padding:0;position:relative;overflow:hidden}.image-preview.compact{min-height:180px}.image-preview img{width:100%;height:100%;min-height:inherit;object-fit:cover;transition:transform .35s,filter .35s;display:block}.image-preview:hover img{filter:brightness(1.06);transform:scale(1.025)}.image-preview:disabled{cursor:wait}.image-skeleton{background:linear-gradient(100deg,#141c28 25%,#202b3a 45%,#141c28 65%) 0 0/220% 100%;animation:1.5s infinite shimmer;position:absolute;inset:0}.image-caption{color:#edf1f7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);text-overflow:ellipsis;white-space:nowrap;background:#060a10b8;border:1px solid #ffffff17;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:9px;left:9px;right:9px;overflow:hidden}.image-fallback{max-width:340px}.image-lightbox{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#03070ce6;place-items:center;padding:40px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.image-lightbox figure{gap:10px;width:min(1050px,92vw);max-height:88vh;margin:0;display:grid}.image-lightbox img{object-fit:contain;border-radius:16px;width:100%;max-height:80vh;box-shadow:0 30px 90px #00000080}.image-lightbox figcaption{color:#b8c2d1;justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.lightbox-close{color:#fff;cursor:pointer;background:#141b27cc;border:1px solid #ffffff26;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:22px;right:24px}@keyframes fade-in{0%{opacity:0}}.detail-layout>section{min-width:0}.back-link{width:max-content;color:var(--muted);align-items:center;gap:7px;margin:7px 0 18px;font-size:13px;display:flex}.back-link:hover{color:#fff}.detail-card{border:1px solid var(--line);background:#111722db;border-radius:18px;padding:28px}.detail-meta{align-items:center;gap:10px;display:flex}.detail-meta strong,.detail-meta small{display:block}.detail-meta strong{font-size:14px}.detail-meta small{color:var(--muted);margin-top:3px;font-size:11px}.detail-card h1{letter-spacing:-.035em;margin:25px 0 14px;font-size:clamp(27px,4vw,42px);line-height:1.12}.rich-content{color:#bec7d4;white-space:pre-wrap;min-height:80px;font-size:16px;line-height:1.75}.detail-actions{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:26px;padding-top:17px;display:flex}.detail-actions>button{margin-left:auto}.detail-actions>button+button{margin-left:0}.inline-vote{border:1px solid var(--line);border-radius:9px;align-items:center;gap:4px;padding:3px 7px;display:flex}.comments{border:1px solid var(--line);background:#111722a8;border-radius:18px;margin-top:15px;padding:24px}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h2{margin-bottom:16px;font-size:20px}.section-title select{border:1px solid var(--line);color:#cdd4df;background:#151c28;border-radius:8px;padding:7px 9px}.comment-box{align-items:flex-start;gap:10px;display:flex}.comment-box textarea{resize:vertical;border:1px solid var(--line);min-height:94px;color:var(--text);background:#0e141e;border-radius:10px;outline:0;flex:1;padding:13px}.comment-box textarea:focus{border-color:#ff6a1a8c}.comment-box button{color:#fff;background:var(--orange);cursor:pointer;border:0;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.comment-box button:disabled{opacity:.35}.comment-list{border-top:1px solid #ffffff0f;gap:0;margin-top:20px;display:grid}.comment-item{border-bottom:1px solid #ffffff0f;grid-template-columns:36px 1fr;gap:11px;padding:18px 0;display:grid}.comment-item>div{min-width:0}.comment-meta{align-items:baseline;gap:8px;display:flex}.comment-meta strong{color:#eef2f7;font-size:12px}.comment-meta time{color:var(--muted);font-size:10px}.comment-item p{color:#c3cbd6;white-space:pre-wrap;margin:7px 0 0;line-height:1.6}.quiet-empty{color:#667286;text-align:center;justify-items:center;padding:34px 20px 15px;display:grid}.quiet-empty strong{color:#cad2df;margin:10px 0 5px}.quiet-empty p{color:var(--muted);font-size:13px}.quiet-empty.large{border:1px dashed #2f3948;border-radius:16px;padding:80px 20px}.author-card{text-align:center}.author-card h3{margin-bottom:4px}.author-handle{color:#8e9aab;font-size:12px;display:block}.author-card p{min-height:0}.author-card>div:last-child{border-top:1px solid var(--line);justify-content:center;gap:50px;padding-top:15px;display:flex}.author-card>div span{min-width:0;display:grid}.author-card>div strong{overflow-wrap:anywhere;max-width:130px}.author-card small{color:var(--muted)}.compose-page{width:min(790px,100%);margin:0 auto}.compose-heading{padding:8px 2px 25px}.compose-card{border:1px solid var(--line);background:#111722db;border-radius:18px;gap:21px;padding:28px;display:grid}.compose-card label,.auth-card label{color:#d7dde7;gap:8px;font-size:13px;font-weight:700;display:grid;position:relative}.compose-card input,.compose-card textarea,.auth-card input,.directory-search input{width:100%;color:var(--text);background:#0e141e;border:1px solid #2b3544;border-radius:10px;outline:none}.compose-card input,.auth-card input{height:45px;padding:0 13px}.compose-card textarea{resize:vertical;min-height:210px;padding:13px;line-height:1.55}.compose-card input:focus,.compose-card textarea:focus,.auth-card input:focus{border-color:#ff6a1aa6;box-shadow:0 0 0 3px #ff6a1a14}.compose-card label small{color:#6e7a8d;font-weight:400}.compose-card label:first-child small{position:absolute;bottom:13px;right:11px}.upload-zone{color:#7f8b9e;cursor:pointer;background:#0a0f178c;border:1px dashed #3b4759;border-radius:12px;justify-items:center;gap:6px;padding:26px;display:grid}.upload-zone:hover{border-color:var(--orange);color:#d5dce7}.upload-zone svg{color:var(--orange-2)}.upload-zone strong{color:#dce2eb}.upload-zone span{font-size:12px}.queued-file{border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.queued-file>img{object-fit:cover;border-radius:7px;flex:none;width:48px;height:42px}.queued-file-icon{color:#9ca8b9;background:#1a2330;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.queued-file.upload-complete{background:#56bf840b;border-color:#56bf8447}.queued-file.upload-complete small,.upload-check{color:#6fd19c}.upload-check{flex:none;animation:.5s cubic-bezier(.2,.9,.3,1.35) check-pop}.queued-file>span{flex:1;min-width:0}.queued-file strong,.queued-file small{display:block}.queued-file strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.queued-file small{color:var(--muted);margin-top:2px;font-size:10px}.queued-file button{color:var(--muted);cursor:pointer;background:0 0;border:0}.progress{background:#242e3c;border-radius:4px;height:5px;overflow:hidden}.progress span{border-radius:inherit;background:var(--orange);height:100%;transition:width .2s;display:block}@keyframes check-pop{0%{opacity:0;transform:scale(.45)}}.compose-actions{justify-content:flex-end;align-items:center;gap:17px;padding-top:4px;display:flex}.compose-actions>a{color:var(--muted);font-size:13px}.inline-error{color:#ff8c8c;margin:4px 0 0;font-size:12px}.celebration{z-index:110;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05090f33;place-items:center;animation:1.2s both celebration-bg;display:grid;position:fixed;inset:0;overflow:hidden}.celebration-card{z-index:2;color:#fff;background:#121924f2;border:1px solid #ff8b4e52;border-radius:17px;justify-items:center;gap:6px;padding:22px 28px;animation:1.1s cubic-bezier(.2,.8,.25,1) both celebration-pop;display:grid;position:relative;box-shadow:0 28px 90px #0000006b}.celebration-card svg{color:var(--orange-2)}.celebration-card strong{font:800 20px Manrope}.celebration-card span{color:#aeb9c8;font-size:11px}.celebration>i{--angle:calc(var(--particle) * 25.7deg);background:var(--orange);width:7px;height:7px;transform:rotate(var(--angle)) translateY(-55px);border-radius:2px;animation:1s ease-out both particle-burst;position:absolute;top:50%;left:50%}.celebration>i:nth-of-type(3n){background:#ffd0a8}.celebration>i:nth-of-type(3n+1){background:#76b7ff;border-radius:50%}@keyframes celebration-bg{0%,to{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}25%,75%{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05090f38}}@keyframes celebration-pop{0%{opacity:0;transform:scale(.78)translateY(12px)}22%,72%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.96)translateY(-8px)}}@keyframes particle-burst{0%{opacity:0;transform:rotate(var(--angle)) translateY(-45px) scale(.3)}18%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(-210px) scale(1)}}.auth-wrap{place-items:center;min-height:calc(100vh - 160px);display:grid}.auth-card{border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);text-align:center;background:#111722e6;border-radius:20px;padding:34px}.auth-card .brand-mark{margin:0 auto 18px}.auth-card h1{margin-bottom:8px;font-size:25px}.auth-card>p{color:var(--muted)}.auth-card form{text-align:left;gap:16px;margin:25px 0 20px;display:grid}.auth-card form button{margin-top:4px}.auth-card>small{color:#6f7a8c;line-height:1.4}.directory-hero{align-items:center;gap:17px;padding:7px 2px 25px;display:flex}.directory-search{border:1px solid var(--line);height:48px;color:var(--muted);background:#111722cc;border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:0 14px;display:flex}.directory-search input{background:0 0;border:0}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.directory-card{content-visibility:auto;contain-intrinsic-size:170px;border:1px solid var(--line);background:#111722d1;border-radius:15px;padding:22px}.directory-card h2{margin:14px 0 8px;font-size:18px}.course-directory-card h2{margin-top:9px}.course-card-code{color:var(--orange-2);letter-spacing:.1em;font-size:14px;font-weight:800;display:inline-flex}.directory-card p{min-height:43px;color:var(--muted);font-size:13px;line-height:1.5}.directory-detail-link{width:fit-content;color:var(--orange-2);align-items:center;gap:3px;font-size:12px;font-weight:700;display:flex}.directory-detail-link:hover{color:#ffb078}.directory-unavailable{color:#707b8c;font-size:12px;font-weight:700}.directory-grid.is-loading{opacity:.5;pointer-events:none}.directory-error{color:#ffc2a2;background:#ff703012;border:1px solid #ff703052;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:13px 15px;font-size:13px;display:flex}.directory-error button{color:var(--orange-2);cursor:pointer;background:0 0;border:0;font-weight:800}.directory-pagination{justify-content:center;align-items:center;gap:18px;margin-top:24px;display:flex}.directory-pagination button{border:1px solid var(--line);color:#dfe6f0;cursor:pointer;background:#131b27;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-width:118px;height:40px;font-weight:750;display:inline-flex}.directory-pagination button:hover:not(:disabled){color:#fff;border-color:#ff8b4e80}.directory-pagination button:disabled{opacity:.4;cursor:not-allowed}.directory-pagination span{min-width:70px;color:var(--muted);text-align:center;font-size:13px}.catalog-offerings{margin-top:24px}.catalog-offerings .section-title h2{margin:6px 0;font-size:24px}.catalog-offerings .section-title p{color:var(--muted);margin:0 0 20px;font-size:14px}.offering-list{gap:12px;display:grid}.offering-card{border:1px solid var(--line);background:#111722cc;border-radius:14px;padding:20px}.offering-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.offering-heading span{color:var(--orange-2);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}.offering-heading h3{margin:5px 0 0;font-size:17px}.offering-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:16px;display:grid}.offering-stats span{color:var(--muted);background:#141c28;border-radius:9px;gap:4px;padding:10px 11px;font-size:11px;display:grid}.offering-stats strong{color:#eef2f7;font-size:14px}.resource-detail{max-width:1060px;margin:0 auto}.resource-hero{border-bottom:1px solid var(--line);align-items:flex-start;gap:18px;padding:16px 2px 30px;display:flex}.resource-hero h1{letter-spacing:-.035em;max-width:780px;margin:6px 0 9px;font-size:clamp(29px,4.5vw,48px);line-height:1.08}.resource-hero p{color:var(--muted);margin:0;font-size:14px}.course-code{color:var(--orange-2);letter-spacing:.12em;font-size:16px;font-weight:800}.course-hero .course-term{color:#aab5c5;font-size:15px;line-height:1.55}.course-instructor{flex-wrap:wrap;align-items:center;gap:7px;display:flex;color:#d7deea!important;margin-top:12px!important;font-size:15px!important}.course-instructor svg{color:var(--orange-2)}.course-instructor span{color:var(--muted)}.course-instructor strong{font-weight:700}.resource-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.resource-stat{border:1px solid var(--line);background:#111722c2;border-radius:14px;flex-direction:column;justify-content:flex-end;min-height:112px;padding:18px;display:flex}.resource-stat>svg{color:var(--orange-2);margin-bottom:auto}.resource-stat span{color:#91a0b5;text-transform:uppercase;letter-spacing:.075em;font-size:12.5px;font-weight:700}.resource-stat strong{overflow-wrap:anywhere;margin-top:7px;font:800 24px Manrope}.event-stats .resource-stat strong{font-size:16px}.resource-panel{border:1px solid var(--line);background:#111722cc;border-radius:17px;padding:27px}.resource-panel h2{margin:7px 0 22px;font-size:23px}.resource-panel .rich-content{color:#d8dee8;margin-top:12px;line-height:1.75}.resource-metrics{gap:17px;display:grid}.resource-metrics>div>span{justify-content:space-between;gap:16px;margin-bottom:9px;font-size:15px;display:flex}.resource-metrics small{color:var(--muted)}.resource-metrics>div>span small{font-size:13px}.resource-metrics i{background:#202a37;border-radius:6px;height:9px;display:block;overflow:hidden}.resource-metrics b{border-radius:inherit;background:linear-gradient(90deg, var(--orange), #ffb078);height:100%;display:block}.metric-endpoints{justify-content:space-between;margin-top:7px;display:flex}.metric-endpoints small{font-size:12px}.resource-actions{margin-top:24px;display:flex}.course-feedback-panel,.course-review-list{border:1px solid var(--line);background:#111722cc;border-radius:17px;margin-top:20px;padding:27px}.course-feedback-panel .section-title,.course-review-list .section-title{margin-bottom:22px}.course-feedback-panel .section-title h2,.course-review-list .section-title h2{margin:6px 0 5px;font-size:23px}.course-feedback-panel .section-title p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.review-gate,.review-complete{border:1px solid var(--line);background:#0a0f177a;border-radius:13px;align-items:center;gap:15px;padding:18px;display:flex}.review-gate>svg,.review-complete>svg{color:var(--orange-2);flex:none}.review-gate>div,.review-complete>div{flex:1;min-width:0}.review-gate strong,.review-complete strong{font-size:15px}.review-gate p,.review-complete p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.45}.review-complete{background:#56bf840b;border-color:#56bf8440}.review-complete>svg{color:#6fd19c}.course-review-form{gap:22px;display:grid}.review-rating-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.rating-field{border:1px solid var(--line);border-radius:13px;min-width:0;margin:0;padding:17px}.rating-field legend{color:#edf2fa;padding:0 6px;font-size:14px;font-weight:800}.rating-options{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.rating-options button{color:#bbc5d4;cursor:pointer;background:#141c28;border:1px solid #303b4b;border-radius:9px;min-width:0;height:38px;font-size:14px;font-weight:800}.rating-options button:hover{color:#fff;border-color:#ff8b4e8c}.rating-options button.selected{border-color:var(--orange);color:#fff;background:#ff70303b;box-shadow:0 0 0 1px #ff703026}.rating-endpoints{color:var(--muted);justify-content:space-between;gap:10px;margin-top:9px;font-size:11px;display:flex}.rating-endpoints span:last-child{text-align:right}.review-text{gap:9px;display:grid}.review-text>span{align-items:baseline;gap:8px;display:flex}.review-text>span strong{font-size:15px}.review-text small{color:var(--muted);font-size:11px}.review-text>small{justify-self:end;margin-top:-4px}.review-text textarea{resize:vertical;border:1px solid var(--line);min-height:132px;color:var(--text);font:inherit;background:#0a0f178c;border-radius:12px;padding:14px;line-height:1.55}.review-text textarea:focus{border-color:var(--orange);outline:2px solid #ff703033}.review-submit-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.anonymous-toggle{cursor:pointer;align-items:center;gap:11px;display:flex}.anonymous-toggle input{width:18px;height:18px;accent-color:var(--orange)}.anonymous-toggle span{gap:2px;display:grid}.anonymous-toggle strong{font-size:13px}.anonymous-toggle small{color:var(--muted);font-size:11px}.review-list{gap:12px;display:grid}.student-review{border:1px solid var(--line);background:#0a0f1773;border-radius:13px;padding:19px}.student-review header{align-items:center;gap:10px;display:flex}.student-review header>div{gap:2px;display:grid}.student-review header strong{font-size:14px}.student-review time{color:var(--muted);font-size:11px}.student-review>p{color:#d8dee8;white-space:pre-wrap;margin:15px 0;font-size:14px;line-height:1.65}.review-scores{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.review-scores span{color:#9dabbf;background:#151e2a;border-radius:8px;padding:7px 9px;font-size:11px}.review-scores strong{color:#f3f6fa;margin-left:4px}.load-more-button{border:1px solid var(--line);color:#c9d2df;cursor:pointer;background:#151e2a;border-radius:9px;margin:17px auto 0;padding:9px 16px;display:block}.feature-placeholder{text-align:center;border:1px dashed #303b4b;border-radius:18px;justify-items:center;padding:80px 20px;display:grid}.feature-placeholder svg{color:var(--orange-2);margin-bottom:16px}.feature-placeholder p{color:var(--muted)}.discover-hero{max-width:820px;padding:40px 4px 60px}.discover-hero h1{letter-spacing:-.055em;margin-bottom:20px;font-size:clamp(38px,6vw,70px);line-height:1.03}.discover-hero p{max-width:680px;color:var(--muted);margin-bottom:25px;font-size:17px;line-height:1.6}.feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.feature-card{border:1px solid var(--line);background:#111722bf;border-radius:16px;padding:24px}.feature-card svg{color:var(--orange-2)}.feature-card h2{margin:28px 0 9px;font-size:17px}.feature-card p{color:var(--muted);font-size:13px;line-height:1.55}.skeleton-list{gap:13px;display:grid}.skeleton-card{border:1px solid var(--line);background:#111722;border-radius:16px;grid-template-columns:52px 1fr;height:190px;display:grid;overflow:hidden}.skeleton-card>span{border-right:1px solid var(--line)}.skeleton-card>div{padding:25px}.skeleton-card i{background:linear-gradient(90deg,#1b2330 25%,#252e3c 50%,#1b2330 75%) 0 0/200% 100%;border-radius:6px;height:12px;margin-bottom:15px;animation:1.5s infinite shimmer;display:block}.skeleton-card i:first-child{width:36%}.skeleton-card i:nth-child(2){width:62%;height:21px}.skeleton-card i:nth-child(3){width:88%}@keyframes shimmer{to{background-position:-200% 0}}.mobile-scrim{display:none}@media (width<=1120px){.feed-layout,.detail-layout{grid-template-columns:minmax(0,1fr)}.right-rail{display:none}.topbar{grid-template-columns:240px minmax(260px,620px) 1fr}.page-grid{grid-template-columns:240px minmax(0,1fr)}}@media (width<=820px){.topbar{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;height:64px;padding:0 14px}.menu-button{display:grid}.mobile-brand{align-items:center;gap:8px;font-size:15px;display:flex}.mobile-brand span{background:var(--orange);border-radius:7px;place-items:center;width:26px;height:26px;font-family:Georgia,serif;display:grid}.search-box{grid-column:auto;position:absolute;top:72px;left:14px;right:14px}.search-box kbd{display:none}.top-actions{grid-column:3}.top-actions>.icon-button{display:none}.notification-popover{position:fixed;top:66px;right:10px}.reply-toast{top:72px;right:14px}.page-grid{padding:136px 14px 45px;display:block}.sidebar{z-index:60;border-radius:0 18px 18px 0;width:min(310px,88vw);height:100vh;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-close{z-index:2;display:grid;position:absolute;top:11px;right:10px}.mobile-scrim{z-index:55;visibility:hidden;opacity:0;background:#00000094;transition:opacity .2s;display:block;position:fixed;inset:0}.mobile-scrim.show{visibility:visible;opacity:1}.feed-heading{min-height:auto}.desktop-create{display:none}.post-card{grid-template-columns:43px minmax(0,1fr)}.post-body{padding:17px 15px 14px}.vote-column{padding:18px 5px}.post-title h2{font-size:18px}.directory-grid,.feature-grid{grid-template-columns:1fr}.offering-stats,.resource-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-rating-grid{grid-template-columns:1fr}.detail-card,.comments,.compose-card{padding:20px}.comment-box .avatar{display:none}}@media (width<=520px){.compact-login{font-size:12px}.feed-heading h1{font-size:27px}.post-meta>span:not(.topic-pill):not(.pinned){font-size:11px}.post-excerpt{font-size:14px}.event-line{gap:8px;display:grid}.attachments.compact .attachment{width:100%}.image-gallery{grid-template-columns:1fr}.image-preview,.image-preview.compact{min-height:170px}.image-lightbox{padding:18px}.post-actions button{font-size:0}.post-actions button svg{width:17px}.detail-card h1{font-size:28px}.resource-hero{align-items:flex-start}.resource-hero .hero-icon{flex:none;width:42px;height:42px}.course-code{font-size:14px}.course-hero .course-term,.course-instructor{font-size:15px!important}.resource-stat-grid{grid-template-columns:1fr}.resource-stat{min-height:94px}.resource-panel,.course-feedback-panel,.course-review-list{padding:21px}.review-gate{flex-wrap:wrap;align-items:flex-start}.review-gate .primary-button{justify-content:center;width:100%}.review-submit-row{flex-direction:column;align-items:stretch}.review-submit-row .primary-button{justify-content:center}.auth-card{padding:26px 20px}.directory-pagination{gap:8px}.directory-pagination button{flex:1;min-width:0}.offering-heading{flex-direction:column;align-items:flex-start}.offering-stats{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.celebration>i{display:none}}