@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#e3edc8;--surface:#f3fadb;--surface-raised:#fafdf0;--hover:#ebf4d0;--border:#d4e2b3;--border-strong:#bccf95;--green:#00963f;--green-hover:#00843a;--green-deep:#04692f;--green-ink:#eafac9;--green-soft:#d9ecbf;--text:#1e2235;--muted:#5b6656;--faint:#879280;--like:#e0245e;--like-soft:#e0245e1a;--danger:#cf3434;--backdrop:#16201873;--shadow:0 1px 2px #1e22350f, 0 10px 30px #1e22351a;--ring:0 0 0 3px #00963f47;--radius:16px;--sans:"Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0e1711;--surface:#131f17;--surface-raised:#18261c;--hover:#1a2a1f;--border:#243829;--border-strong:#335039;--green:#00963f;--green-hover:#0aa84b;--green-deep:#6fd396;--green-ink:#eafac9;--green-soft:#173a23;--text:#e6f1d5;--muted:#9cae97;--faint:#6f826b;--like:#f0457b;--like-soft:#f0457b24;--danger:#f06262;--backdrop:#0009;--shadow:0 1px 2px #0000004d, 0 10px 30px #0006;--ring:0 0 0 3px #1fae5559;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}input,textarea,select{font:inherit;color:inherit}img{max-width:100%;display:block}h1,h2,h3,h4{letter-spacing:-.02em;margin:0}p{margin:0}:focus-visible{box-shadow:var(--ring);border-radius:10px;outline:none}::selection{background:var(--green);color:var(--green-ink)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wordmark{letter-spacing:-.035em;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:4px;font-weight:850;line-height:1;display:inline-flex}.wordmark .wm-ed{background:var(--green);color:var(--green-ink);border-radius:.3em;padding:.16em .3em .2em}.wordmark .wm-space{background:var(--surface);color:var(--text);border-radius:.3em;padding:.16em 1.05em .2em .3em;position:relative}.wordmark .wm-ribbon{background:var(--green);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);width:.5em;height:calc(100% + .32em);position:absolute;top:0;right:.28em}.mark{background:var(--green);width:44px;height:44px;color:var(--green-ink);letter-spacing:-.04em;border-radius:13px;place-items:center;font-size:19px;font-weight:850;display:inline-grid;position:relative;overflow:hidden}.mark:after{content:"";background:var(--green-ink);opacity:.9;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%);width:7px;height:13px;position:absolute;top:0;right:7px}.shell{min-height:100vh;justify-content:center;min-height:100dvh;display:flex}.sidebar{height:100vh;flex-direction:column;flex-shrink:0;gap:4px;width:264px;height:100dvh;padding:14px 16px 16px;display:flex;position:sticky;top:0}.sidebar .brand{align-items:center;padding:6px 10px 18px;font-size:26px;display:flex}.sidebar .brand .mark{display:none}.nav-item{color:var(--text);border-radius:14px;align-items:center;gap:16px;width:-moz-fit-content;width:fit-content;padding:11px 14px;font-size:18px;font-weight:550;transition:background .12s;display:flex;position:relative}.nav-item:hover{background:var(--hover)}.nav-item.active{font-weight:800}.nav-item.active svg{color:var(--green)}.nav-item .badge{background:var(--green);min-width:18px;height:18px;color:var(--green-ink);text-align:center;border:2px solid var(--bg);border-radius:9px;padding:0 5px;font-size:11px;font-weight:800;line-height:18px;position:absolute;top:5px;left:28px}.sidebar .post-btn{width:100%;margin-top:14px;padding:14px;font-size:17px}.sidebar .post-btn .icon-only{display:none}.me-chip{text-align:left;border-radius:16px;align-items:center;gap:10px;width:100%;margin-top:auto;padding:10px;display:flex}.me-chip:hover{background:var(--hover)}.me-chip .who{flex:1;min-width:0;line-height:1.25}.main{background:var(--surface);border-left:1px solid var(--border);border-right:1px solid var(--border);width:620px;min-width:0;max-width:100%;min-height:100vh;flex-shrink:1;min-height:100dvh;padding-bottom:80px}.rail{flex-shrink:0;width:350px;padding:10px 0 24px 26px}.rail-inner{flex-direction:column;gap:16px;display:flex;position:sticky;top:10px}.topbar,.tabbar,.fab{display:none}@media (max-width:1279px){.sidebar{align-items:center;width:88px;padding-inline:8px}.sidebar .brand{justify-content:center;padding:6px 0 16px}.sidebar .brand .wordmark{display:none}.sidebar .brand .mark{display:inline-grid}.nav-item{padding:12px}.nav-item .nav-label,.me-chip .who,.me-chip .more{display:none}.sidebar .post-btn{border-radius:16px;width:54px;height:54px;padding:0}.sidebar .post-btn .text{display:none}.sidebar .post-btn .icon-only{display:inline}.me-chip{width:auto}}@media (max-width:1019px){.rail{display:none}}@media (max-width:699px){.sidebar{display:none}.main{padding-bottom:calc(76px + env(safe-area-inset-bottom));border:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.topbar .wordmark{font-size:21px}.topbar .wordmark .wm-space{background:var(--bg)}.page-head.mobile-untitled .page-title{display:none}.profile-top .row .avatar{width:88px!important;height:88px!important}.profile-top .row{margin-top:-44px}.tabbar{z-index:30;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:4px 6px calc(4px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{width:52px;height:46px;color:var(--muted);border-radius:14px;place-items:center;display:grid;position:relative}.tabbar a.active{color:var(--green)}.tabbar .badge{background:var(--green);min-width:16px;height:16px;color:var(--green-ink);text-align:center;border-radius:8px;padding:0 4px;font-size:10px;font-weight:800;line-height:16px;position:absolute;top:4px;right:6px}.fab{z-index:30;right:16px;bottom:calc(70px + env(safe-area-inset-bottom));background:var(--green);width:58px;height:58px;color:var(--green-ink);box-shadow:var(--shadow);border-radius:18px;place-items:center;display:grid;position:fixed}}.page-head{z-index:20;background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0}.page-title{align-items:center;gap:18px;min-height:54px;padding:6px 16px;display:flex}.page-title h1{font-size:20px;font-weight:800;line-height:1.2}.page-title .sub{color:var(--muted);font-size:13px}.page-title .spacer{flex:1}.icon-btn{width:38px;height:38px;color:var(--text);border-radius:12px;flex-shrink:0;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--hover)}.tabs{scrollbar-width:none;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{text-align:center;min-width:84px;color:var(--muted);white-space:nowrap;flex:1 0 auto;padding:14px 16px;font-weight:600;transition:background .12s;position:relative}.tab:hover{background:var(--hover)}.tab.active{color:var(--text);font-weight:800}.tab.active:after{content:"";background:var(--green);border-radius:4px 4px 0 0;width:min(60px,70%);height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.btn{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:15px;font-weight:750;line-height:1.2;transition:background .12s,opacity .12s,border-color .12s;display:inline-flex}.btn:disabled{opacity:.55}.btn-primary{background:var(--green);color:var(--green-ink)}.btn-primary:not(:disabled):hover{background:var(--green-hover)}.btn-dark{background:var(--text);color:var(--surface)}.btn-dark:not(:disabled):hover{opacity:.88}.btn-outline{border:1.5px solid var(--border-strong);color:var(--text);background:0 0}.btn-outline:not(:disabled):hover{background:var(--hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger-outline{border:1.5px solid var(--danger);color:var(--danger)}.btn-danger-outline:hover{background:color-mix(in srgb, var(--danger) 10%, transparent)}.btn-ghost{color:var(--green-deep)}.btn-ghost:hover{background:var(--hover)}.btn-block{width:100%;padding:13px 18px;font-size:16px}.btn-sm{padding:6px 14px;font-size:14px}.btn-following:hover{border-color:var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent)}.field{flex-direction:column;gap:6px;display:flex}.field>label,.label{color:var(--text);font-size:13px;font-weight:700}.hint{color:var(--muted);font-size:13px}.hint.error,.error-text{color:var(--danger)}.hint.ok{color:var(--green-deep)}.input,.select,.textarea{border:1.5px solid var(--border-strong);background:var(--surface-raised);width:100%;color:var(--text);border-radius:12px;padding:12px 14px;font-size:16px;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus,.input-group:focus-within{border-color:var(--green);box-shadow:var(--ring);outline:none}.textarea{resize:vertical;min-height:90px;line-height:1.45}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 14px) 52%;background-repeat:no-repeat;background-size:6px 6px;padding-right:38px}.input-group{border:1.5px solid var(--border-strong);background:var(--surface-raised);border-radius:12px;align-items:center;transition:border-color .12s,box-shadow .12s;display:flex}.input-group .input{box-shadow:none;background:0 0;border:0;min-width:0}.input-group .addon{color:var(--muted);white-space:nowrap;align-items:center;padding:0 14px 0 0;font-size:15px;font-weight:600;display:inline-flex}.input-group .addon.pre{padding:0 0 0 14px}.code-input{letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.avatar{background:var(--green-soft);color:var(--green-deep);border-radius:30%;flex-shrink:0;place-items:center;font-weight:800;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.class-tag{background:var(--green-soft);height:19px;color:var(--green-deep);border-radius:6px;flex-shrink:0;align-items:center;gap:3px;padding:0 6px;font-size:12px;font-weight:750;line-height:1;display:inline-flex}a.class-tag:hover{background:var(--green);color:var(--green-ink)}.dot-badge{background:var(--green);min-width:16px;height:16px;color:var(--green-ink);text-align:center;border-radius:8px;padding:0 4px;font-size:10px;font-weight:800;line-height:16px;position:absolute;top:2px;right:0}.teacher-tag{background:var(--text);height:19px;color:var(--surface);border-radius:6px;flex-shrink:0;align-items:center;padding:0 6px;font-size:12px;font-weight:750;line-height:1;display:inline-flex}a.teacher-tag:hover{opacity:.85}.role-pick{grid-template-columns:1fr 1fr;gap:8px;display:grid}.role-pick button{text-align:left;border:1.5px solid var(--border-strong);background:var(--surface-raised);border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;transition:border-color .12s,box-shadow .12s;display:flex}.role-pick button b{align-items:center;gap:8px;font-size:15px;display:flex}.role-pick button span{color:var(--muted);font-size:12.5px}.role-pick button.on{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.role-pick button.on b svg{color:var(--green)}.mod-tag{color:var(--green);flex-shrink:0;display:inline-flex}.pill{background:var(--hover);color:var(--muted);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:650;display:inline-flex}.post{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:44px minmax(0,1fr);column-gap:12px;padding:12px 16px 6px;transition:background .12s;display:grid}.post:hover{background:color-mix(in srgb, var(--hover) 55%, transparent)}.post.no-hover{cursor:default}.post.no-hover:hover{background:0 0}.post .context{color:var(--muted);grid-column:1/-1;align-items:center;gap:8px;margin:-2px 0 4px 18px;font-size:13px;font-weight:650;display:flex}.post .context a:hover{text-decoration:underline}.post-head{align-items:center;gap:5px;min-width:0;font-size:15px;display:flex}.post-head .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:750;overflow:hidden}.post-head .name:hover{text-decoration:underline}.post-head .handle,.post-head .dot,.post-head .time{color:var(--muted);white-space:nowrap}.post-head .handle{text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.post-head .time:hover{text-decoration:underline}.post-head .menu-wrap{margin-left:auto}.reply-to{color:var(--muted);margin-top:1px;font-size:14px}.reply-to a{color:var(--green-deep);font-weight:600}.post-text{white-space:pre-wrap;margin-top:2px;font-size:15.5px;line-height:1.45}.rt-link{color:var(--green-deep);font-weight:600}.rt-link:hover{text-decoration:underline}.post-actions{justify-content:space-between;max-width:440px;margin:4px 0 0 -8px;display:flex}.act{color:var(--muted);font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;gap:4px;min-width:54px;padding:6px 8px;font-size:13px;transition:color .12s,background .12s;display:inline-flex}.act.tight{min-width:0}.act:hover{color:var(--green);background:color-mix(in srgb, var(--green) 10%, transparent)}.act.like:hover,.act.like.on{color:var(--like)}.act.like:hover{background:var(--like-soft)}.act.on{color:var(--green)}.act.like.on svg,.act.bookmark.on svg{fill:currentColor}@keyframes pop{40%{transform:scale(1.3)}}.act.on svg{animation:.25s pop}.post-focus{border-bottom:1px solid var(--border);padding:14px 16px 0}.post-focus .who{align-items:center;gap:12px;display:flex}.post-focus .post-text{margin-top:12px;font-size:18px}.post-focus .stamp{color:var(--muted);border-bottom:1px solid var(--border);padding:14px 0;font-size:14px}.post-focus .stats{border-bottom:1px solid var(--border);color:var(--muted);gap:18px;padding:12px 0;font-size:14px;display:flex}.post-focus .stats b{color:var(--text)}.post-focus .post-actions{justify-content:space-around;max-width:none;margin:0;padding:4px 0}.thread-line{position:relative}.thread-line:before{content:"";background:var(--border-strong);width:2px;position:absolute;top:60px;bottom:0;left:37px}.thread-line .post{border-bottom:0}.tombstone{background:var(--hover);color:var(--muted);border-radius:12px;margin:10px 16px;padding:14px 16px;font-size:14px}.media{border:1px solid var(--border);background:var(--border);border-radius:16px;gap:2px;margin-top:10px;display:grid;overflow:hidden}.media button{background:var(--hover);width:100%;height:100%;padding:0;display:block}.media img{object-fit:cover;width:100%;height:100%}.media.n1 img{max-height:520px}.media.n2{grid-template-columns:1fr 1fr;height:290px}.media.n3{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;height:300px}.media.n3>:first-child{grid-row:1/3}.media.n4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;height:300px}@media (max-width:500px){.media.n2,.media.n3,.media.n4{height:210px}}.composer{border-bottom:1px solid var(--border);grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px 16px 10px;display:grid}.composer textarea{resize:none;width:100%;min-height:52px;color:var(--text);background:0 0;border:0;outline:none;padding:8px 0;font-size:19px;line-height:1.4}.composer textarea::placeholder{color:var(--faint)}.composer textarea:focus-visible{box-shadow:none}.composer .bar{border-top:1px solid var(--border);align-items:center;gap:4px;margin-top:6px;padding-top:8px;display:flex}.composer .bar .spacer{flex:1}.composer .tool{width:36px;height:36px;color:var(--green);border-radius:11px;place-items:center;display:grid}.composer .tool:hover:not(:disabled){background:color-mix(in srgb, var(--green) 12%, transparent)}.composer .tool:disabled{opacity:.45}.counter{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-right:8px;font-size:13px;display:inline-flex}.counter.warn{color:#c98200}.counter.over{color:var(--danger);font-weight:700}.attachments{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:6px 0 4px;display:grid}.attachment{aspect-ratio:1;background:var(--hover);border:1px solid var(--border);border-radius:14px;position:relative;overflow:hidden}.attachment img{object-fit:cover;width:100%;height:100%}.attachment .remove{color:#fff;background:#0f140fb3;border-radius:9px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:6px;right:6px}.attachment .alt{color:#fff;background:#0f140fb3;border-radius:7px;padding:2px 8px;font-size:12px;font-weight:800;position:absolute;bottom:6px;left:6px}.attachment .alt.set{background:var(--green);color:var(--green-ink)}.replying-to{color:var(--muted);padding:0 0 4px;font-size:14px}.replying-to b{color:var(--green-deep);font-weight:650}.user-row{align-items:flex-start;gap:12px;padding:12px 16px;transition:background .12s;display:flex}.user-row:hover{background:color-mix(in srgb, var(--hover) 55%, transparent)}.user-row .info{flex:1;min-width:0}.user-row .line1{align-items:center;gap:5px;min-width:0;display:flex}.user-row .name{text-overflow:ellipsis;white-space:nowrap;font-weight:750;overflow:hidden}.user-row .handle{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.user-row .bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:14px;display:-webkit-box;overflow:hidden}.list-divided>*+*{border-top:1px solid var(--border)}.rail-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden}.rail-card>h3{padding:14px 16px 6px;font-size:19px;font-weight:850}.rail-card .more-link{color:var(--green-deep);padding:14px 16px;font-size:14px;font-weight:600;display:block}.rail-card .more-link:hover{background:var(--hover)}.rail-search{z-index:2;background:var(--bg);padding-bottom:2px;position:sticky;top:0}.search-box{position:relative}.search-box svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.search-box .input{background:var(--surface);border-radius:14px;padding-left:44px}.trend{padding:10px 16px;transition:background .12s;display:block}.trend:hover{background:var(--hover)}.trend .tag{font-weight:750}.trend .meta{color:var(--muted);font-size:13px}.rail-foot{color:var(--faint);padding:0 14px;font-size:12.5px;line-height:1.7}.rail-foot a:hover{text-decoration:underline}.ribbon-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:16px 70px 16px 18px;position:relative;overflow:hidden}.ribbon-card .ribbon{background:var(--green);width:38px;height:62px;color:var(--green-ink);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);place-items:center;padding-bottom:12px;display:grid;position:absolute;top:-1px;right:18px}.ribbon-card .kicker{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:750}.ribbon-card .big{letter-spacing:-.03em;margin:2px 0 8px;font-size:30px;font-weight:850;line-height:1.1}.ribbon-card .links{flex-wrap:wrap;gap:8px;display:flex}.empty{text-align:center;color:var(--muted);padding:48px 28px}.empty h2{color:var(--text);margin-bottom:6px;font-size:22px;font-weight:850}.empty p{max-width:360px;margin:0 auto 16px}.empty .art{background:var(--green-soft);width:64px;height:64px;color:var(--green);border-radius:20px;place-items:center;margin:0 auto 16px;display:grid}.loading{color:var(--green);place-items:center;padding:28px;display:grid}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.load-more{width:100%;color:var(--green-deep);padding:16px;font-weight:650;display:block}.load-more:hover{background:var(--hover)}.new-posts{z-index:15;justify-content:center;height:0;display:flex;position:sticky;top:112px}.new-posts button{box-shadow:var(--shadow);margin-top:10px}.boot{text-align:center;place-items:center;gap:16px;min-height:100vh;padding:24px;display:grid}.menu-wrap{position:relative}.menu{z-index:40;background:var(--surface-raised);border:1px solid var(--border);min-width:220px;box-shadow:var(--shadow);border-radius:14px;padding:6px;position:absolute;top:100%;right:0}.menu.up{inset:auto auto calc(100% + 6px) 0}.menu button,.menu a{text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:15px;font-weight:600;display:flex}.menu button:hover,.menu a:hover{background:var(--hover)}.menu .danger{color:var(--danger)}.modal-backdrop{z-index:60;background:var(--backdrop);justify-content:center;align-items:flex-start;padding:6vh 16px 16px;animation:.15s fade;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);width:600px;max-width:100%;box-shadow:var(--shadow);border-radius:22px;animation:.18s rise}.modal.narrow{width:440px}.modal-head{align-items:center;gap:12px;min-height:56px;padding:10px 12px;display:flex}.modal-head h2{flex:1;font-size:19px;font-weight:800}.modal-body{flex-direction:column;gap:16px;padding:4px 20px 20px;display:flex}.modal .composer{border-bottom:0;padding-top:4px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media (max-width:699px){.modal-backdrop{padding:0}.modal{border-radius:0;width:100%;min-height:100%}}.lightbox{z-index:70;background:#080c09eb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:10px;max-width:100%;max-height:88vh}.lightbox .close{color:#fff;background:#ffffff1f;position:absolute;top:14px;left:14px}.lightbox .nav{color:#fff;background:#ffffff1f;position:absolute;top:50%;transform:translateY(-50%)}.lightbox .nav.prev{left:14px}.lightbox .nav.next{right:14px}.lightbox .alt-text{color:#fff;background:#0009;border-radius:10px;max-width:min(600px,90vw);padding:8px 12px;font-size:14px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.toasts{z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--text);color:var(--surface);box-shadow:var(--shadow);border-radius:14px;max-width:90vw;padding:12px 18px;font-weight:600;animation:.2s rise}.toast.error{background:var(--danger);color:#fff}.toast.success{background:var(--green);color:var(--green-ink)}@media (max-width:699px){.toasts{bottom:calc(84px + env(safe-area-inset-bottom))}}.banner{aspect-ratio:3;background:var(--green);position:relative;overflow:hidden}.banner img{object-fit:cover;width:100%;height:100%}.banner.default{background:radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--green-ink) 22%, transparent) 0 18%, transparent 19%), repeating-linear-gradient(135deg, transparent 0 26px, #ffffff0d 26px 52px), var(--green)}.profile-top{padding:0 16px 14px}.profile-top .row{justify-content:space-between;align-items:flex-end;gap:12px;min-height:64px;margin-top:-54px;display:flex}.profile-top .avatar{border:4px solid var(--surface)}.profile-top .actions{gap:8px;padding-bottom:4px;display:flex}.profile-top h2{align-items:center;gap:6px;margin-top:10px;font-size:22px;font-weight:850;display:flex}.profile-top .handle-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-top .bio{white-space:pre-wrap;margin-top:12px}.profile-top .meta{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:14px;display:flex}.profile-top .meta>*{align-items:center;gap:5px;display:inline-flex}.profile-top .meta a{color:var(--green-deep);font-weight:600}.profile-top .meta a:hover{text-decoration:underline}.profile-top .meta a.class-ribbon{color:var(--green-ink);font-weight:800;text-decoration:none}.profile-top .counts{color:var(--muted);gap:18px;margin-top:12px;font-size:14px;display:flex}.profile-top .counts a:hover{text-decoration:underline}.profile-top .counts b{color:var(--text)}.class-ribbon{background:var(--green);color:var(--green-ink);border-radius:7px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.class-ribbon:hover{background:var(--green-hover)}.class-ribbon.teacher{background:var(--text)}.profile-top .meta a.class-ribbon.teacher{color:var(--surface)}.edit-banner{aspect-ratio:3;background:var(--green);border-radius:14px;position:relative;overflow:hidden}.edit-banner img{object-fit:cover;width:100%;height:100%}.edit-overlay{justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.edit-overlay button{color:#fff;background:#0f140f99;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.edit-overlay button:hover{background:#0f140fcc}.edit-avatar{width:-moz-fit-content;width:fit-content;margin-top:-50px;margin-left:14px;position:relative}.edit-avatar .avatar{border:4px solid var(--surface)}.class-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:16px;display:grid}.class-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:2px;padding:14px 14px 12px;transition:transform .12s,border-color .12s;display:flex;position:relative;overflow:hidden}.class-card:hover{border-color:var(--green);transform:translateY(-1px)}.class-card .name{letter-spacing:-.03em;background:var(--green);color:var(--green-ink);border-radius:10px;width:-moz-fit-content;width:fit-content;margin-bottom:6px;padding:0 10px;font-size:26px;font-weight:850}.class-card.mine{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.class-card .count{color:var(--muted);font-size:13px;font-weight:600}.class-card .mine-flag{background:var(--green);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);width:22px;height:34px;position:absolute;top:-1px;right:12px}.class-hero{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:18px 16px;display:flex}.class-hero .name-block{letter-spacing:-.03em;background:var(--green);color:var(--green-ink);border-radius:14px;padding:10px 16px;font-size:40px;font-weight:850;line-height:1}.class-hero .name-block.teachers{background:var(--text);color:var(--surface);place-items:center;padding:12px 14px;display:grid}.class-card.teachers .name{background:var(--text);color:var(--surface);padding:2px 10px;font-size:22px}.class-hero .info{flex:1;min-width:160px}.class-hero .info h2{font-size:20px;font-weight:850}.section{border-bottom:1px solid var(--border);flex-direction:column;gap:14px;padding:20px 16px;display:flex}.section h2{font-size:18px;font-weight:850}.section .desc{color:var(--muted);margin-top:-8px;font-size:14px}.seg{background:var(--hover);border-radius:13px;gap:4px;width:-moz-fit-content;width:fit-content;padding:4px;display:inline-flex}.seg button{color:var(--muted);border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-weight:650;display:inline-flex}.seg button.on{background:var(--surface-raised);color:var(--text);box-shadow:0 1px 3px #00000014}.report{border-bottom:1px solid var(--border)}.report .why{color:var(--muted);align-items:flex-start;gap:8px;padding:12px 16px 0;font-size:14px;display:flex}.report .why b{color:var(--text)}.report .post{border-bottom:0}.report .tools{flex-wrap:wrap;gap:8px;padding:0 16px 14px 72px;display:flex}.mod-heading{border-top:1px solid var(--border);align-items:center;gap:8px;padding:18px 16px 10px;font-size:17px;font-weight:850;display:flex}.mod-heading:first-of-type{border-top:0}.teacher-request{border-top:1px solid var(--border);grid-template-columns:44px minmax(0,1fr);gap:12px;padding:12px 16px;display:grid}.teacher-request .info{flex-direction:column;gap:3px;min-width:0;display:flex}.teacher-request .hint{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.teacher-request .tools{gap:8px;margin-top:8px;display:flex}.notice{background:var(--green-soft);color:var(--green-deep);border-radius:12px;margin:12px 16px;padding:12px 14px;font-size:14px;font-weight:550}.notif{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:12px 16px;transition:background .12s;display:grid}.notif:hover{background:color-mix(in srgb, var(--hover) 55%, transparent)}.notif.unread{background:color-mix(in srgb, var(--green-soft) 45%, transparent)}.notif .kind{justify-content:flex-end;padding-top:2px;display:flex}.notif .kind.like{color:var(--like)}.notif .kind.repost,.notif .kind.follow,.notif .kind.teacher_approved{color:var(--green)}.notif .kind.like svg{fill:currentColor}.notif .line{margin-top:6px}.notif .line b{font-weight:750}.notif .snippet{color:var(--muted);white-space:pre-wrap;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.notif-post{border-bottom:1px solid var(--border)}.notif-post .post{border-bottom:0}.notif-post.unread{background:color-mix(in srgb, var(--green-soft) 45%, transparent)}.landing{min-height:100vh;grid-template-columns:1.1fr 1fr;min-height:100dvh;display:grid}.landing .hero{flex-direction:column;justify-content:center;gap:28px;padding:48px clamp(24px,6vw,96px);display:flex}.hero-mark{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.hero-mark .block-green{background:var(--green);color:var(--green-ink);letter-spacing:-.045em;border-radius:.17em;padding:.1em .22em .16em;font-size:clamp(56px,9vw,116px);font-weight:850;line-height:1}.hero-mark .block-cream{background:var(--surface);color:var(--text);letter-spacing:-.03em;border-radius:.3em;padding:.32em 2.4em .36em .5em;font-size:clamp(22px,3.2vw,40px);font-weight:800;line-height:1.1;position:relative}.hero-mark .block-cream .ribbon{background:var(--green);width:1.25em;height:calc(100% + .9em);color:var(--text);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);place-items:center;padding-bottom:.4em;display:grid;position:absolute;top:0;right:.55em}.hero-points{gap:12px;max-width:460px;display:grid}.hero-points div{align-items:flex-start;gap:12px;font-size:16px;font-weight:550;display:flex}.hero-points svg{color:var(--green);flex-shrink:0;margin-top:2px}.landing .panel{justify-content:center;align-items:center;padding:32px 20px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);width:420px;max-width:100%;box-shadow:var(--shadow);border-radius:24px;flex-direction:column;gap:16px;padding:28px;display:flex}.auth-card h1{font-size:26px;font-weight:850}.auth-card .lead{color:var(--muted);margin-top:-8px}.auth-card .switch{text-align:center;color:var(--muted);font-size:14px}.auth-card .switch a,.auth-card .text-link{color:var(--green-deep);font-weight:700}.auth-card .switch a:hover,.auth-card .text-link:hover{text-decoration:underline}.auth-card .back{color:var(--muted);align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;font-size:14px;font-weight:600;display:inline-flex}.auth-card .back:hover{color:var(--text)}.auth-page{min-height:100vh;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100dvh;padding:24px 16px;display:flex}.auth-page>a .wordmark{font-size:30px}.form-error{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger);border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600}.form-note{background:var(--green-soft);color:var(--green-deep);border-radius:12px;padding:10px 12px;font-size:14px;font-weight:550}.pw-wrap{position:relative}.pw-wrap .input{padding-right:46px}.pw-wrap button{width:36px;height:36px;color:var(--muted);border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-wrap button:hover{background:var(--hover)}@media (max-width:899px){.landing{grid-template-columns:minmax(0,1fr);align-content:center}.landing .hero{gap:22px;padding:40px 22px 8px}.hero-points{display:none}.landing .panel{align-items:flex-start;padding:16px 16px 40px}}