:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#050d17;--color-canvas-raised:#081522;--color-surface:#0c1a2a;--color-surface-strong:#112238;--color-surface-soft:#0a1726;--color-border:#24384f;--color-border-strong:#365471;--color-text:#f5f8fc;--color-text-muted:#9cafc5;--color-text-subtle:#a7b7ca;--color-accent:#2be3c2;--color-accent-strong:#10bea8;--color-accent-soft:#2be3c21f;--color-info:#64a4ff;--color-warning:#f1b43c;--color-danger:#ff716d;--color-live:#f05250;--shadow-panel:0 20px 70px #00000052;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Arial, sans-serif;--font-display:var(--font-sans);--focus-ring:0 0 0 3px #2be3c257;--sidebar-width:190px;--topbar-height:72px;--aside-width:304px;--content-max:1440px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.brand{color:var(--color-text);font:750 28px/1 var(--font-display);letter-spacing:.06em;align-items:center;gap:1px;text-decoration:none;display:inline-flex}.brand span{color:var(--color-accent)}.app-link{text-decoration:none}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(145deg,#112238eb,#081522f0);min-width:0;box-shadow:inset 0 1px #ffffff05}.button{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-strong);min-height:42px;color:var(--color-text);cursor:pointer;padding:9px 18px;font-weight:700;text-decoration:none;display:inline-flex}.button--primary{border-color:var(--color-accent);background:linear-gradient(100deg, var(--color-accent-strong), var(--color-accent));color:#021712}.button--ghost{background:0 0}.button--danger{border-color:var(--color-danger);color:var(--color-danger);background:#ff716d14}.button[data-disabled],.button:disabled{opacity:.62;cursor:not-allowed}.disabled-action{max-width:100%;display:inline-flex}.badge{border-radius:var(--radius-pill);width:fit-content;min-height:22px;color:var(--color-text-muted);white-space:nowrap;background:#9cafc51f;justify-content:center;align-items:center;gap:5px;padding:2px 8px;font-size:12px;display:inline-flex}.badge--accent{background:var(--color-accent-soft);color:var(--color-accent)}.badge--live{color:#ff8f8c;background:#f0525033}.badge--warning{color:var(--color-warning);background:#f1b43c29}.badge--info{color:var(--color-info);background:#64a4ff29}.avatar{color:#031420;background:linear-gradient(145deg,#36e0c2,#68a8ff);border-radius:50%;flex:none;place-items:center;font-weight:800;display:inline-grid}.avatar--sm{width:34px;height:34px;font-size:12px}.avatar--md{width:44px;height:44px}.avatar--lg{border-radius:var(--radius-md);width:70px;height:70px;font-size:20px}.avatar--tone-1{background:linear-gradient(145deg,#2ed6c0,#7fe2e7)}.avatar--tone-2{background:linear-gradient(145deg,#47d1e8,#a47bff)}.avatar--tone-3{background:linear-gradient(145deg,#71a4ff,#a2c6ff)}.avatar--tone-4{background:linear-gradient(145deg,#ffd05c,#f29e39)}.capability-notice{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-muted);background:#f1b43c14;border:1px solid #f1b43c59;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.capability-notice svg{color:var(--color-warning)}.capability-notice code{color:var(--color-warning);overflow-wrap:anywhere;font-size:11px}.capability-notice--compact{padding:var(--space-2) var(--space-3);font-size:12px}.form-field{gap:var(--space-2);display:grid}.form-field label{color:var(--color-text);font-weight:650}.form-field input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:100%;min-height:46px;color:var(--color-text);background:#0b1929;padding:10px 14px}.form-field[data-disabled] input{opacity:.76}.setting-switch{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:52px;padding:var(--space-2) 0;color:var(--color-text);display:flex}.setting-switch[data-disabled]{opacity:.74}.setting-switch__copy{gap:3px;display:grid}.setting-switch__copy small{color:var(--color-text-muted)}.setting-switch__track{border-radius:var(--radius-pill);background:#3a4c62;width:46px;height:26px;padding:3px}.setting-switch__track span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;display:block}.setting-switch[data-selected] .setting-switch__track{background:var(--color-accent-strong)}.setting-switch[data-selected] .setting-switch__track span{transform:translate(20px)}[dir=rtl] .setting-switch[data-selected] .setting-switch__track span{transform:translate(-20px)}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr) var(--aside-width);grid-template-rows:var(--topbar-height) minmax(calc(100vh - var(--topbar-height)), auto);background:radial-gradient(circle at 45% -20%, #134a6b40, transparent 42%), var(--color-canvas);min-height:100vh;display:grid}.side-navigation{border-inline-end:1px solid var(--color-border);z-index:4;background:#050f1af5;flex-direction:column;grid-area:1/1/-1;height:100vh;min-height:100vh;display:flex;position:sticky;inset-block-start:0}.side-navigation__brand{height:var(--topbar-height);padding:0 var(--space-6);border-block-end:1px solid var(--color-border);align-items:center;display:flex}.side-navigation nav{gap:var(--space-2);padding:var(--space-4) var(--space-3);display:grid}.nav-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);min-height:48px;color:var(--color-text-muted);border:1px solid #0000;grid-template-columns:24px minmax(0,1fr) auto;padding:10px 14px;display:grid}.nav-item--active{border-color:var(--color-border-strong);color:var(--color-text);box-shadow:3px 0 0 var(--color-accent) inset;background:linear-gradient(90deg,#2be3c221,#112238cc)}[dir=rtl] .nav-item--active{box-shadow:-3px 0 0 var(--color-accent) inset}.identity-preview{margin:auto var(--space-3) var(--space-4);padding:var(--space-3);align-items:center;gap:var(--space-3);display:flex}.identity-preview>span:nth-child(2),.mini-person span,.preview-tile__meta span,.conversation-row span{gap:2px;min-width:0;display:grid}.identity-preview small,.mini-person small,.preview-tile__meta small,.conversation-row small{color:var(--color-text-muted);text-overflow:ellipsis;overflow:hidden}.top-bar{z-index:3;align-items:center;gap:var(--space-4);padding:0 var(--space-6);border-block-end:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050d17e8;grid-area:1/2/auto/-1;display:flex;position:sticky;inset-block-start:0}.top-bar__search,.public-header__search,.inert-search{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;min-height:42px;color:var(--color-text-muted);background:#0a1726;padding:9px 14px;display:flex}.top-bar__search{flex:1;max-width:620px;margin-inline:auto}.locale-select{flex:none}.locale-select__button{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:38px;color:var(--color-text);padding:8px 10px;display:flex}.locale-select__button--full{white-space:nowrap;width:142px;min-width:142px}.locale-popover{width:min(420px,100vw - 24px);max-height:360px;padding:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);background:#0b1929;overflow:auto}.locale-option{justify-content:space-between;gap:var(--space-4);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;padding:10px 12px;display:flex}.locale-option[data-focused]{background:var(--color-accent-soft)}.locale-option[data-selected]{color:var(--color-accent)}.locale-option code{color:var(--color-text-muted)}.page-content{width:100%;min-width:0;max-width:var(--content-max);padding:var(--space-5) var(--space-6) var(--space-12);grid-area:2/2/auto/-1;margin:0 auto}.page-content--with-aside{grid-column:2}.context-aside{align-content:start;gap:var(--space-4);padding:var(--space-5) var(--space-4);border-inline-start:1px solid var(--color-border);background:#07121ea6;grid-area:2/3;display:grid}.context-aside .card{padding:var(--space-4)}.context-aside h2{margin-block-start:0;font-size:17px}.mini-person{align-items:center;gap:var(--space-3);padding:9px 0;display:flex}.mini-person small{max-width:220px}.page-heading{margin:var(--space-6) 0}.page-heading>div{align-items:center;gap:var(--space-3);display:flex}.page-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(28px,3vw,40px)}.page-heading p{max-width:780px;margin:var(--space-2) 0 0;color:var(--color-text-muted);line-height:1.65}.centered-state{min-height:calc(100vh - 150px);padding:var(--space-8);place-items:center;display:grid}.route-state{align-content:center;place-items:center;gap:var(--space-3);max-width:680px;min-height:320px;padding:var(--space-10);text-align:center;display:grid}.route-state h2,.route-state p{margin:0}.route-state p{color:var(--color-text-muted)}.route-state code{color:var(--color-warning)}.skeleton-grid{width:100%;gap:10px;margin-block-start:var(--space-4);display:grid}.skeleton-grid span{border-radius:var(--radius-pill);background:linear-gradient(90deg,#13243a,#203652,#13243a) 0 0/200% 100%;height:18px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.public-shell{background:radial-gradient(circle at 50% 0, #0e496647, transparent 38%), var(--color-canvas);min-height:100vh}.public-header{align-items:center;gap:var(--space-4);min-height:68px;padding:0 var(--space-6);border-block-end:1px solid var(--color-border);grid-template-columns:auto minmax(240px,560px) auto auto auto;display:grid}.public-header__search{justify-self:center;width:100%}.public-shell>.capability-notice{margin:var(--space-4) var(--space-6) 0}.public-shell>main{padding:var(--space-4) var(--space-6) var(--space-12)}.home-layout{max-width:var(--content-max);gap:var(--space-8);margin:0 auto;display:grid}.hero-card{min-height:430px;position:relative;overflow:hidden}.media-art{isolation:isolate;background:radial-gradient(circle at 50% 45%,#263a88 0 8%,#0000 9%),linear-gradient(135deg,#111e44,#28152f 55%,#081b26);min-height:220px;position:relative;overflow:hidden}.media-art:before{content:"";aspect-ratio:1;border:1px solid #53d5eb66;width:30%;position:absolute;inset:16% 35%;transform:rotate(45deg);box-shadow:0 0 60px #6f46ff40}.media-art>span{clip-path:polygon(50% 0,78% 27%,66% 50%,88% 76%,62% 100%,50% 76%,38% 100%,12% 76%,34% 50%,22% 27%);filter:drop-shadow(0 12px 20px #00000073);background:linear-gradient(#9be9f7,#5f9dd8 56%,#c99c6f);width:14%;height:52%;position:absolute;inset:24% 43%}.media-art>i,.media-art>b{background:radial-gradient(circle,#2be3c240,#0000 68%);border:1px solid #2be3c247;border-radius:50%;width:18%;height:30%;position:absolute;bottom:8%}.media-art>i{left:15%}.media-art>b{background:radial-gradient(circle,#ffa84c38,#0000 68%);right:12%}.hero-card>.media-art{min-height:100%;position:absolute;inset:0}.hero-card>.media-art:after,.feature-card>.media-art:after,.profile-hero>.media-art:after{content:"";background:linear-gradient(90deg,#030a12f0,#030a1233 58%,#030a1259);position:absolute;inset:0}[dir=rtl] .hero-card>.media-art:after,[dir=rtl] .feature-card>.media-art:after,[dir=rtl] .profile-hero>.media-art:after{background:linear-gradient(-90deg,#030a12f0,#030a1233 58%,#030a1259)}.hero-card__copy{z-index:1;justify-items:start;gap:var(--space-3);max-width:580px;padding:clamp(32px,6vw,72px);display:grid;position:relative}.hero-card__copy h1{letter-spacing:-.05em;max-width:520px;margin:0;font-size:clamp(34px,5vw,64px);line-height:1.02}.hero-card__copy p{color:var(--color-text-muted);line-height:1.6}.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800;color:var(--color-accent)!important}.content-section{gap:var(--space-4);display:grid}.section-title{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.section-title h2{margin:0}.section-title span{color:var(--color-text-muted)}.preview-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;display:grid}.preview-tile{overflow:hidden}.preview-tile .media-art{min-height:128px}.preview-tile__meta{align-items:center;gap:var(--space-2);padding:var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.preview-tile__meta .badge{grid-column:2}.community-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.community-card{align-items:center;gap:var(--space-4);min-height:116px;padding:var(--space-4);display:flex}.community-card svg{color:var(--color-warning)}.community-card div{gap:var(--space-2);display:grid}.community-card small{color:var(--color-text-muted)}.auth-shell{background:var(--color-canvas);grid-template-columns:minmax(360px,1fr) minmax(540px,.92fr);min-height:100vh;display:grid}.auth-art{min-height:100vh;padding:var(--space-8);background:radial-gradient(circle at 52% 42%,#5a36b18c,#0000 13%),linear-gradient(145deg,#030c1666,#050d17e6),repeating-linear-gradient(60deg,#071529 0 2px,#111a3b 2px 10px);position:relative;overflow:hidden}.auth-art:after{content:"";clip-path:polygon(50% 0,72% 18%,64% 45%,82% 72%,62% 100%,50% 74%,38% 100%,18% 72%,36% 45%,28% 18%);filter:drop-shadow(0 20px 70px #000);background:linear-gradient(#171f43,#1c1530);border:1px solid #5b7ace66;width:34%;height:58%;position:absolute;inset:18% 34%}.auth-art__copy{z-index:1;max-width:420px;margin-block-start:min(32vh,300px);position:relative}.auth-art__copy h1{margin:var(--space-4) 0;font-size:clamp(36px,5vw,64px);line-height:1.06}.auth-art__copy p,.auth-art__copy li{color:var(--color-text-muted);line-height:1.7}.auth-art__copy ul{gap:var(--space-3);padding-inline-start:22px;display:grid}.auth-main{align-content:center;gap:var(--space-4);min-width:0;padding:clamp(24px,5vw,72px);display:grid}.auth-main__toolbar{position:absolute;inset-block-start:var(--space-5);inset-inline-end:var(--space-6)}.auth-card{gap:var(--space-4);width:min(100%,680px);margin:0 auto;padding:clamp(24px,4vw,46px);display:grid}.auth-card h2{margin:0;font-size:clamp(28px,4vw,42px)}.auth-card>p{color:var(--color-text-muted);margin:0}.auth-card>.app-link{color:var(--color-accent);justify-self:center}.tabs{gap:var(--space-4);display:grid}.tabs [role=tablist]{gap:var(--space-2);border-block-end:1px solid var(--color-border);display:flex;overflow-x:auto}.tabs [role=tab]{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-block-end:2px solid #0000;padding:12px 16px}.tabs [role=tab][data-selected]{color:var(--color-accent);border-color:var(--color-accent)}.tabs [role=tabpanel]{gap:var(--space-4);display:grid}.feature-card{min-height:310px;position:relative;overflow:hidden}.feature-card>.media-art{min-height:100%;position:absolute;inset:0}.feature-card>div:last-child{z-index:1;justify-items:start;gap:var(--space-3);width:min(56%,580px);padding:var(--space-8);display:grid;position:relative}.feature-card h2{margin:0;font-size:clamp(28px,4vw,46px)}.feature-card p{color:var(--color-text-muted)}.inert-search{margin-block-end:var(--space-4)}.people-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.person-card{gap:var(--space-4);padding:var(--space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.person-card h2,.person-card p{margin:0 0 var(--space-2)}.person-card p{color:var(--color-text-muted)}.person-card__actions{gap:var(--space-3);grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.person-card__actions .button,.person-card__actions .disabled-action{width:100%}.messaging-layout{border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:minmax(220px,32%) minmax(0,1fr);min-height:620px;display:grid;overflow:hidden}.conversation-list{border:0;border-inline-end:1px solid var(--color-border);padding:var(--space-4);border-radius:0}.conversation-list h2{margin-block-start:0}.conversation-row{align-items:center;gap:var(--space-3);border-block-end:1px solid #24384f8c;padding:12px 8px;display:flex}.message-thread{background:#071321;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}.message-thread>header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border-block-end:1px solid var(--color-border);display:flex}.message-thread>header>div{align-items:center;gap:var(--space-3);display:flex}.message-thread>header span{display:grid}.message-thread>header small{color:var(--color-text-muted)}.message-thread__body{gap:var(--space-3);padding:var(--space-5);flex-direction:column;display:flex;overflow:auto}.message-bubble{border-radius:var(--radius-md);background:var(--color-surface-strong);align-self:flex-start;max-width:min(76%,620px);padding:12px 16px}.message-bubble--own{background:#103b3a;align-self:flex-end}.message-bubble strong{color:var(--color-accent)}.message-bubble time{color:var(--color-text-subtle);margin-inline-start:var(--space-2);font-size:12px}.message-bubble p{margin:6px 0;line-height:1.55}.message-bubble small{color:var(--color-text-muted)}.system-message{align-self:center;align-items:center;gap:var(--space-3);padding:var(--space-4);border-color:#f1b43c61;display:flex}.system-message svg{color:var(--color-warning)}.system-message p{color:var(--color-text-muted);margin-block-end:0}.message-thread>footer{align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3) var(--space-4);border-block-start:1px solid var(--color-border);color:var(--color-text-muted);display:flex}.live-chat{gap:var(--space-3);display:grid}.video-stage{position:relative;overflow:hidden}.video-stage .media-art{min-height:clamp(320px,48vw,620px)}.video-stage__overlay{inset:var(--space-4);pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.creator-summary{align-items:center;gap:var(--space-4);padding:var(--space-4);margin-block-start:var(--space-4);display:flex}.creator-summary>div{margin-inline-end:auto}.creator-summary h2,.creator-summary p{margin:0 0 var(--space-2)}.studio-status{align-items:center;gap:var(--space-4);padding:var(--space-4);border-color:#2be3c26b;display:flex}.studio-status svg{color:var(--color-accent)}.studio-status h2,.studio-status p{margin:0 0 4px}.studio-status p{color:var(--color-text-muted)}.studio-grid{gap:var(--space-4);margin:var(--space-4) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-grid>.card{min-width:0;padding:var(--space-4)}.studio-grid h2{margin-block-start:0}.studio-grid code{overflow-wrap:anywhere;color:var(--color-text-muted)}.studio-grid p{align-items:center;gap:var(--space-2);color:var(--color-text-muted);display:flex}.studio-grid .media-art{min-height:240px;margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) var(--space-4);border-radius:var(--radius-md) var(--radius-md) 0 0}.notification-list{gap:var(--space-3);display:grid}.notification-card{align-items:center;gap:var(--space-4);padding:var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.notification-card p{color:var(--color-text-muted);margin:4px 0}.profile-hero{min-height:380px;position:relative;overflow:hidden}.profile-hero>.media-art{min-height:100%;position:absolute;inset:0}.profile-hero__identity{align-items:center;gap:var(--space-4);z-index:1;display:flex;position:absolute;inset-block-end:80px;inset-inline-start:var(--space-6)}.profile-hero__identity h2,.profile-hero__identity p{margin:0 0 4px}.profile-hero dl{z-index:1;gap:var(--space-8);margin:0;display:flex;position:absolute;inset-block-end:var(--space-4);inset-inline-start:var(--space-6)}.profile-hero dl div{display:grid}.profile-hero dt{font-size:20px;font-weight:800}.profile-hero dd{color:var(--color-text-muted);margin:0}.profile-grid{gap:var(--space-4);grid-template-columns:2fr 1fr;margin-block-start:var(--space-4);display:grid}.profile-grid>.card{padding:var(--space-4)}.profile-grid h2{margin-block-start:0}.locale-card{gap:var(--space-5);padding:var(--space-5);grid-template-columns:minmax(280px,1.15fr) minmax(280px,1fr);display:grid}.locale-card>div:first-child{grid-column:1/-1}.locale-card h2{margin-block-start:0}.locale-card p{color:var(--color-text-muted)}.locale-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.locale-link{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);background:#11223899;border:1px solid #0000;min-height:42px;padding:8px 12px;display:flex}.locale-link code{color:var(--color-text-muted)}.locale-link--selected{border-color:var(--color-accent);color:var(--color-accent)}.rtl-preview{align-content:start;gap:var(--space-3);padding:var(--space-4);display:grid}.rtl-preview h3,.rtl-preview p{margin:0}.rtl-preview p{padding:var(--space-3);border-radius:var(--radius-md);background:#103b3a}.settings-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--space-4);display:grid}.settings-grid>.card{padding:var(--space-4)}.settings-grid h2{margin-block-start:0}.segmented-preview{border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-columns:repeat(3,1fr);margin-block-end:var(--space-4);display:grid;overflow:hidden}.segmented-preview>*{text-align:center;padding:12px}.segmented-preview strong{background:var(--color-accent-soft);color:var(--color-accent)}.device-card{grid-column:1/-1}.device-card p{align-items:center;gap:var(--space-3);border-block-end:1px solid var(--color-border);grid-template-columns:auto 1fr auto;padding-block-end:var(--space-3);display:grid}@media (max-width:1180px){:root{--aside-width:0px}.context-aside{display:none}.page-content--with-aside{grid-column:2/-1}.preview-grid,.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-header{grid-template-columns:auto minmax(180px,1fr) auto auto}.public-header .locale-select{display:none}}@media (max-width:920px){:root{--sidebar-width:76px}.side-navigation__brand{padding:0 13px}.side-navigation__brand .brand{letter-spacing:0;font-size:18px}.nav-item{grid-template-columns:1fr;justify-items:center;padding:10px}.nav-item>span:not(.badge),.nav-item .badge{display:none}.identity-preview{justify-content:center}.identity-preview>span:not(.avatar){display:none}.top-bar{padding-inline:var(--space-4)}.top-bar>svg,.top-bar>.avatar{display:none}.auth-shell{grid-template-columns:35% minmax(0,1fr)}.auth-art__copy p,.auth-art__copy ul{display:none}.feature-card>div:last-child{width:72%}.studio-grid,.settings-grid,.profile-grid{grid-template-columns:1fr}.device-card{grid-column:auto}.messaging-layout{grid-template-columns:220px minmax(0,1fr)}.locale-card{grid-template-columns:1fr}.locale-card>div:first-child{grid-column:auto}}@media (max-width:680px){:root{--topbar-height:60px}.app-shell{padding-block-end:72px;display:block}.side-navigation{border:0;border-block-start:1px solid var(--color-border);z-index:20;flex-direction:row;width:100%;height:64px;min-height:64px;position:fixed;inset:auto 0 0}.side-navigation__brand,.identity-preview{display:none}.side-navigation nav{grid-template-columns:repeat(6,1fr);gap:0;width:100%;padding:4px}.side-navigation .nav-item:nth-child(n+7){display:none}.nav-item{border-radius:var(--radius-sm);min-height:54px}.top-bar{min-height:var(--topbar-height);padding-inline:var(--space-3);border-block-end:1px solid var(--color-border);position:sticky;inset-block-start:0}.top-bar__search{font-size:12px}.top-bar__search .badge{display:none}.top-bar .locale-select__button{width:42px;overflow:hidden}.top-bar .react-aria-SelectValue{display:none}.page-content,.page-content--with-aside{width:100%;padding:var(--space-3)}.page-heading{margin:var(--space-5) 0}.page-heading h1{font-size:28px}.capability-notice{grid-template-columns:auto 1fr}.capability-notice code{grid-column:1/-1}.public-header{min-height:60px;padding:0 var(--space-3);grid-template-columns:auto 1fr auto}.public-header__search,.public-header .locale-select{display:none}.public-header .button{padding-inline:10px;font-size:12px}.public-shell>.capability-notice{margin:var(--space-3)}.public-shell>main{padding:0 var(--space-3) var(--space-8)}.hero-card{min-height:520px}.hero-card__copy{padding:var(--space-6);align-content:end;min-height:520px}.hero-card__copy h1{font-size:36px}.preview-grid,.community-grid,.people-grid{grid-template-columns:1fr}.auth-shell{display:block}.auth-art{display:none}.auth-main{min-height:100vh;padding:72px var(--space-3) var(--space-6)}.auth-main__toolbar{inset-block-start:var(--space-3);inset-inline-end:var(--space-3)}.auth-main__toolbar .locale-select{width:142px}.auth-main__toolbar .locale-select__button{font-size:12px}.auth-card{padding:var(--space-5)}.feature-card{min-height:440px}.feature-card>div:last-child{width:100%;min-height:440px;padding:var(--space-5);align-content:end}.messaging-layout{min-height:auto;display:block}.conversation-list{display:none}.message-thread{min-height:620px}.message-bubble{max-width:90%}.creator-summary{grid-template-columns:auto 1fr;display:grid}.creator-summary .disabled-action{display:none}.studio-grid{grid-template-columns:1fr}.notification-card{grid-template-columns:auto minmax(0,1fr)}.notification-card .disabled-action{grid-column:1/-1;width:100%}.notification-card .button{width:100%}.profile-hero{min-height:460px}.profile-hero__identity{inset-inline:var(--space-4);inset-block-end:120px}.profile-hero dl{inset-inline:var(--space-4);gap:var(--space-5)}.locale-grid{grid-template-columns:1fr}.locale-card{padding:var(--space-4)}.settings-grid{grid-template-columns:1fr}}@media (forced-colors:active){.card,.button,.form-field input,.nav-item,.capability-notice{border:1px solid canvastext}.nav-item--active,.button--primary{color:highlighttext;background:highlight}}.storybook-gallery{align-content:start;gap:var(--space-5);min-height:100vh;padding:var(--space-8);background:var(--color-canvas);display:grid}.storybook-gallery h1{margin:0}.storybook-gallery__row{align-items:center;gap:var(--space-4);padding:var(--space-5);flex-wrap:wrap;display:flex}.storybook-gallery__form{gap:var(--space-4);max-width:680px;padding:var(--space-5);display:grid}
*{box-sizing:border-box}html{background:var(--color-canvas);min-width:320px}body{background:var(--color-canvas);min-height:100vh;color:var(--color-text);font-family:var(--font-sans);margin:0}button,input,select,textarea{font:inherit}a{color:inherit}::selection{color:var(--color-text);background:#2be3c247}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:var(--focus-ring)}