:root,:root[data-theme=light]{color-scheme:light;--bg: #FCFBF8;--surface: #FFFFFF;--canvas: #F7F6F0;--canvas-deep: #EDECE6;--border: #ECEAE2;--border-soft: #EFEDE6;--border-strong: #E4E2DA;--text: #1E1E1B;--text-2: #6F6E68;--text-3: #7C7B74;--text-faint: #9C9A93;--lime: #DCFF57;--lime-ink: #1A1A1E;--badge-bg: #E4F78E;--badge-ink: #3E4600;--live-bg: #FBFFE4;--live-border: #C4D165;--live-ink: #454A24;--caret: #7FA800;--accent-text: #556000;--erased: #6F6D66;--bubble-in: #F1F0EA;--bubble-out: #DCFF57;--bubble-out-ink: #1A1A1E;--danger: #C4402C;--btn-bg: #1A1A1E;--btn-ink: #DCFF57;--accent-ink: #1A1A1E;--link: #556000;--link-hover: #6B7A00;--nav: #6F6E68;--nav-active: #1A1A1E;--bar: #1A1A1E;--overlay: rgba(20, 20, 16, .55);--shadow: 0 8px 30px rgba(20, 20, 16, .1);--media-fade: 1;--dark-bg: #1A1A1E;--dark-bg-warm: #1F1E19;--dark-stage: #0E0E11;--dark-surface: #26262B;--dark-elev: #2A2A30;--dark-border: #33333A;--dark-text: #F5F4EE;--dark-text-2: #8E8D85}:root[data-theme=dark]{color-scheme:dark;--bg: #17171A;--surface: #1E1E22;--canvas: #26262B;--canvas-deep: #121215;--border: #2E2E34;--border-soft: #292930;--border-strong: #3A3A42;--text: #F1F0EA;--text-2: #A2A099;--text-3: #8E8C85;--text-faint: #6F6D66;--badge-bg: #3E4600;--badge-ink: #DCFF57;--live-bg: #23280F;--live-border: #6E7C22;--live-ink: #DDF29A;--caret: #C6EE4B;--accent-text: #C6EE4B;--erased: #9A988F;--bubble-in: #26262B;--bubble-out: #DCFF57;--bubble-out-ink: #1A1A1E;--danger: #F07A67;--btn-bg: #DCFF57;--btn-ink: #1A1A1E;--accent-ink: #1A1A1E;--link: #C6EE4B;--link-hover: #DCFF57;--nav: #949289;--nav-active: #DCFF57;--bar: #DCFF57;--overlay: rgba(6, 6, 8, .66);--shadow: 0 8px 30px rgba(0, 0, 0, .45);--media-fade: .94}*{box-sizing:border-box;text-transform:lowercase}.keep-case,a.keep-case,.username{text-transform:none}html,body,#root{height:100%;height:100dvh}@media(display-mode:standalone){html,body{overscroll-behavior-y:none}}body{-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--canvas-deep);font-family:Rubik,system-ui,-apple-system,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0}input,textarea{outline:none;border:none;background:none;resize:none}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}@keyframes caretBlink{0%,45%{opacity:1}50%,to{opacity:0}}@keyframes pulseRing{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes eqBar{0%,to{height:4px}50%{height:12px}}.frame{display:flex;flex-direction:column;height:100%;background:var(--bg)}.topnav{display:flex;align-items:center;gap:22px;flex:none;padding:calc(12px + env(safe-area-inset-top)) 22px 12px;border-bottom:1px solid var(--border);background:var(--surface)}.topnav .brand{font-size:17px;font-weight:600;letter-spacing:-.3px}.topnav .brand i{color:var(--caret);font-style:normal}.topnav nav{display:flex;gap:18px;font-size:14px}.topnav nav a{color:var(--text-2)}.topnav nav a.active{color:var(--text);font-weight:500}@media(max-width:760px){.topnav nav{display:none}}.app{flex:1;min-height:0;display:grid;grid-template-columns:300px minmax(0,1fr) 320px;background:var(--bg);width:100%}.app.two{grid-template-columns:300px minmax(0,1fr)}.app.one{grid-template-columns:minmax(0,1fr)}.col-left{border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;min-height:0}.col-main{display:flex;flex-direction:column;min-height:0;background:var(--bg)}.col-right{border-left:1px solid var(--border);background:var(--surface);overflow-y:auto;padding:20px}@media(max-width:1100px){.app,.app.two{grid-template-columns:260px minmax(0,1fr)}.col-right{display:none}}@media(max-width:760px){.app,.app.two,.app.one{grid-template-columns:minmax(0,1fr)}.col-left{display:none}.app.mobile-left .col-left{display:flex}.app.mobile-left .col-main{display:none}.col-main{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.input-bar textarea,input,textarea{font-size:16px}.card{border-radius:18px}}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column}.spacer{flex:1}.muted{color:var(--text-2)}.tiny{font-size:12px}.small{font-size:13px}.strike{text-decoration:line-through}.avatar{border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:600;flex:none;-webkit-user-select:none;user-select:none}.avatar.ring-live{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--live-border)}.pill{border-radius:999px;padding:12px 22px;background:var(--btn-bg);color:var(--btn-ink);font-weight:500;font-size:15px;display:inline-flex;align-items:center;gap:8px;justify-content:center}.pill.ghost{background:var(--canvas);color:var(--text);border:1px solid var(--border)}.pill.lime{background:var(--lime);color:var(--accent-ink)}.pill.dead{opacity:.45;cursor:not-allowed}.pill:active{transform:scale(.985)}.chip{border-radius:999px;padding:4px 10px;font-size:12px;background:var(--canvas);border:1px solid var(--border);display:inline-flex;align-items:center;gap:5px}.chip.live{background:var(--live-bg);border:1px dashed var(--live-border);color:var(--live-ink)}.chip.badge{background:var(--badge-bg);border-color:transparent;color:var(--badge-ink);font-weight:500}.chip.on{background:var(--btn-bg);color:var(--btn-ink);border-color:transparent;font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px}.card.lg{border-radius:20px}.section-title{font-size:12px;font-weight:500;color:var(--text-2);margin-bottom:10px}.bubble{max-width:78%;padding:10px 14px;font-size:15.5px;line-height:1.4;border-radius:20px 20px 20px 6px;background:var(--bubble-in);align-self:flex-start;word-break:break-word;white-space:pre-wrap}.bubble.out{align-self:flex-end;background:var(--bubble-out);color:var(--bubble-out-ink);border-radius:20px 20px 6px}.bubble.live{background:var(--live-bg);border:1.5px dashed var(--live-border);color:var(--live-ink)}.bubble.erased{background:var(--canvas);color:var(--erased);font-style:italic;text-decoration:line-through}.caret{display:inline-block;width:2px;height:1.05em;background:var(--caret);margin-left:1px;vertical-align:-2px;border-radius:1px;animation:caretBlink 1.1s step-end infinite}.tabbar{position:fixed;left:0;right:0;bottom:0;display:none;height:calc(68px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);align-items:flex-start;justify-content:space-around;padding:8px 0 env(safe-area-inset-bottom);z-index:40}@media(max-width:760px){.tabbar{display:flex}}.tabbar a,.tab-more{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--nav);flex:1;line-height:1}.tab-more.active{color:var(--nav-active);font-weight:600}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:45}.more-sheet{position:fixed;left:0;right:0;z-index:46;bottom:calc(68px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);border-radius:20px 20px 0 0;padding:14px 16px 10px;box-shadow:var(--shadow)}.more-row{padding:11px 0;border-bottom:1px solid var(--border-soft);color:var(--text);gap:10px}.more-row:last-child{border-bottom:none}@media(min-width:761px){.more-sheet,.sheet-backdrop{display:none}}.tabbar a.active{color:var(--nav-active);font-weight:600}.tabbar a svg,.tab-more svg{display:block}.dark{background:var(--dark-bg);color:var(--dark-text)}.dark .muted{color:var(--dark-text-2)}.dark .card{background:var(--dark-surface);border-color:var(--dark-border)}.dark .chip{background:var(--dark-elev);border-color:var(--dark-border);color:var(--dark-text)}.dark .input-bar{background:var(--dark-bg-warm);border-color:var(--dark-border)}.dark .input-bar textarea{background:var(--dark-elev);border-color:var(--dark-border);color:var(--dark-text)}.dark a{color:#c6ee4b}.scroll{overflow-y:auto;min-height:0}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.list-row{display:flex;gap:12px;padding:12px 16px;align-items:center;cursor:pointer;border-bottom:1px solid var(--border-soft)}.list-row:hover,.list-row.active{background:var(--canvas)}.input-bar{display:flex;align-items:flex-end;gap:10px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface)}.input-bar textarea{flex:1;max-height:120px;padding:10px 14px;background:var(--canvas);border-radius:20px;border:1px solid var(--border);font-size:15px;line-height:1.35}.input-bar textarea::placeholder{color:var(--text-3)}.send{width:38px;height:38px;border-radius:999px;background:var(--btn-bg);color:var(--btn-ink);display:flex;align-items:center;justify-content:center;flex:none;font-size:16px}.icon-btn{width:38px;height:38px;border-radius:999px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--canvas);border:1px solid var(--border);color:var(--text-2);cursor:pointer}.icon-btn:hover{color:var(--text)}.dark .icon-btn{background:var(--dark-elev);border-color:var(--dark-border);color:var(--dark-text-2)}.attach-preview{display:flex;align-items:center;gap:10px;margin:0 16px;padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--canvas)}.attach-thumb{width:46px;height:46px;border-radius:10px;object-fit:cover;flex:none;background:var(--dark-stage)}.dark .attach-preview{background:var(--dark-elev);border-color:var(--dark-border)}.topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface);flex:none}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.eq span{width:3px;background:var(--caret);border-radius:1px;animation:eqBar 1s ease-in-out infinite}.eq span:nth-child(2){animation-delay:.15s}.eq span:nth-child(3){animation-delay:.3s}.progress{height:3px;background:var(--border);border-radius:3px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--bar)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}.msg-actions{opacity:0;transition:opacity .12s}.col:hover>.msg-actions,.msg-actions:focus-within{opacity:1}.msg-more{padding:0 8px;line-height:1.4}@media(hover:none){.msg-actions{opacity:.55}}:root[data-theme=dark] .feed-media img,:root[data-theme=dark] .card img{filter:brightness(var(--media-fade))}.clips{display:flex;flex:1;min-height:0;position:relative}.clips-stage{flex:1;min-width:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--dark-stage);touch-action:pan-x}.clips-video{width:100%;height:100%;object-fit:contain;background:var(--dark-stage);display:block}.clips-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--dark-text-2);font-size:13px}.clips-top{position:absolute;top:0;left:0;right:0;padding:12px 16px;z-index:3}.clips-live{position:absolute;left:16px;right:86px;bottom:190px;z-index:3}.clips-caption{position:absolute;left:16px;right:86px;bottom:16px;z-index:3}.clips-chip{background:#0e0e118c;border-color:transparent;color:var(--dark-text)}.clips-chip:disabled{opacity:.35}.clips-tab{background:none;border:none;padding:2px 0;cursor:pointer;font:inherit;font-size:15px;font-weight:600;color:var(--dark-text-2);position:relative}.clips-tab[data-on=true]{color:var(--dark-text)}.clips-tab[data-on=true]:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;background:var(--lime)}.clips-rail{position:absolute;right:12px;bottom:24px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:16px}.clips-action{align-items:center;gap:3px;color:var(--dark-text)}.clips-arrows{position:absolute;right:12px;top:74px;z-index:4;display:flex;gap:6px}.clips-sound-btn{display:inline-flex;align-items:center;gap:5px;margin-top:6px;background:#0e0e118c;color:var(--dark-text);border:none;border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer}.studio{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000;color:#fff;display:flex;flex-direction:column}.studio-head{display:flex;align-items:center;gap:8px;padding:12px 14px;z-index:2}.studio-stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}.studio-video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.studio-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:2px}.studio-sound-chip{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#0000008c;color:#fff;border:none;border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-masks{display:flex;gap:8px;padding:10px 14px;overflow-x:auto}.studio-mask{flex:none;background:#ffffff1f;color:#fff;border:1px solid transparent;border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer}.studio-mask.on{border-color:var(--lime);color:var(--lime)}.studio-controls{display:flex;align-items:center;justify-content:space-between;padding:8px 32px 24px;gap:16px}.studio-side{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:#fff;cursor:pointer;width:56px}.studio-shutter{width:74px;height:74px;border-radius:999px;cursor:pointer;background:#fff;border:5px solid rgba(255,255,255,.45)}.studio-shutter.rec{background:var(--danger);border-radius:20px;width:60px;height:60px}.studio-foot{display:flex;align-items:center;gap:10px;padding:12px 16px 24px}.studio-caption{flex:1;padding:12px 14px;border-radius:14px;font-size:16px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff}.studio-caption::placeholder{color:#ffffff80}.clips-comments{width:380px;flex:none;display:flex;flex-direction:column;min-height:0;background:var(--surface);border-left:1px solid var(--border)}.clips-sheet-close,.clips-badge,.clips-backdrop{display:none}@media(max-width:900px){.clips-comments{position:fixed;left:0;right:0;bottom:0;width:auto;z-index:55;height:72vh;border-left:none;border-top:1px solid var(--border);border-radius:20px 20px 0 0;transform:translateY(102%);transition:transform .22s ease;padding-bottom:env(safe-area-inset-bottom)}.clips-comments.open{transform:translateY(0)}.clips-sheet-close{display:inline-flex}.clips-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0e0e1180;z-index:54}.clips-badge{display:block;position:absolute;left:16px;bottom:8px;z-index:4;background:#0e0e119e;color:var(--dark-text);border-radius:999px;padding:5px 12px;font-size:12px}.clips-caption{bottom:44px;right:78px}.clips-live{bottom:210px;right:78px}.clips-arrows{display:none}.clips-rail{bottom:44px}}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field-input{width:100%;min-width:0;padding:10px 12px;font-size:16px;background:var(--canvas);border:1px solid var(--border);border-radius:12px;color:var(--text)}.field-input::placeholder{color:var(--text-3)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:420px){.field-row{grid-template-columns:1fr}}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.photo-cell{position:relative;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.photo-cell img{width:100%;height:100%;object-fit:cover;display:block}.photo-add{font-size:12px;color:var(--text-2)}.call{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:100%}.call-stage{position:relative;min-width:0;background:var(--dark-stage)}.call-remote{width:100%;height:100%;object-fit:cover;background:var(--dark-stage);display:block}.call-top{position:absolute;top:calc(14px + env(safe-area-inset-top));left:16px;right:160px}.call-local{position:absolute;right:16px;top:calc(14px + env(safe-area-inset-top));width:108px;height:148px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:var(--dark-elev)}.call-draft{position:absolute;left:16px;right:16px;bottom:104px;background:var(--live-bg);border:1.5px dashed var(--live-border);color:var(--live-ink)}.call-controls{position:absolute;left:0;right:0;display:flex;justify-content:center;gap:12px;bottom:calc(20px + env(safe-area-inset-bottom));flex-wrap:wrap;padding:0 12px}.call-btn{width:52px;height:52px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:18px}.call-chat-toggle{position:relative}.call-chat-dot{position:absolute;top:10px;right:12px;width:8px;height:8px;border-radius:999px;background:var(--lime)}.call-hangup{background:var(--danger);color:#fff;border:none}.call-chat-toggle{display:none}.call-ringing{position:absolute;left:0;right:0;top:0;bottom:92px;display:flex;align-items:center;justify-content:center;background:#0606089e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.call-chat-close{display:none}.call-chat{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--dark-border);background:var(--dark-bg)}.call-chat .input-bar{background:var(--dark-bg-warm);border-color:var(--dark-border)}.call-chat .input-bar textarea{background:var(--dark-elev);border-color:var(--dark-border);color:var(--dark-text)}@media(max-width:900px){.call{grid-template-columns:minmax(0,1fr)}.call-chat{position:fixed;left:0;right:0;bottom:0;z-index:60;height:70vh;border-left:none;border-top:1px solid var(--dark-border);border-radius:20px 20px 0 0;transform:translateY(102%);transition:transform .22s ease;padding-bottom:env(safe-area-inset-bottom)}.call.chat-open .call-chat{transform:translateY(0)}.call-chat-toggle,.call-chat-close{display:flex}.call-local{width:84px;height:116px}.call-top{right:112px}.call-draft{bottom:96px}}