:root{color-scheme:light;--brand: #f95100;--primary: var(--brand);--primary-ink: color-mix(in srgb, var(--primary) 62%, #000000);--primary-text: color-mix(in srgb, var(--primary) 62%, #000000);--primary-fill: var(--primary);--primary-fill-hover: color-mix(in srgb, var(--primary) 90%, #000000);--primary-hover: color-mix(in srgb, var(--primary) 86%, #000000);--primary-soft: color-mix(in srgb, var(--primary) 14%, #ffffff);--primary-faint: color-mix(in srgb, var(--primary) 6%, #ffffff);--accent: color-mix(in srgb, var(--primary) 76%, #000000);--accent-soft: color-mix(in srgb, var(--primary) 20%, #ffffff);--success: color-mix(in srgb, var(--primary) 60%, #4a4a4a);--warning: color-mix(in srgb, var(--primary) 70%, #5e5e5e);--danger: color-mix(in srgb, var(--primary) 62%, #000000);--danger-fill: color-mix(in srgb, var(--primary) 70%, #000000);--bg: color-mix(in srgb, var(--primary) 3%, #fafafa);--surface: #ffffff;--surface-2: color-mix(in srgb, var(--primary) 6%, #ffffff);--surface-3: color-mix(in srgb, var(--primary) 11%, #ffffff);--text: color-mix(in srgb, var(--primary) 12%, #141414);--muted: color-mix(in srgb, var(--primary) 12%, #6b6b6b);--outline: color-mix(in srgb, var(--primary) 13%, #e9e9e9);--waveform-idle: color-mix(in srgb, var(--primary) 28%, #e4e4e4);--code-bg: color-mix(in srgb, var(--primary) 5%, #121212);--code-surface: color-mix(in srgb, var(--primary) 9%, #181818);--code-border: color-mix(in srgb, var(--primary) 28%, #2c2c2c);--code-text: color-mix(in srgb, var(--primary) 5%, #f7f7f7);--code-muted: color-mix(in srgb, var(--primary) 40%, #8f8f8f);--shadow-tint: color-mix(in srgb, var(--primary) 30%, #000000);--brand-coral: color-mix(in srgb, var(--brand) 62%, #e5383b);--brand-apricot: color-mix(in srgb, var(--brand) 58%, #ffc06a);--brand-gradient-from: #fb8c7d;--brand-gradient-to: #fa7738;--brand-gradient: linear-gradient(158deg, var(--brand-gradient-from) 0%, var(--brand-gradient-to) 100%);--brand-gradient-glow: radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, #ffffff 22%, transparent) 0%, transparent 55%);--avatar-text: color-mix(in srgb, var(--primary) 42%, #000000);--avatar-bg: linear-gradient(135deg, color-mix(in srgb, var(--primary) 14%, #ffffff), color-mix(in srgb, var(--primary) 34%, #ffffff));--shadow-1: 0 1px 2px color-mix(in srgb, var(--shadow-tint) 5%, transparent), 0 7px 20px color-mix(in srgb, var(--shadow-tint) 5.5%, transparent);--shadow-2: 0 20px 58px color-mix(in srgb, var(--shadow-tint) 17%, transparent);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 9px;--topbar: 64px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root.dark{color-scheme:dark;--primary: var(--brand);--shadow-tint: #000000}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}button{border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.45rem,2vw,2rem);margin-bottom:.35rem}h2{font-size:1.25rem}.ui-icon{display:inline-block;flex:none;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.muted{color:var(--muted)}.form-error{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--danger) 24%,transparent);padding:10px 12px;border-radius:10px}.danger-text{color:var(--danger)!important}.app-bar{position:sticky;top:0;z-index:100;height:var(--topbar);display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:22px;padding:0 22px;background:color-mix(in srgb,var(--surface) 96%,transparent);border-bottom:1px solid var(--outline);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap}.brand-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;color:var(--primary-text);background:color-mix(in srgb,var(--primary) 14%,var(--surface))}.search-box{max-width:560px;width:100%;justify-self:end;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:var(--surface-2);border:1px solid transparent}.search-box:focus-within{border-color:color-mix(in srgb,var(--primary) 45%,var(--outline));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:14px}.app-actions{display:flex;align-items:center;gap:6px}.icon-btn{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;background:transparent;color:var(--text);cursor:pointer;transition:background .15s ease,color .15s ease}.icon-btn:hover{background:var(--surface-2)}.header-avatar,.avatar{display:grid;place-items:center;border-radius:50%;font-weight:800;color:var(--avatar-text);background:var(--avatar-bg)}.header-avatar{width:36px;height:36px;font-size:12px}.notification-wrapper{position:relative}.notification-counter{position:absolute;top:-2px;right:-4px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--danger-fill);color:#fff;font-size:10px;font-weight:800;box-shadow:0 0 0 2px var(--surface)}.notification-dropdown{position:absolute;top:48px;right:0;width:min(360px,calc(100vw - 24px));max-height:430px;overflow:auto;background:var(--surface);border:1px solid var(--outline);border-radius:14px;box-shadow:var(--shadow-2);padding:8px}.dropdown-title{font-weight:800;padding:10px 10px 8px}.notification-item{display:block;padding:10px;border-radius:10px;font-size:13px;line-height:1.4}.notification-item:hover,.notification-item.unread{background:var(--surface-2)}.notification-item small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.page-grid{width:min(1440px,100%);margin:20px auto;padding:0 18px;display:grid;grid-template-columns:250px minmax(0,1fr) 300px;gap:18px;align-items:start}.sidebar,.rightbar{position:sticky;top:calc(var(--topbar) + 20px);display:grid;gap:12px}.nav-card,.thread-card,.settings-card,.profile-card,.result-section{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.nav-card{padding:8px}.nav-card h3{font-size:13px;margin:8px 10px 6px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:11px;color:var(--text);font-size:14px}.nav-item:hover{background:var(--surface-2)}.nav-item.active,.nav-item.router-link-exact-active{color:var(--primary-text);font-weight:700;background:var(--primary-soft)}.nav-item small{display:block;color:var(--muted);font-size:11px;margin-top:2px;font-weight:400}.dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--primary-text);background:var(--primary-soft);flex:none}.tag-card{padding-bottom:12px}.tag-cloud{display:flex;flex-wrap:wrap;gap:7px;padding:6px 9px}.tag{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;color:var(--primary);background:var(--accent-soft);font-size:11px;font-weight:650}.main-column{min-width:0;display:grid;gap:14px}.page-heading{min-height:72px;display:flex;align-items:end;justify-content:space-between;gap:16px;padding:4px 4px 10px;border-bottom:1px solid var(--outline)}.page-heading h1,.page-heading h2{margin:0}.page-heading p{margin:5px 0 0}.eyebrow{display:inline-block;color:var(--primary-text);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.feed-list{display:grid;gap:14px}.thread-card{padding:18px}.thread-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px}.avatar{width:48px;height:48px;font-size:13px}.thread-main{min-width:0}.thread-header{position:relative;padding-right:40px}.thread-title{display:inline-block;font-weight:800;line-height:1.35;margin:1px 0 5px}.thread-title:hover{color:var(--primary-text)}.options{position:absolute;right:0;top:-8px}.thread-meta{min-height:21px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 11px;color:var(--muted);font-size:11.5px;margin-bottom:12px}.thread-meta a:hover{color:var(--primary-text)}.pill{display:inline-flex;align-items:center;min-height:20px;border-radius:999px;padding:2px 8px;color:color-mix(in srgb,var(--primary) 52%,#000000);background:color-mix(in srgb,var(--primary) 12%,#ffffff);font-size:10px;font-weight:800}.pill.warning{color:color-mix(in srgb,var(--primary) 52%,#000000);background:color-mix(in srgb,var(--primary) 16%,#ffffff)}.pill.success{color:color-mix(in srgb,var(--primary) 62%,#000000);background:color-mix(in srgb,var(--primary) 21%,#ffffff)}.pill.solved{color:color-mix(in srgb,var(--primary) 44%,#000000);background:color-mix(in srgb,var(--primary) 27%,#ffffff)}.dark .pill{background:color-mix(in srgb,var(--primary) 20%,#191c1f);color:color-mix(in srgb,var(--primary) 80%,#ffffff)}.dark .pill.warning{background:color-mix(in srgb,var(--primary) 24%,#191c1f);color:color-mix(in srgb,var(--primary) 72%,#ffffff)}.dark .pill.success{background:color-mix(in srgb,var(--primary) 28%,#191c1f);color:color-mix(in srgb,var(--primary) 62%,#ffffff)}.dark .pill.solved{background:color-mix(in srgb,var(--primary) 15%,#191c1f);color:color-mix(in srgb,var(--primary) 92%,#ffffff)}.content{color:var(--text);line-height:1.62;font-size:14px;overflow-wrap:anywhere}.content p:first-child{margin-top:0}.content p:last-child{margin-bottom:0}.content a{color:var(--primary-text);text-decoration:underline}.content img,.content video,.editor-content img,.editor-content video{display:block;max-width:100%;max-height:520px;object-fit:contain;margin:10px 0;border-radius:10px}.content audio,.editor-content audio{width:min(100%,520px);display:block;margin:10px 0}.content blockquote,.editor-content blockquote{margin:12px 0;padding:8px 14px;border-left:3px solid var(--primary);background:var(--surface-2);color:var(--muted);border-radius:0 8px 8px 0}.content pre,.editor-content pre{overflow:auto;padding:14px;border-radius:10px;background:var(--code-bg);color:var(--code-text);font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.thread-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.post-actions{display:flex;gap:4px;margin-top:12px}.action-btn{min-width:38px;height:34px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.action-btn:hover{background:var(--surface-2);color:var(--text)}.action-btn.active{color:var(--primary)}.action-btn.active .ui-icon{background:currentColor}.action-btn:disabled{opacity:.4;cursor:not-allowed}.post-menu{position:absolute;z-index:20;right:0;top:36px;min-width:180px;padding:6px;display:grid;background:var(--surface);border:1px solid var(--outline);border-radius:11px;box-shadow:var(--shadow-2)}.post-menu button{padding:9px 10px;text-align:left;background:transparent;border-radius:8px;cursor:pointer;font-size:13px}.post-menu button:hover{background:var(--surface-2)}.post-card .thread-item{align-items:start}.post-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;margin-bottom:8px;font-size:12px}.inline-actions{display:flex;margin-top:-6px}.inline-actions .icon-btn{width:34px;height:34px}.editor-shell{overflow:hidden;border:1px solid var(--outline);border-radius:14px;background:var(--surface)}.editor-content{padding:14px;outline:0;line-height:1.55;font-size:14px}.editor-content:empty:before{content:"Schreibe deinen Beitrag…";color:var(--muted);pointer-events:none}.editor-content:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 36%,transparent)}.editor-toolbar{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-top:1px solid var(--outline);background:var(--surface-2)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.editor-toolbar .icon-btn{width:36px;height:36px}.editor-toolbar .recording{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);animation:pulse 1.1s infinite}@keyframes pulse{50%{opacity:.55}}.btn{min-height:38px;padding:8px 13px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--primary-fill);color:#fff;font-weight:750;font-size:13px;cursor:pointer}.btn:hover{background:var(--primary-fill-hover)}.btn:disabled{opacity:.55;cursor:wait}.btn.ghost{color:var(--text);background:var(--surface-2);border:1px solid var(--outline)}.btn.ghost:hover{background:var(--surface-3)}.btn.wide{width:100%;min-height:44px}.modal-overlay{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:18px;background:#03081485;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(760px,100%);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--outline);border-radius:18px;box-shadow:var(--shadow-2)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--outline)}.modal-header h3{margin:0;font-size:16px}.modal-content{padding:16px;overflow:auto}.field-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:12px;margin-bottom:12px}.field{display:grid;gap:6px}.field>span{color:var(--muted);font-size:12px;font-weight:650}.field input,.field select,.field textarea{width:100%;min-height:42px;border:1px solid var(--outline);border-radius:10px;padding:9px 11px;background:var(--surface);outline:0}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.fab{position:fixed;right:24px;bottom:24px;z-index:90;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--primary-fill);box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 34%,transparent);cursor:pointer}.fab:hover{transform:translateY(-1px)}.empty{min-height:140px;display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;border:1px dashed var(--outline);border-radius:var(--radius-lg);color:var(--muted);text-align:center;background:color-mix(in srgb,var(--surface) 55%,transparent)}.empty.compact{min-height:auto;padding:14px;margin:0}.card-pad{margin:0}.reply-section{display:grid;gap:10px;margin-top:10px}.compact-heading{min-height:54px}.thread-page-heading{align-items:end}.result-section{padding:16px}.result-section h2{display:flex;gap:8px;align-items:center;margin:0 0 14px}.result-section h2 span{min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:11px}.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.person-card{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--outline);border-radius:12px}.person-card:hover{background:var(--surface-2)}.person-card .avatar{width:42px;height:42px}.person-card p{margin:2px 0 0;color:var(--muted);font-size:12px}.profile-card{overflow:hidden}.profile-banner{height:118px;background:var(--hero-gradient)}.profile-main{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;padding:0 22px 22px}.profile-avatar{width:104px;height:104px;margin-top:-50px;border:5px solid var(--surface);border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--avatar-bg);color:var(--avatar-text);font-size:24px;font-weight:900}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-copy{padding-top:14px;min-width:0}.profile-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.profile-title h1{margin:0 0 2px}.profile-title p{margin:0}.profile-bio{margin:14px 0 16px;line-height:1.55}.profile-stats{display:flex;gap:24px;flex-wrap:wrap}.profile-stats div{display:grid;gap:1px}.profile-stats strong{font-size:17px}.profile-stats span{color:var(--muted);font-size:11px}.settings-card{padding:18px}.settings-card .page-heading{padding-left:0;padding-right:0}.no-border{border-bottom:0}.settings-form{display:grid;gap:14px}.form-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 36%),radial-gradient(circle at 85% 75%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 32%),var(--bg)}.auth-card{width:min(880px,100%);min-height:500px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:var(--surface);border:1px solid var(--outline);border-radius:22px;box-shadow:var(--shadow-2)}.auth-visual{padding:42px;display:flex;align-items:flex-end;color:#fff;background:var(--brand-gradient);text-shadow:0 1px 2px color-mix(in srgb,var(--brand-coral) 45%,transparent)}.big-brand .brand-icon{width:58px;height:58px;color:#fff;background:#ffffff24}.big-brand h1{font-size:36px;margin:18px 0 8px}.big-brand p{color:#fffc}.auth-form{padding:42px;display:flex;flex-direction:column;justify-content:center;gap:16px}.auth-form h2{font-size:28px;margin:0 0 6px}.auth-switch{text-align:center;color:var(--muted);font-size:13px}.auth-switch a{color:var(--primary-text);font-weight:750}.skeleton-stack{display:grid;gap:14px}.skeleton-card{height:190px;border-radius:16px;background:linear-gradient(90deg,var(--surface) 20%,var(--surface-2) 50%,var(--surface) 80%);background-size:220% 100%;animation:shimmer 1.3s infinite;border:1px solid var(--outline)}.profile-skeleton{height:330px}@keyframes shimmer{to{background-position:-220% 0}}.mobile-only{display:none}@media(max-width:1180px)and (min-width:851px){.page-grid{grid-template-columns:200px minmax(0,1fr) 250px;gap:12px;padding:0 12px}.rightbar{display:grid}}@media(max-width:850px){.rightbar{display:none}.app-bar{grid-template-columns:auto 1fr auto;gap:10px;padding:0 12px}.mobile-only{display:inline-grid}.brand>span:not(.brand-icon){display:none}.search-box{max-width:none}.page-grid{grid-template-columns:1fr;padding:0 12px}.sidebar{display:none;position:fixed;z-index:150;left:12px;top:72px;width:min(290px,calc(100vw - 24px))}.sidebar.open{display:grid}.field-row,.auth-card{grid-template-columns:1fr}.auth-visual{min-height:180px}.people-grid{grid-template-columns:1fr}}@media(max-width:620px){.app-bar{grid-template-columns:auto 1fr}.search-box{grid-column:1 / -1;display:none}.app-actions{justify-self:end}.app-actions>.header-avatar{display:none}.page-grid{margin-top:12px}.thread-card{padding:13px}.thread-item{grid-template-columns:38px minmax(0,1fr);gap:10px}.avatar{width:38px;height:38px;font-size:11px}.thread-meta{gap:6px}.page-heading{align-items:flex-start;flex-direction:column}.editor-toolbar{align-items:flex-end}.toolbar-left{gap:0}.editor-toolbar .icon-btn{width:32px;height:32px}.profile-main{grid-template-columns:1fr;padding:0 16px 18px}.profile-avatar{margin-top:-48px}.profile-copy{padding-top:0}.profile-title{flex-direction:column}.profile-stats{gap:18px}.auth-page{padding:10px}.auth-visual,.auth-form{padding:26px}.auth-visual{min-height:150px}.big-brand h1{font-size:28px}.fab{right:16px;bottom:16px}}.content iframe,.editor-content iframe{width:100%;aspect-ratio:16 / 9;border:0;border-radius:10px;margin:12px 0;background:#000}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category-card{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:18px;border:1px solid var(--outline);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1)}.category-card:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--outline));transform:translateY(-1px)}.category-card h2{margin:0 0 5px}.category-card p{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.5}.category-card span:not(.category-icon){color:var(--primary-text);font-size:12px;font-weight:700}.category-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;color:var(--primary-text);background:var(--primary-soft)}@media(max-width:620px){.category-grid{grid-template-columns:1fr}}.content>pre{margin:14px 0}.code-panel{margin:14px 0;overflow:hidden;border:1px solid var(--code-border);border-radius:14px;background:var(--code-bg);box-shadow:0 12px 30px color-mix(in srgb,var(--shadow-tint) 18%,transparent)}.code-panel-toolbar{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px 6px 14px;border-bottom:1px solid var(--code-border);background:var(--code-surface)}.code-language{color:var(--code-muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;font-weight:800;letter-spacing:.11em}.code-copy{min-height:28px;padding:5px 9px;border:1px solid var(--code-border);border-radius:8px;color:color-mix(in srgb,var(--primary) 30%,#d6d6d6);background:color-mix(in srgb,var(--code-surface) 72%,white 4%);font-size:10px;font-weight:750;cursor:pointer}.code-copy:hover,.code-copy.copied{color:color-mix(in srgb,var(--primary) 8%,#ffffff);border-color:color-mix(in srgb,var(--primary) 60%,var(--code-border));background:color-mix(in srgb,var(--primary) 18%,var(--code-surface))}.code-panel-body{display:grid;grid-template-columns:46px minmax(0,max-content);max-width:100%;overflow:auto}.code-gutter{position:sticky;left:0;z-index:2;padding:14px 0;border-right:1px solid var(--code-border);background:var(--code-surface);-webkit-user-select:none;user-select:none}.code-gutter span{display:block;height:1.65em;padding-right:10px;color:var(--code-muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.65;text-align:right}.content .code-panel pre{min-width:max-content;margin:0;overflow:visible;padding:14px 18px;border-radius:0;color:var(--code-text);background:transparent;font-size:12px}.content .code-panel code{display:block;color:var(--code-text);background:transparent;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.65;white-space:pre}.syn-comment{color:#6f9187;font-style:italic}.syn-string{color:#86efac}.syn-keyword{color:#c4b5fd;font-weight:650}.syn-number{color:#fbbf24}.syn-literal{color:#fb7185}.syn-decorator,.syn-tag{color:#67e8f9}.rich-content audio{display:none!important}.waveform-player{width:min(100%,580px);display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;margin:12px 0;padding:9px 11px;border:1px solid var(--outline);border-radius:14px;background:linear-gradient(135deg,var(--surface-2),color-mix(in srgb,var(--primary-soft) 44%,var(--surface)))}.waveform-play{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--primary-fill);font-size:12px;cursor:pointer;box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 24%,transparent)}.waveform-play:hover{background:var(--primary-fill-hover)}.waveform-canvas-wrap{min-width:0;height:48px;display:flex;align-items:center;cursor:pointer}.waveform-canvas{width:100%;height:42px;display:block}.waveform-time{min-width:76px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px;text-align:right;white-space:nowrap}.editor-content .audio-waveform-source{position:relative;width:min(100%,580px);height:64px;margin:10px 0;overflow:hidden;border:1px solid var(--outline);border-radius:14px;background:var(--surface-2)}.editor-content .audio-waveform-source audio{display:none}.editor-content .audio-waveform-source:before{content:"▶";position:absolute;left:10px;top:13px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--primary-fill);font-size:11px}.editor-content .audio-waveform-source:after{content:"";position:absolute;left:58px;right:14px;top:18px;height:28px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--primary) 76%,transparent) 0 3px,transparent 3px 7px);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%);opacity:.72}@media(max-width:620px){.waveform-player{grid-template-columns:36px minmax(0,1fr)}.waveform-time{grid-column:2;min-width:0;margin-top:-8px;text-align:left}.code-panel-body{grid-template-columns:40px minmax(0,max-content)}}.header-avatar,.avatar{overflow:hidden}.header-avatar img,.avatar img{width:100%;height:100%;object-fit:cover}.brand{letter-spacing:.045em}.brand-icon{border-radius:12px}.category-nav-card .nav-item:first-of-type{background:var(--primary-faint)}.category-nav-card .nav-item:first-of-type:hover{background:var(--primary-soft)}.feed-label{min-height:26px;display:inline-flex;align-items:center;gap:6px;margin:0 0 5px;color:var(--primary-text);font-size:12px;font-weight:800;letter-spacing:.035em}.post-menu button{display:flex;align-items:center;gap:8px}.post-author{display:inline-flex;align-items:center;min-height:25px;margin-bottom:2px;font-size:13px}.post-card-meta{margin-top:0}.field-optional{margin-left:5px;color:var(--primary-text);font-size:10px;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.field-hint{color:var(--muted);font-size:10.5px;line-height:1.35}.field select:disabled,.field input:disabled{color:var(--muted);background:var(--surface-2);cursor:not-allowed}.edit-thread-form{display:grid;gap:12px}.avatar-upload-row{display:flex;align-items:center;gap:18px;padding:14px;border:1px solid var(--outline);border-radius:14px;background:var(--surface-2)}.avatar-upload-preview{width:84px;height:84px;margin:0;border-width:4px;flex:none;font-size:20px}.avatar-upload-control{display:grid;gap:5px;cursor:pointer}.avatar-upload-control>span{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.avatar-upload-control>strong{width:fit-content;min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--outline));border-radius:10px;color:var(--primary-text);background:var(--surface);font-size:12px}.avatar-upload-control:hover>strong{background:var(--primary-soft)}.avatar-upload-control small{color:var(--muted);font-size:10.5px}.waveform-player{grid-template-columns:42px minmax(0,1fr) auto;padding:10px 12px}.waveform-play{width:40px;height:40px}.waveform-canvas-wrap{height:62px}.waveform-canvas{height:58px}.waveform-time{min-width:82px}@media(max-width:620px){.avatar-upload-row{align-items:flex-start}.waveform-player{grid-template-columns:40px minmax(0,1fr)}}.code-copy{display:inline-flex;align-items:center;gap:6px}.code-copy-icon{color:currentColor}:root{--hero-gradient: var(--brand-gradient)}:root.dark{color-scheme:dark;--primary: var(--brand);--primary-ink: color-mix(in srgb, var(--primary) 70%, #ffffff);--primary-text: var(--primary);--primary-fill: var(--primary);--primary-fill-hover: color-mix(in srgb, var(--primary) 90%, #000000);--primary-hover: color-mix(in srgb, var(--primary) 86%, #ffffff);--primary-soft: color-mix(in srgb, var(--primary) 18%, #191c1f);--primary-faint: color-mix(in srgb, var(--primary) 9%, #191c1f);--accent: color-mix(in srgb, var(--primary) 80%, #ffffff);--accent-soft: color-mix(in srgb, var(--primary) 15%, #22262a);--success: color-mix(in srgb, var(--primary) 45%, #d2d2d2);--warning: color-mix(in srgb, var(--primary) 50%, #e2e2e2);--danger: color-mix(in srgb, var(--primary) 84%, #ffffff);--danger-fill: color-mix(in srgb, var(--primary) 70%, #000000);--bg: #101214;--surface: #191c1f;--surface-2: #22262a;--surface-3: #2a2f34;--text: color-mix(in srgb, var(--primary) 3%, #f3f3f3);--muted: color-mix(in srgb, var(--primary) 6%, #a7a7a7);--outline: #34393e;--waveform-idle: #555b61;--code-bg: #0d0f10;--code-surface: #151819;--code-border: #343a3e;--code-text: color-mix(in srgb, var(--primary) 3%, #f2f2f2);--code-muted: color-mix(in srgb, var(--primary) 10%, #949494);--shadow-1: 0 1px 2px rgba(0, 0, 0, .28), 0 10px 24px rgba(0, 0, 0, .16);--shadow-2: 0 24px 70px rgba(0, 0, 0, .5);--avatar-bg: linear-gradient(135deg, color-mix(in srgb, var(--primary) 30%, #ffffff), color-mix(in srgb, var(--primary) 62%, #ffffff));--hero-gradient: var(--brand-gradient)}.page-heading{min-height:112px;align-items:center;padding:22px 24px;border:0;border-radius:var(--radius-lg);color:#fff;background:var(--hero-gradient);text-shadow:0 1px 2px color-mix(in srgb,var(--brand-coral) 45%,transparent);box-shadow:var(--shadow-1)}.page-heading .eyebrow,.page-heading .muted,.page-heading p,.page-heading .thread-meta,.page-heading .thread-meta a{color:#ffffffc7}.page-heading .thread-meta{margin:7px 0 0}.page-heading .pill{color:#fff;background:#ffffff29}.page-heading .pill.solved{color:#fff;background:#ffffff38}.settings-card .page-heading{padding:20px 22px;margin-bottom:16px}.compact-heading{min-height:90px}.profile-banner{background:var(--hero-gradient)}.search-box{padding-right:7px}.voice-search-btn{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:50%;color:var(--muted);background:transparent;cursor:pointer}.voice-search-btn:hover{color:var(--primary);background:var(--surface-3)}.voice-search-btn.listening{color:#fff;background:var(--primary-fill);animation:pulse 1.1s infinite}.header-user-link{color:var(--text);background:var(--surface-2)}.header-user-link:hover{color:var(--primary);background:var(--primary-soft)}.main-nav-card .nav-item{min-height:52px}.nav-icon-bubble{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:50%;color:var(--primary-text);background:var(--primary-soft)}.main-nav-card .nav-item.active .nav-icon-bubble,.main-nav-card .nav-item.router-link-exact-active .nav-icon-bubble{color:#fff;background:var(--primary-fill)}.topic-field-row{align-items:start}.topic-field-row .field{grid-template-rows:18px 44px;align-content:start}.topic-field-row .field input,.topic-field-row .field select{height:44px;min-height:44px}.waveform-player,.editor-content .audio-waveform-source{width:100%;max-width:none}.expand-action{margin-left:auto}.expand-action .ui-icon{transition:transform .18s ease}.expand-action.expanded .ui-icon{transform:rotate(180deg)}.feed-replies-dropdown{display:grid;gap:10px;margin-top:10px;padding:14px 0 0 18px;border-top:1px solid var(--outline);border-left:2px solid var(--primary-soft)}.feed-replies-loading{padding:12px;color:var(--muted);font-size:12px}.compact-post-card{padding:14px;border-radius:14px;box-shadow:none}.compact-post-card .thread-item{grid-template-columns:40px minmax(0,1fr);gap:11px}.compact-post-card .avatar{width:40px;height:40px;font-size:11px}.compact-post-card .content{font-size:13px}.post-menu button{min-height:38px}.dark .modal-overlay{background:#050709b8}.dark .auth-page{background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--primary) 13%,transparent),transparent 35%),radial-gradient(circle at 82% 80%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 32%),var(--bg)}.dark .tag{color:var(--primary);background:var(--accent-soft)}.dark .header-user-link{background:#25292d}@media(max-width:620px){.page-heading{min-height:96px;padding:18px}.feed-replies-dropdown{padding-left:8px}}.app-bar .brand-icon,.big-brand .brand-icon{color:#fff;background:var(--primary);border-radius:12px;box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 24%,transparent)}.app-bar .search-box{width:min(500px,100%);max-width:500px;min-height:38px;height:38px;justify-self:center;gap:8px;padding:4px 7px 4px 12px;background:var(--surface-2);border:1px solid var(--outline);box-shadow:none}.app-bar .search-box:focus-within{border-color:color-mix(in srgb,var(--primary) 44%,var(--outline));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 8%,transparent)}.app-bar .search-box input{height:28px;padding:0;line-height:28px;appearance:none;-webkit-appearance:none;caret-color:var(--primary)}.app-bar .search-box input::-webkit-search-decoration,.app-bar .search-box input::-webkit-search-cancel-button,.app-bar .search-box input::-webkit-search-results-button,.app-bar .search-box input::-webkit-search-results-decoration{display:none}.app-bar .voice-search-btn{width:30px;height:30px;border-radius:8px}.app-actions .icon-btn,.app-actions .header-user-link,.dark .app-actions .header-user-link{background:transparent!important;box-shadow:none}.app-actions .icon-btn:hover,.app-actions .header-user-link:hover{color:var(--primary);background:transparent!important}.thread-card .post-menu{min-width:205px}.thread-card .post-menu button .ui-icon{flex:none}.profile-feed-list .thread-card{width:100%}@media(max-width:1180px)and (min-width:851px){.app-bar .search-box{width:min(440px,100%);max-width:440px}}:root{--chat-own-bg: var(--primary-fill);--chat-own-text: #fff;--chat-other-bg: color-mix(in srgb, var(--primary) 4%, #efefef);--chat-online: #2bc46b}:root.dark{--chat-other-bg: #26292d}.nav-icon-bubble{position:relative}.nav-badge{position:absolute;top:-5px;right:-7px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--danger-fill);color:#fff;font-size:10px;font-weight:800;box-shadow:0 0 0 2px var(--surface)}.fresh-topics-pill{position:sticky;top:calc(var(--topbar) + 12px);z-index:30;justify-self:center;padding:9px 16px;border-radius:999px;background:var(--primary-fill);color:#fff;font-size:13px;font-weight:750;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 30%,transparent);cursor:pointer;animation:fresh-in .25s ease}.fresh-topics-pill:hover{background:var(--primary-fill-hover)}@keyframes fresh-in{0%{opacity:0;transform:translateY(-8px)}}.profile-actions{display:flex;flex-wrap:wrap;gap:8px}.page-grid.wide{grid-template-columns:250px minmax(0,1fr)}.messages-layout{height:calc(100vh - var(--topbar) - 40px);min-height:480px;display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);overflow:hidden;background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.messages-sidebar{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--outline)}.messages-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 18px 12px 24px}.messages-sidebar-head strong{font-size:20px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-search{display:flex;align-items:center;gap:10px;margin:4px 18px 10px;padding:0 14px;height:42px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.messages-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:15px}.messages-search input::-webkit-search-cancel-button{display:none}.messages-list-title{padding:10px 24px 8px;font-size:15px;font-weight:800}.conversation-list{flex:1;min-height:0;overflow-y:auto;padding:0 6px 10px}.conversation-item{width:100%;display:flex;align-items:center;gap:12px;padding:9px 18px;border-radius:12px;background:transparent;text-align:left;cursor:pointer}.conversation-item:hover{background:var(--surface-2)}.conversation-item.active{background:var(--surface-3)}.conversation-copy{min-width:0;flex:1;display:grid;gap:3px}.conversation-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.conversation-preview{min-width:0;display:flex;gap:4px;color:var(--muted);font-size:13px}.conversation-preview em{color:var(--primary-text);font-style:normal}.conversation-preview-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-age{flex:none}.conversation-item.unread .conversation-name,.conversation-item.unread .conversation-preview{color:var(--text);font-weight:750}.conversation-unread-dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--primary)}.messages-empty-list{padding:18px 24px;color:var(--muted);font-size:13px}.chat-avatar{position:relative;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--avatar-bg);color:var(--avatar-text);font-weight:800}.chat-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.chat-online-dot{position:absolute;right:1px;bottom:1px;width:26%;height:26%;min-width:9px;min-height:9px;border-radius:50%;background:var(--chat-online);box-shadow:0 0 0 2.5px var(--surface)}.messages-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;text-align:center}.messages-placeholder-icon{width:96px;height:96px;display:grid;place-items:center;margin-bottom:10px;border:2px solid var(--text);border-radius:50%}.messages-placeholder h2{margin:0;font-size:20px}.messages-placeholder p{margin:0 0 14px;font-size:14px}.chat-panel{min-width:0;min-height:0;display:flex;flex-direction:column}.chat-header{min-height:75px;display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--outline)}.chat-back{display:none}.chat-header-user{min-width:0;flex:1;display:flex;align-items:center;gap:12px}.chat-header-user>span{min-width:0;display:grid;gap:1px}.chat-header-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.chat-header-user small{color:var(--muted);font-size:12px}.chat-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:16px 16px 8px;overscroll-behavior:contain}.chat-error{margin:12px 0}.chat-loading{padding:8px;color:var(--muted);font-size:12px;text-align:center}.chat-intro{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 0 34px;text-align:center}.chat-intro strong{margin-top:10px;font-size:20px}.chat-intro .muted{margin-bottom:14px;font-size:14px}.chat-separator{margin:18px 0 12px;color:var(--muted);font-size:12px;text-align:center}.chat-row{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:8px;align-items:end;margin-top:2px}.chat-row.first{margin-top:8px}.chat-row.mine{grid-template-columns:minmax(0,1fr);justify-items:end}.chat-row.mine .chat-row-avatar{display:none}.chat-row-avatar{width:28px;height:28px}.chat-bubble-wrap{position:relative;max-width:min(72%,560px);display:flex;align-items:center;gap:6px}.chat-row:not(.mine) .chat-bubble-wrap{justify-self:start}.chat-row.mine .chat-bubble-wrap{flex-direction:row-reverse}.chat-bubble{padding:9px 14px;border-radius:22px;background:var(--chat-other-bg);color:var(--text);font-size:15px;line-height:1.38;white-space:pre-wrap;overflow-wrap:anywhere}.chat-row.mine .chat-bubble{background:var(--chat-own-bg);color:var(--chat-own-text)}.chat-row:not(.mine):not(.first) .chat-bubble{border-top-left-radius:6px}.chat-row:not(.mine):not(.last) .chat-bubble{border-bottom-left-radius:6px}.chat-row.mine:not(.first) .chat-bubble{border-top-right-radius:6px}.chat-row.mine:not(.last) .chat-bubble{border-bottom-right-radius:6px}.chat-row.pending .chat-bubble-wrap{opacity:.6}.chat-row.failed .chat-bubble{outline:2px solid var(--danger)}.chat-emoji-big{font-size:44px;line-height:1.15;padding:2px 0}.chat-image{padding:0;overflow:hidden;border-radius:18px;background:transparent;cursor:zoom-in}.chat-image img{display:block;max-width:min(280px,100%);max-height:360px;object-fit:cover}.chat-bubble.audio{padding:6px 12px 6px 6px}.chat-row-actions{opacity:0;transition:opacity .12s ease}.chat-row-actions .icon-btn{width:30px;height:30px;color:var(--muted)}.chat-row:hover .chat-row-actions{opacity:1}.chat-seen,.chat-failed{grid-column:1 / -1;justify-self:end;margin-top:3px;padding-right:4px;color:var(--muted);font-size:11px}.chat-failed{background:transparent;color:var(--danger);cursor:pointer}.typing-bubble{display:inline-flex;gap:4px;justify-self:start;padding:13px 16px}.typing-bubble i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:typing-dot 1.2s infinite ease-in-out}.typing-bubble i:nth-child(2){animation-delay:.15s}.typing-bubble i:nth-child(3){animation-delay:.3s}@keyframes typing-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.voice-message{width:230px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px}.voice-play{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--chat-own-bg);color:#fff;cursor:pointer}.voice-message.mine .voice-play{background:#fff;color:var(--chat-own-bg)}.voice-bars{height:28px;display:flex;align-items:center;gap:2px;cursor:pointer}.voice-bars span{flex:1;min-height:3px;border-radius:2px;background:color-mix(in srgb,currentColor 35%,transparent)}.voice-bars span.played{background:currentColor}.voice-time{min-width:32px;font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.chat-composer-wrap{padding:4px 16px 16px}.chat-composer-error{margin:0 8px 6px;color:var(--danger);font-size:12px}.chat-composer{min-height:46px;display:flex;align-items:flex-end;gap:4px;padding:5px 8px 5px 6px;border:1px solid var(--outline);border-radius:23px;background:var(--surface)}.chat-composer:focus-within{border-color:color-mix(in srgb,var(--text) 30%,var(--outline))}.chat-composer.busy{opacity:.7}.chat-composer textarea{flex:1;min-width:0;height:34px;max-height:132px;padding:7px 4px;border:0;outline:0;resize:none;background:transparent;font-size:15px;line-height:20px}.chat-composer textarea::placeholder{color:var(--muted)}.composer-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.composer-icon:hover:not(:disabled),.composer-icon.active{color:var(--muted)}.composer-icon:disabled{opacity:.4;cursor:not-allowed}.composer-icon.danger{color:#fff;background:var(--danger-fill)}.composer-icon.danger:hover{color:#fff;filter:brightness(1.08)}.composer-send-btn{height:34px;flex:none;padding:0 10px;border-radius:10px;background:transparent;color:var(--primary);font-size:14px;font-weight:800;cursor:pointer}.composer-send-btn:hover:not(:disabled){color:var(--text)}.composer-send-btn:disabled{opacity:.45}.chat-composer.recording{align-items:center;gap:10px;padding-left:6px}.recording-track{flex:1;min-width:0;height:34px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:17px;background:color-mix(in srgb,var(--chat-own-bg) 12%,var(--surface))}.recording-dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--danger);animation:pulse 1.1s infinite}.recording-levels{flex:1;min-width:0;height:24px;display:flex;align-items:center;justify-content:flex-end;gap:2px;overflow:hidden}.recording-levels span{width:3px;flex:none;min-height:3px;border-radius:2px;background:var(--chat-own-bg)}.recording-time{flex:none;color:var(--text);font-size:13px;font-variant-numeric:tabular-nums}.emoji-anchor{position:relative}.emoji-backdrop{position:fixed;inset:0;z-index:40}.emoji-picker{position:absolute;left:-4px;bottom:46px;z-index:50;width:min(336px,calc(100vw - 32px));display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--outline);border-radius:14px;box-shadow:var(--shadow-2)}.emoji-picker-title{padding:12px 14px 6px;color:var(--muted);font-size:12px;font-weight:750}.emoji-grid{height:232px;overflow-y:auto;display:grid;grid-template-columns:repeat(8,1fr);align-content:start;padding:0 8px 8px}.emoji-cell{height:38px;display:grid;place-items:center;border-radius:8px;background:transparent;font-size:24px;line-height:1;cursor:pointer}.emoji-cell:hover{background:var(--surface-2)}.emoji-tabs{display:flex;justify-content:space-between;padding:4px 6px;border-top:1px solid var(--outline);background:var(--surface-2)}.emoji-tabs button{width:36px;height:32px;border-radius:8px;background:transparent;font-size:18px;opacity:.55;cursor:pointer}.emoji-tabs button.active,.emoji-tabs button:hover{opacity:1;background:var(--surface)}.new-message-search{margin:0 0 10px}.new-message-search span{color:var(--text);font-weight:750;font-size:14px}.new-message-results{max-height:50vh;overflow-y:auto;margin:0 -10px}.chat-lightbox{position:fixed;inset:0;z-index:600;display:grid;place-items:center;padding:24px;background:#000000db;cursor:zoom-out}.chat-lightbox img{max-width:100%;max-height:100%;border-radius:8px;object-fit:contain}@media(max-width:1180px)and (min-width:851px){.page-grid.wide{grid-template-columns:200px minmax(0,1fr)}.messages-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}}@media(max-width:850px){.page-grid.wide{grid-template-columns:1fr}.messages-layout{height:calc(100dvh - var(--topbar) - 24px);grid-template-columns:1fr}.messages-layout.has-active .messages-sidebar{display:none}.messages-layout:not(.has-active) .chat-panel,.messages-layout:not(.has-active) .messages-placeholder{display:none}.messages-sidebar{border-right:0}.chat-back{display:inline-grid}.chat-bubble-wrap{max-width:82%}.chat-row-actions{opacity:1}}@media(max-width:620px){.messages-layout{height:calc(100dvh - var(--topbar) - 12px);border-radius:0;border-left:0;border-right:0;margin:0 -12px}.chat-composer-wrap{padding:4px 10px 10px}}.chat-message-stack{min-width:0;display:flex;flex-direction:column;gap:6px}.chat-row.mine .chat-message-stack{align-items:flex-end}.chat-link{color:inherit;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.chat-row:not(.mine) .chat-link{color:var(--primary-text)}.chat-link:hover{text-decoration-thickness:2px}.chat-youtube{width:min(400px,68vw);aspect-ratio:16 / 9;border:0;border-radius:18px;background:#000}.chat-youtube.short{width:min(240px,56vw);aspect-ratio:9 / 16}.field input:-webkit-autofill,.field input:-webkit-autofill:hover,.field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px color-mix(in srgb,var(--primary) 8%,var(--surface)) inset;box-shadow:0 0 0 1000px color-mix(in srgb,var(--primary) 8%,var(--surface)) inset;transition:background-color 9999s ease-out 0s}.field input:-webkit-autofill:focus{border-color:var(--primary);-webkit-box-shadow:0 0 0 1000px color-mix(in srgb,var(--primary) 8%,var(--surface)) inset,0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent);box-shadow:0 0 0 1000px color-mix(in srgb,var(--primary) 8%,var(--surface)) inset,0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.field input:autofill{background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.round-action{position:relative;width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--primary);background:#fff;box-shadow:0 10px 26px color-mix(in srgb,var(--shadow-tint) 22%,transparent),0 2px 6px color-mix(in srgb,var(--shadow-tint) 12%,transparent);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.round-action:hover{transform:translateY(-1px) scale(1.04);box-shadow:0 14px 30px color-mix(in srgb,var(--shadow-tint) 28%,transparent),0 2px 6px color-mix(in srgb,var(--shadow-tint) 14%,transparent)}.round-action:active{transform:scale(.97)}.round-action:focus-visible{outline:3px solid color-mix(in srgb,#fff 70%,var(--primary));outline-offset:3px}.page-heading .round-action{text-shadow:none}.feed-heading h1{margin:0}.feed-heading p.muted{margin:4px 0 0}@media(max-width:850px){.page-heading.feed-heading{flex-direction:row;align-items:center}}.chat-dock{position:fixed;right:24px;bottom:24px;z-index:400}.round-action.chat-fab{width:56px;height:56px;color:#fff;background:var(--primary);box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 38%,transparent),0 2px 6px color-mix(in srgb,var(--shadow-tint) 14%,transparent)}.round-action.chat-fab:hover{background:var(--primary-fill-hover)}.chat-fab.active{display:none}.chat-fab-badge{top:-2px;right:-2px}.chat-dock-panel{position:fixed;right:24px;bottom:0;width:min(380px,calc(100vw - 32px));height:min(600px,calc(100vh - var(--topbar) - 24px));min-height:360px;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--outline);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:var(--shadow-2)}.chat-dock-pop-enter-active,.chat-dock-pop-leave-active{transition:opacity .16s ease,transform .22s cubic-bezier(.2,.8,.3,1)}.chat-dock-pop-enter-from,.chat-dock-pop-leave-to{opacity:0;transform:translateY(40px)}.chat-dock-head{min-height:58px;display:flex;align-items:center;gap:2px;padding:8px 8px 8px 14px;border-bottom:1px solid var(--outline)}.chat-dock-head .icon-btn{width:36px;height:36px;flex:none}.chat-dock-head .icon-btn:hover{color:var(--primary)}.chat-dock-title{flex:1;min-width:0;padding-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800}.chat-dock-user{gap:10px;padding-left:2px}.chat-dock-user strong{font-size:14px}.chat-dock-search{height:38px;margin:10px 12px 6px}.chat-dock-to{color:var(--text);font-size:14px;font-weight:750}.chat-dock-list{padding:2px 6px 10px}.chat-dock-list .conversation-item{padding:8px 10px}.chat-dock-list .conversation-name{font-size:14px}.chat-dock-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 18px;text-align:center}.chat-dock-empty .messages-placeholder-icon{width:64px;height:64px;margin:0;border-width:2px}.chat-dock-empty p{margin:0 0 6px;font-size:13px}.chat-dock-panel .chat-scroll{padding:12px 12px 6px}.chat-dock-panel .chat-intro{padding:14px 0 22px}.chat-dock-panel .chat-intro strong{font-size:17px}.chat-dock-panel .chat-bubble{font-size:14px;padding:8px 12px}.chat-dock-panel .chat-bubble-wrap{max-width:80%}.chat-dock-panel .chat-image img{max-width:100%;max-height:260px}.chat-dock-panel .voice-message{width:200px}.chat-dock-panel .chat-youtube{width:100%;max-width:260px}.chat-dock-panel .chat-composer-wrap{padding:4px 10px 10px}.chat-dock-panel .emoji-picker{width:min(320px,calc(100vw - 48px))}@media(max-width:620px){.chat-dock{right:16px;bottom:16px}.chat-dock-panel{inset:0;width:auto;height:auto;min-height:0;border:0;border-radius:0}}.profile-hero{position:relative;overflow:hidden}.profile-hero .profile-banner{--profile-avatar: 124px;position:relative;height:178px;padding:18px 22px;color:#fff;text-shadow:0 1px 2px color-mix(in srgb,var(--brand-coral) 45%,transparent)}.profile-banner-actions{position:absolute;top:18px;right:22px;display:flex;gap:10px}.profile-action{width:46px;height:46px;text-shadow:none}.profile-action.following{box-shadow:0 0 0 3px color-mix(in srgb,#fff 45%,transparent),0 10px 26px color-mix(in srgb,var(--shadow-tint) 22%,transparent)}.profile-banner-bottom{position:absolute;left:170px;right:22px;bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.profile-username{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.1}.profile-hero .profile-stats{flex:none;gap:22px;flex-wrap:nowrap}.profile-hero .profile-stats div{justify-items:end;text-align:right}.profile-hero .profile-stats strong{color:#fff;font-size:18px;line-height:1.1}.profile-hero .profile-stats span{color:#ffffffd1;font-size:11px}.profile-hero .profile-avatar{position:absolute;left:28px;top:116px;width:124px;height:124px;margin:0;border:5px solid var(--surface);box-shadow:var(--shadow-1);font-size:28px}.profile-below{min-height:76px;padding:10px 22px 20px 170px}.profile-realname{margin:0;color:var(--muted);font-size:16px;font-weight:600}.profile-hero .profile-bio{margin:10px 0 0}@media(max-width:760px){.profile-hero .profile-banner{height:196px}.profile-hero .profile-avatar{left:16px;top:148px;width:96px;height:96px;font-size:22px}.profile-banner-actions{top:14px;right:14px}.profile-banner-bottom{left:126px;right:14px;bottom:12px;flex-direction:column;align-items:flex-start;gap:8px}.profile-hero .profile-stats{gap:16px}.profile-hero .profile-stats div{justify-items:start;text-align:left}.profile-below{min-height:60px;padding:8px 16px 18px 126px}}.profile-hero .profile-stats{display:grid;grid-template-columns:repeat(4,minmax(68px,auto));gap:0;padding:9px 4px;border:1px solid rgba(255,255,255,.3);border-radius:16px;background:linear-gradient(180deg,#ffffff3d,#ffffff1f);box-shadow:inset 0 1px #ffffff4d,0 8px 22px color-mix(in srgb,var(--brand-coral) 22%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-shadow:none}.profile-hero .profile-stats div{display:grid;justify-items:center;gap:3px;padding:0 14px;text-align:center}.profile-hero .profile-stats div+div{border-left:1px solid rgba(255,255,255,.28)}.profile-hero .profile-stats strong{color:#fff;font-size:19px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.profile-hero .profile-stats span{color:#ffffffe0;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}@media(max-width:760px){.profile-hero .profile-stats{grid-template-columns:repeat(4,auto);padding:7px 2px;border-radius:13px}.profile-hero .profile-stats div{justify-items:center;text-align:center;padding:0 9px}.profile-hero .profile-stats strong{font-size:16px}.profile-hero .profile-stats span{font-size:9px;letter-spacing:.05em}}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--outline)}.google-signin{min-height:44px;display:flex;justify-content:center;transition:opacity .15s ease}.google-signin.busy{opacity:.6;pointer-events:none}.google-signin-button{width:100%;max-width:400px;display:flex;justify-content:center;color-scheme:normal}.profile-edit{display:grid;gap:16px}.profile-edit-hero{overflow:hidden;background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.profile-edit-banner{height:132px;padding:22px 24px;color:#fff;background:var(--hero-gradient);text-shadow:0 1px 2px color-mix(in srgb,var(--brand-coral) 45%,transparent)}.profile-edit-heading .eyebrow{color:#fffc}.profile-edit-heading h1{margin:0;color:#fff}.profile-edit-identity{display:flex;align-items:flex-end;gap:18px;padding:0 24px 20px}.profile-edit-avatar{position:relative;flex:none;margin-top:-52px}.profile-edit-avatar .profile-avatar{width:112px;height:112px;margin:0;border:5px solid var(--surface);box-shadow:var(--shadow-1);font-size:26px}.profile-edit-camera{position:absolute;right:-2px;bottom:2px;width:38px;height:38px}.profile-edit-who{min-width:0;display:grid;gap:2px;padding-bottom:6px}.profile-edit-who strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px}.profile-edit-who span{color:var(--muted);font-size:14px}.profile-edit-link{width:fit-content;margin-top:4px;padding:0;background:transparent;color:var(--muted);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.profile-edit-link:hover{color:var(--primary)}.settings-section{display:grid;gap:14px;padding:20px 22px;background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.settings-section>header{display:flex;align-items:flex-start;gap:12px}.settings-section h2{margin:0 0 2px;font-size:16px}.settings-section header p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.settings-section-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--primary);background:var(--primary-soft)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-section .field{margin:0}.field-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.field-label-row small{color:var(--muted);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.field-label-row small.warn{color:var(--primary)}.input-prefix{display:flex;align-items:center;border:1px solid var(--outline);border-radius:10px;background:var(--surface)}.input-prefix:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.input-prefix i{padding-left:11px;color:var(--muted);font-style:normal;font-weight:700}.field .input-prefix input{border:0;box-shadow:none;padding-left:4px;background:transparent}.settings-note{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:12.5px}.profile-edit-footer{position:sticky;bottom:12px;z-index:20;display:flex;justify-content:flex-end;gap:8px;padding:10px;border:1px solid var(--outline);border-radius:14px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.danger-zone{border-color:color-mix(in srgb,var(--danger) 35%,var(--outline))}.danger-zone .settings-section-icon{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.danger-zone .danger-btn{justify-self:start}.btn.danger-btn{color:#fff;background:var(--danger-fill)}.btn.danger-btn:hover{background:color-mix(in srgb,var(--danger-fill) 85%,#000000)}.btn.danger-btn:disabled{opacity:.5;cursor:not-allowed}.delete-account-form{display:grid;gap:14px}.delete-account-form p{margin:0}@media(max-width:620px){.profile-edit-banner{height:112px;padding:18px}.profile-edit-identity{padding:0 16px 16px;gap:12px}.profile-edit-avatar{margin-top:-44px}.profile-edit-avatar .profile-avatar{width:92px;height:92px;font-size:22px}.settings-section{padding:16px}.settings-grid{grid-template-columns:1fr}}.media-collage{display:grid;gap:3px;width:100%;max-width:620px;margin:12px 0;overflow:hidden;border-radius:14px;background:var(--outline)}.collage-tile{position:relative;min-width:0;min-height:0;padding:0;overflow:hidden;border:0;border-radius:0;background:var(--surface-2);cursor:zoom-in}.media-collage .collage-tile img,.content .media-collage .collage-tile img{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;border-radius:0;object-fit:cover;transition:transform .3s ease,filter .3s ease}.collage-tile:hover img{transform:scale(1.035);filter:brightness(1.04)}.collage-tile:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}.collage-more{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#0000007a;font-size:clamp(22px,4vw,34px);font-weight:800;letter-spacing:.02em}.media-collage.count-1{width:fit-content;background:transparent}.media-collage.count-1 .collage-tile img,.content .media-collage.count-1 .collage-tile img{width:auto;height:auto;max-width:100%;max-height:520px;object-fit:contain}.media-collage.count-2{grid-template-columns:1fr 1fr;aspect-ratio:2 / 1}.media-collage.count-3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:3 / 2}.media-collage.count-3 .collage-tile:first-child{grid-row:1 / 3}.media-collage.count-4{grid-template-columns:repeat(3,1fr);grid-template-rows:2fr 1fr;aspect-ratio:1 / 1}.media-collage.count-4 .collage-tile:first-child{grid-column:1 / 4}.media-collage.count-5{grid-template-columns:repeat(6,1fr);grid-template-rows:1.25fr 1fr;aspect-ratio:6 / 5}.media-collage.count-5 .collage-tile:nth-child(-n+2){grid-column:span 3}.media-collage.count-5 .collage-tile:nth-child(n+3){grid-column:span 2}.media-collage.chat-collage{width:min(320px,100%);max-width:320px;margin:0;border-radius:18px}.media-collage.chat-collage.count-1{width:auto}.media-collage.chat-collage.count-1 .collage-tile img{max-width:min(280px,100%);max-height:360px;object-fit:cover}.chat-dock-panel .media-collage.chat-collage{width:min(250px,100%)}.chat-dock-panel .media-collage.chat-collage.count-1 .collage-tile img{max-height:260px}.editor-content img{display:inline-block;width:auto;max-width:calc(33.333% - 8px);max-height:150px;margin:4px 8px 4px 0;vertical-align:top;object-fit:cover}.media-lightbox{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:56px 72px;background:#08080aeb;cursor:zoom-out}.media-lightbox-img{max-width:100%;max-height:100%;border-radius:10px;object-fit:contain;box-shadow:0 24px 70px #00000080;cursor:default;animation:lightbox-in .2s ease}@keyframes lightbox-in{0%{opacity:0;transform:scale(.97)}}.media-lightbox-btn{position:absolute;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#ffffff1f;cursor:pointer;transition:background .15s ease}.media-lightbox-btn:hover{background:#ffffff3d}.media-lightbox-btn.close{top:16px;right:16px}.media-lightbox-btn.prev{left:16px;top:50%;transform:translateY(-50%)}.media-lightbox-btn.next{right:16px;top:50%;transform:translateY(-50%) scaleX(-1)}.media-lightbox-count{position:absolute;left:50%;bottom:18px;transform:translate(-50%);padding:5px 12px;border-radius:999px;color:#fff;background:#ffffff1f;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.lightbox-fade-enter-active,.lightbox-fade-leave-active{transition:opacity .18s ease}.lightbox-fade-enter-from,.lightbox-fade-leave-to{opacity:0}html.lightbox-open{overflow:hidden}@media(max-width:620px){.media-lightbox{padding:56px 8px}.media-lightbox-btn.prev,.media-lightbox-btn.next{top:auto;bottom:12px;transform:none}.media-lightbox-btn.next{transform:scaleX(-1)}}.chat-bubble-wrap>.media-collage.chat-collage{flex:none;width:300px;max-width:100%}.chat-bubble-wrap>.media-collage.chat-collage.count-1{width:auto;max-width:none}.media-collage.chat-collage.count-1 .collage-tile{display:block}.media-collage.chat-collage.count-1 .collage-tile img{width:auto;height:auto;max-width:280px;max-height:360px;min-width:120px;min-height:80px;object-fit:cover}.chat-dock-panel .chat-bubble-wrap>.media-collage.chat-collage{width:240px}.chat-dock-panel .chat-bubble-wrap>.media-collage.chat-collage.count-1{width:auto}.chat-dock-panel .media-collage.chat-collage.count-1 .collage-tile img{max-width:230px;max-height:260px}.feed-sticky-compose{position:sticky;top:calc(var(--topbar) + 14px);z-index:45;height:0;margin-top:-14px;display:flex;justify-content:flex-end;padding-right:24px;pointer-events:none}.round-action.sticky-compose-btn{color:#fff;background:var(--primary);box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 40%,transparent),0 2px 6px color-mix(in srgb,var(--shadow-tint) 14%,transparent);opacity:0;transform:scale(.6);transition:opacity .18s ease,transform .2s cubic-bezier(.2,.8,.3,1.3),background .15s ease}.round-action.sticky-compose-btn:hover{background:var(--primary-fill-hover);transform:scale(1.04)}.feed-sticky-compose.visible .sticky-compose-btn{opacity:1;transform:scale(1);pointer-events:auto}@media(max-width:620px){.feed-sticky-compose{padding-right:18px}}.video-player{position:relative;width:100%;max-width:100%;margin:12px 0;overflow:hidden;border-radius:14px;background:#000;outline:none;box-shadow:var(--shadow-1)}.video-player:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 55%,transparent)}.content .video-player .video-player-media,.video-player .video-player-media{display:block;width:100%;max-width:100%;max-height:520px;margin:0;border-radius:0;object-fit:contain;background:#000;cursor:pointer}.video-player.fullscreen{border-radius:0}.video-player.fullscreen .video-player-media{height:100vh;max-height:none}.video-player.idle{cursor:none}.vp-big-play{position:absolute;left:50%;top:50%;width:76px;height:76px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--primary);box-shadow:0 12px 34px color-mix(in srgb,var(--primary) 50%,transparent),0 0 0 8px color-mix(in srgb,#fff 16%,transparent);transform:translate(-50%,-50%) scale(.8);opacity:0;pointer-events:none;cursor:pointer;transition:opacity .2s ease,transform .22s cubic-bezier(.2,.8,.3,1.3)}.vp-big-play .ui-icon{margin-left:4px}.video-player.paused .vp-big-play{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.video-player.paused .vp-big-play:hover{transform:translate(-50%,-50%) scale(1.07)}.vp-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:34px 14px 12px;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));transition:opacity .25s ease,transform .25s ease}.video-player.idle .vp-controls{opacity:0;transform:translateY(8px);pointer-events:none}.vp-btn{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;color:#fff;background:transparent;cursor:pointer;transition:background .15s ease,color .15s ease}.vp-btn:hover{color:#fff;background:color-mix(in srgb,var(--primary) 75%,transparent)}.vp-progress{--vp-h: 5px;position:relative;flex:1;min-width:60px;height:22px;cursor:pointer;touch-action:none}.vp-progress:before,.vp-buffered,.vp-played{content:"";position:absolute;left:0;top:50%;height:var(--vp-h);border-radius:999px;transform:translateY(-50%);transition:height .15s ease}.vp-progress:before{right:0;background:#ffffff38}.vp-buffered{width:var(--vp-buffered, 0%);background:#ffffff61}.vp-played{width:var(--vp-played, 0%);background:var(--primary)}.vp-thumb{position:absolute;top:50%;left:var(--vp-played, 0%);width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--primary),0 2px 6px #00000059;transform:translate(-50%,-50%) scale(.85);transition:transform .15s ease}.vp-progress:hover,.video-player.scrubbing .vp-progress{--vp-h: 7px}.vp-progress:hover .vp-thumb,.video-player.scrubbing .vp-thumb{transform:translate(-50%,-50%) scale(1.05)}.vp-progress:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:2px;border-radius:6px}.vp-time{flex:none;min-width:84px;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.4)}.vp-volume{width:78px;height:5px;flex:none;appearance:none;-webkit-appearance:none;border-radius:999px;background:linear-gradient(90deg,var(--primary) var(--vp-volume, 100%),rgba(255,255,255,.28) var(--vp-volume, 100%));cursor:pointer}.vp-volume::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--primary)}.vp-volume::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--primary)}.vp-volume::-moz-range-track{background:transparent}@media(max-width:620px){.vp-volume{display:none}.vp-controls{gap:6px;padding:28px 8px 8px}.vp-time{min-width:0;font-size:12px}.vp-big-play{width:64px;height:64px}}.yt-facade{position:relative;width:100%;aspect-ratio:16 / 9;margin:12px 0;overflow:hidden;border-radius:14px;background:#000;box-shadow:var(--shadow-1)}.yt-facade iframe,.content .yt-facade iframe{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:0;aspect-ratio:auto}.yt-facade-button{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#000;cursor:pointer}.yt-facade-thumb,.content .yt-facade-thumb{width:100%;height:100%;max-height:none;margin:0;border-radius:0;object-fit:cover;transition:transform .35s ease,filter .35s ease}.yt-facade-button:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#0000000d,#00000061)}.yt-facade-button:hover .yt-facade-thumb{transform:scale(1.03);filter:brightness(.92)}.yt-facade-play{position:absolute;z-index:1;left:50%;top:50%;width:76px;height:76px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--primary);box-shadow:0 12px 34px color-mix(in srgb,var(--primary) 50%,transparent),0 0 0 8px color-mix(in srgb,#fff 16%,transparent);transform:translate(-50%,-50%);transition:transform .22s cubic-bezier(.2,.8,.3,1.3)}.yt-facade-play .ui-icon{margin-left:4px}.yt-facade-button:hover .yt-facade-play{transform:translate(-50%,-50%) scale(1.07)}.yt-facade-badge{position:absolute;z-index:1;left:12px;bottom:12px;padding:4px 10px;border-radius:999px;color:#fff;background:#0000008c;font-size:11px;font-weight:800;letter-spacing:.04em}.yt-facade-button:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}.yt-facade.chat-youtube{margin:0;border-radius:18px}.yt-facade.chat-youtube .yt-facade-play{width:58px;height:58px;box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 45%,transparent),0 0 0 6px color-mix(in srgb,#fff 14%,transparent)}.yt-facade.chat-youtube.short{aspect-ratio:9 / 16}.chat-dock-panel .yt-facade.chat-youtube{width:250px;max-width:100%}.chat-dock-panel .yt-facade.chat-youtube.short{width:180px}.forgot-link{color:var(--primary-text);font-size:12px;font-weight:700;text-transform:none;letter-spacing:0}.forgot-link:hover{text-decoration:underline;text-underline-offset:3px}.auth-done{align-items:stretch;text-align:left}.auth-done-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--primary);box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 35%,transparent)}.auth-done-icon.warn{color:var(--primary);background:var(--primary-soft);box-shadow:none}.auth-hint{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.auth-inline-link{padding:0;background:transparent;color:var(--primary-text);font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.auth-skeleton{height:260px}.password-input{position:relative;display:block}.password-input input{width:100%;padding-right:92px}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:6px 10px;border-radius:8px;background:transparent;color:var(--primary-text);font-size:12px;font-weight:700;cursor:pointer}.password-toggle:hover{background:var(--primary-soft)}.password-strength{display:flex;align-items:center;gap:10px;margin-top:-6px}.password-strength-bar{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.password-strength-bar i{height:5px;border-radius:999px;background:var(--outline);transition:background .2s ease}.password-strength small{min-width:54px;color:var(--muted);font-size:11px;font-weight:700;text-align:right}.password-strength.s1 .password-strength-bar i:nth-child(-n+1),.password-strength.s2 .password-strength-bar i:nth-child(-n+2),.password-strength.s3 .password-strength-bar i:nth-child(-n+3),.password-strength.s4 .password-strength-bar i{background:var(--primary)}.password-strength.s1 .password-strength-bar i:nth-child(1){background:color-mix(in srgb,var(--primary) 45%,var(--outline))}.field-error{margin:-8px 0 0;color:var(--danger);font-size:12px;font-weight:600}.auth-card{position:relative}.auth-theme-toggle{position:absolute;top:16px;right:16px;z-index:3;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--text);background:var(--surface-2);border:1px solid var(--outline);cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease}.auth-theme-toggle:hover{color:var(--primary);background:var(--primary-soft);transform:rotate(-12deg)}.big-brand h1{margin:10px 0 6px;font-size:48px;line-height:1.05}.big-brand p{margin:0;font-size:19px;line-height:1.45}.google-signin{position:relative;width:100%;height:46px;min-height:46px;display:block}.google-signin-custom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--outline);border-radius:10px;background:var(--surface);color:var(--text);font-size:14px;font-weight:800;transition:background .15s ease,border-color .15s ease,color .15s ease}.google-signin-custom svg{width:18px;height:18px;flex:0 0 18px;fill:currentColor}.google-signin-native{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:.001}.google-signin:hover .google-signin-custom{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 45%,var(--outline));background:var(--primary-soft)}.google-signin.busy .google-signin-custom{opacity:.65}@media(max-width:620px){.big-brand h1{font-size:38px}.big-brand p{font-size:17px}.auth-theme-toggle{top:12px;right:12px}}