.post-rec{display:flex;align-items:center;gap:6px;margin:-2px 36px 10px 0;color:var(--soft);font-size:12px;font-weight:600}.post-rec svg{flex:none;width:14px;height:14px;fill:currentColor;stroke:none}.post-rec span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-gone{opacity:0!important;transform:scale(.97);transition:opacity .25s ease,transform .25s ease}.sugg{margin:0 0 10px;padding:14px 0;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--sf)}.sugg-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px 10px}.sugg-head b{font-size:15px;font-weight:650}.sugg-close{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:none;color:var(--soft);display:grid;place-items:center}.sugg-close svg,.sugg-x svg{width:16px;height:16px}.sugg-row{display:flex;gap:8px;padding:0 14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.sugg-row::-webkit-scrollbar{display:none}.sugg-card{position:relative;flex:none;width:142px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px 10px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg);text-align:center;cursor:pointer;transition:opacity .25s,transform .25s}.sugg-card .av{width:64px;height:64px;font-size:24px;margin-bottom:4px}.sugg-card b{max-width:100%;font-size:13.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sugg-card small{min-height:30px;color:var(--soft);font-size:11.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sugg-follow{width:100%;margin-top:6px;padding:7px 0;font-size:13px}.sugg-card .ghost.sugg-follow{color:var(--soft)}.sugg-x{position:absolute;top:4px;right:4px;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:none;color:var(--soft);display:grid;place-items:center}.sugg-wrap{position:relative}.sugg-row{scroll-padding-inline:14px}.sugg-nav{position:absolute;top:50%;z-index:3;width:32px;height:32px;margin-top:-16px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--sf);color:var(--ink);display:grid;place-items:center;box-shadow:0 3px 10px #0000001f;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .1s}.sugg-nav:active{transform:scale(.92)}.sugg-nav[hidden]{display:none}.sugg-nav.prev{left:6px}.sugg-nav.next{right:6px}.sugg-nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.explore-h{margin:16px 2px 8px;font-size:15px;font-weight:700;color:var(--ink)}#searchResults>.sugg:first-child{margin-top:2px}.explore-topics{display:flex;flex-wrap:wrap;gap:6px}.explore-topics button{padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--sf);color:var(--ink);font-size:13px;font-weight:600}.explore-topics button:active{background:var(--sf2)}.explore-grid{margin-bottom:4px}.search-box{margin-bottom:12px;gap:8px}.search-field{position:relative}.search-field input{padding-right:44px!important}.search-clear{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--soft);cursor:pointer}.search-clear[hidden]{display:none}.search-clear:active{background:var(--line)}.search-clear svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.search-cats{display:flex;gap:6px;margin:0 -4px;padding:0 4px;overflow-x:auto;scrollbar-width:none}.search-cats::-webkit-scrollbar{display:none}.search-cats button{flex:none;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--sf);color:var(--ink);font-size:13px;font-weight:600}.search-cats button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.search-user{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;cursor:pointer}.search-user .av{width:44px;height:44px}.search-user-text{flex:1;min-width:0;display:grid}.search-user-text b{font-size:14.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-user-text small{color:var(--soft);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-user .sugg-follow{width:auto;margin:0;padding:7px 14px;flex:none}.search-following{flex:none;padding:7px 12px;border:1px solid var(--line);border-radius:var(--radius-s);color:var(--soft);font-size:12px;font-weight:600}.teacher-apply-box{display:grid;gap:6px;margin:4px 0 14px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--sf2)}.teacher-apply-box b{font-size:14px}.teacher-apply-box span{color:var(--soft);font-size:13px;line-height:1.45}.teacher-apply-box button{justify-self:start;margin-top:4px;padding:8px 14px;font-size:13px}.teacher-apply-layer.modal-overlay{display:flex;align-items:flex-end;justify-content:center;padding:0;background:#080a0e73;z-index:200}.teacher-apply-sheet{width:100%;max-width:560px;max-height:92vh;display:flex;flex-direction:column;border-radius:20px 20px 0 0;background:var(--bg);animation:reelPopIn .18s ease-out}.teacher-apply-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px 18px;border-bottom:1px solid var(--line)}.teacher-apply-head b{font-size:16px}.teacher-apply-body{flex:1;min-height:0;overflow-y:auto;padding:14px 16px}.teacher-agreement{max-height:38vh;overflow-y:auto;margin-bottom:14px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--sf);font-size:13px;line-height:1.5;color:var(--ink)}.teacher-agreement h4{margin:0 0 8px;font-size:14px}.teacher-agreement p{margin:0 0 8px}.teacher-agreement ol{margin:0 0 8px;padding-left:18px;display:grid;gap:6px}.teacher-apply-count{display:block;margin-top:4px;color:var(--soft);font-size:12px;text-align:right}.teacher-apply-check{display:flex;align-items:flex-start;gap:10px;margin-top:12px;font-size:13px;line-height:1.45;cursor:pointer}.teacher-apply-check input{flex:none;width:20px;height:20px;margin-top:1px;accent-color:var(--ink)}.teacher-apply-actions{display:flex;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}.teacher-apply-actions button{flex:1;padding:12px}.teacher-apply-actions .pri:disabled{opacity:.4}#adminPage .seg{flex-wrap:wrap}#adminPage .seg .admin-tab-button{flex:1 1 calc(50% - 6px);min-width:0}.adm-teacher-req{margin:10px 16px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--sf)}.adm-teacher-req .admin-profile-trigger{width:100%}.adm-teacher-text{margin:10px 0 0;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.adm-teacher-note{margin:8px 0 0;color:var(--soft);font-size:13px}.adm-teacher-actions{display:flex;gap:8px;margin-top:12px}.adm-teacher-actions button{flex:1;padding:10px;font-size:13px}.adm-teacher-h{margin:18px 16px 4px;color:var(--soft);font-size:13px}nav button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.post{margin:0 -12px;padding:14px 16px 6px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.post .dropdown{top:10px;right:8px}#home>.post:first-child,#home>.box:first-child+.post{border-top:0}#home .sugg{margin:0 -12px;padding:14px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}#home .sugg-card{background:var(--sf)}.me-handle{margin-top:1px;color:var(--soft);font-size:13.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.handle-input{display:flex;align-items:center;border-radius:var(--radius-s);background:var(--sf2);border:1px solid transparent}.handle-input:focus-within{border-color:var(--ink)}.handle-input i{padding:0 0 0 12px;color:var(--soft);font-style:normal;font-weight:600}.handle-input input{flex:1;min-width:0;border:0!important;background:transparent!important;padding-left:4px!important}.handle-hint{display:block;margin-top:5px;color:var(--soft);font-size:12px}.auth-fields .handle-input{min-height:48px;box-sizing:border-box;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.auth-fields .handle-input input{min-height:46px;box-shadow:none!important}.auth-fields .handle-hint{padding-left:4px}.handle-hint.ok{color:#16a34a}.handle-hint.bad{color:var(--danger)}body.is-guest #mainHeader{justify-content:center}body.is-guest #mainHeader .header-right{display:none}body.is-guest #logoBtn{margin-left:0}.guest-prompt-overlay{place-items:end center;padding:0;background:#080a0e8c;backdrop-filter:none;-webkit-backdrop-filter:none}.guest-prompt-overlay.show{display:grid}.guest-prompt-card{position:relative;width:100%;max-width:480px;margin:0;padding:10px 22px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:stretch;text-align:left;border:0;border-radius:24px 24px 0 0;background:var(--sf);color:var(--ink);box-shadow:0 -12px 40px #0000002e;animation:guestSheetUp .32s cubic-bezier(.2,.8,.2,1) both;aspect-ratio:auto;min-height:0;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain}.guest-prompt-card:before{display:none}@keyframes guestSheetUp{0%{transform:translateY(100%)}to{transform:none}}.guest-prompt-grab{align-self:center;width:40px;height:4px;margin-bottom:14px;border-radius:4px;background:var(--line)}.guest-prompt-close{top:14px;right:14px;width:32px;height:32px;border:0;background:var(--sf2)}.guest-prompt-close svg{width:16px;height:16px;fill:none;stroke:var(--soft);stroke-width:2.4;stroke-linecap:round}.guest-prompt-logo{margin:0 0 10px;font-size:34px}.guest-prompt-card h2{max-width:none;margin:0 0 4px;font-size:22px;line-height:1.25;letter-spacing:-.3px}.guest-prompt-lead{max-width:none!important;margin:0 0 16px!important;color:var(--soft);font-size:14px!important}.guest-prompt-perks{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:12px}.guest-prompt-perks li{display:flex;align-items:center;gap:12px}.guest-prompt-perks i{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--sf2)}.guest-prompt-perks svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.guest-prompt-perks span{display:grid;gap:1px;color:var(--soft);font-size:12.5px;line-height:1.35}.guest-prompt-perks b{color:var(--ink);font-size:14px;font-weight:650}.guest-prompt-buttons{gap:8px}.guest-prompt-buttons button{min-height:48px;border-radius:var(--radius-s);font-size:14.5px;font-weight:650}.guest-prompt-register{border:1px solid var(--ac-edge);color:var(--on);background:var(--ac);box-shadow:none}.guest-prompt-login{border:1px solid var(--line);color:var(--ink);background:var(--sf)}.guest-prompt-later{align-self:center;margin-top:10px;padding:8px 12px;border:0;background:none;color:var(--soft);font-size:13px;font-weight:600}.search-more{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}.search-more button{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--sf);color:var(--ink);font-size:13px;font-weight:600}.photo-viewer{--pv-dim:1;position:fixed;inset:0;z-index:99000;display:flex;align-items:center;justify-content:center;touch-action:none;overflow:hidden;background:rgba(10,12,16,calc(.9 * var(--pv-dim)));opacity:0;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.photo-viewer.on{opacity:1}.photo-viewer-img{max-width:100vw;max-height:100vh;max-height:100dvh;object-fit:contain;transform-origin:center center;will-change:transform;-webkit-user-drag:none;pointer-events:auto;transform:scale(.92);transition:transform .2s ease}.photo-viewer.on .photo-viewer-img{transform:scale(1)}.photo-viewer-x{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:12px;z-index:1;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#ffffff29}.photo-viewer-x svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}.post img.ph,.me-head img.av{-webkit-user-drag:none}.ptr{--ptr-y:0px;--ptr-p:0;position:fixed;left:50%;z-index:400;width:38px;height:38px;margin-left:-19px;display:grid;place-items:center;pointer-events:none;border-radius:50%;background:var(--sf);border:1px solid var(--line);box-shadow:0 6px 18px #0f121e29;opacity:0;transform:translateY(calc(var(--ptr-y) - 46px)) scale(.6);transition:transform .22s ease,opacity .18s ease}.ptr.pulling,.ptr.spinning{opacity:1;transform:translateY(calc(var(--ptr-y) + 6px)) scale(calc(.6 + var(--ptr-p) * .4))}.ptr.pulling{transition:none}.ptr.spinning{--ptr-y:40px;transform:translateY(46px) scale(1)}.ptr svg{width:22px;height:22px;fill:none;stroke:var(--ac);stroke-width:2.6;stroke-linecap:round;transform:rotate(calc(var(--ptr-p) * 270deg - 90deg))}.ptr circle{stroke-dasharray:56.5;stroke-dashoffset:calc(56.5 - var(--ptr-p) * 42);transition:stroke-dashoffset .1s linear}.ptr.ready svg{stroke:var(--ac)}.ptr.spinning svg{animation:kSpin .8s linear infinite}.ptr.spinning circle{stroke-dashoffset:40;animation:kArc 1.4s ease-in-out infinite}@keyframes kSpin{to{transform:rotate(360deg)}}@keyframes kArc{0%,to{stroke-dashoffset:44}50%{stroke-dashoffset:14}}.k-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:42px 16px;color:var(--soft);font-size:13px}.k-spin{width:30px;height:30px;display:block}.k-spin svg{width:100%;height:100%;fill:none;stroke:var(--ac);stroke-width:2.6;stroke-linecap:round;animation:kSpin .8s linear infinite}.k-spin circle{stroke-dasharray:56.5;animation:kArc 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.ptr.spinning svg,.k-spin svg{animation-duration:1.6s}}body:not(.is-guest) .me-head img.av{cursor:zoom-in}#reels .rc-text-only{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.is-guest .post .dropdown,body.is-guest #reels .rc-act-item:has([data-rl-opt]),body.is-guest [data-rl-opt]{display:none!important}#reels .rc>div{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#reels .rc>div .rc-actions,#reels .rc>div .reel-overlay-bottom,#reels .rc>div .reel-progress-container,#reels .rc>div .reel-center-play,#reels .rc>div .reel-mute-btn{transition:opacity .18s ease}#reels .rc>div.hold-clean .rc-actions,#reels .rc>div.hold-clean .reel-overlay-bottom,#reels .rc>div.hold-clean .reel-progress-container,#reels .rc>div.hold-clean .reel-center-play,#reels .rc>div.hold-clean .reel-mute-btn{opacity:0!important;pointer-events:none}.k-sheet-layer.modal-overlay{align-items:flex-end;padding:0;background:#080a0e00;transition:background .2s ease}.k-sheet-layer.open{background:#080a0e73}.k-sheet{width:100%;max-width:520px;margin:0 auto;box-sizing:border-box;padding:8px 16px calc(18px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;background:var(--sf);color:var(--ink);box-shadow:0 -10px 40px #0000002e;transform:translateY(100%);transition:transform .24s cubic-bezier(.2,.9,.25,1)}.k-sheet-layer.open .k-sheet{transform:none}.k-sheet-grip{width:38px;height:4px;margin:2px auto 12px;border-radius:4px;background:var(--line)}.k-sheet h3{margin:0 0 12px;font-size:16px;text-align:center}.subject-all{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);font-size:14px;font-weight:700;cursor:pointer}.subject-all small{color:var(--soft);font-weight:600}.subject-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.subject-btn{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:94px;padding:10px 4px 8px;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--ink);cursor:pointer;transition:transform .12s ease}.subject-btn:active,.subject-all:active{transform:scale(.96)}.subject-ic{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:var(--subject-c);background:color-mix(in srgb,var(--subject-c) 14%,transparent)}.subject-btn b{font-size:11.5px;line-height:1.2;text-align:center;overflow-wrap:anywhere}.subject-btn small{color:var(--soft);font-size:10.5px;font-weight:600}.subject-btn[aria-pressed=true]{border-color:var(--subject-c);box-shadow:0 0 0 2px color-mix(in srgb,var(--subject-c) 30%,transparent)}.subject-btn[aria-pressed=true] .subject-ic{color:#fff;background:var(--subject-c)}.subject-all[aria-pressed=true]{border-color:var(--ac);box-shadow:0 0 0 2px color-mix(in srgb,var(--ac) 30%,transparent)}.subject-own{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.subject-own span{flex:1;color:var(--soft);font-size:13px;font-weight:600}.subject-own button{padding:8px 14px;font-size:13px}.subject-own .danger{color:var(--danger)}.reel-edit-card label[hidden]{display:none!important}.subject-pick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:6px 0 4px}.subject-pick .subject-btn{min-height:78px;padding:8px 2px 6px}.subject-pick .subject-ic{width:36px;height:36px;border-radius:12px}@media(prefers-reduced-motion:reduce){.k-sheet,.k-sheet-layer.modal-overlay{transition:none}}