:root{color-scheme:light dark;--bg:#ffffff;--surface:#ffffff;--ink:#111111;--muted:#666666;--line:#e5e5e5;--accent:#767676;--glass:rgba(255,255,255,.82);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:clamp(38px,6vw,70px);line-height:1.08;letter-spacing:-3px;font-weight:450}h2{font-size:26px;font-weight:500;letter-spacing:-.7px}h3{font-size:18px;font-weight:500}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:3px;font-weight:550}.brand img{width:38px;height:38px}.pill,.button{border:1px solid var(--line);border-radius:28px;padding:10px 18px;background:var(--surface)}.button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.button.blue{background:#2779e8;color:white;border-color:#2779e8}.icon{border:0;background:transparent;width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center}.icon:hover,.pill:hover{background:var(--line)}.icon svg,.nav-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:18px}.badge{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:5px 10px;white-space:nowrap}.dev-banner{font-size:11px;background:var(--ink);color:var(--bg);padding:9px 20px;text-align:center}.welcome{max-width:1160px;margin:auto;padding:38px 40px}.welcome header{margin-bottom:72px}.welcome-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center}.intro p{max-width:400px;font-size:17px;color:var(--muted);margin-top:26px;line-height:1.8}.intro .eyebrow{margin-bottom:22px}.intro h1 span{color:#666666}.intro-foot{margin-top:50px;border-top:1px solid var(--line);padding-top:22px;display:flex;gap:38px;font-size:12px}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:0 20px 80px #11111106}.auth-card h2{margin-bottom:7px}.auth-card .sub{margin-bottom:24px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px}.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:12px;color:var(--ink);width:100%}.field textarea{min-height:96px;resize:vertical}.check{display:flex;gap:9px;align-items:flex-start;font-size:12px}.check input{margin-top:4px}.auth-card form{display:flex;flex-direction:column;gap:16px}.auth-card .button{width:100%}.text-button{padding:5px 0;border:0;background:none;text-decoration:underline;font-size:12px}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.legal-links{margin-top:45px;display:flex;flex-wrap:wrap;gap:20px;font-size:11px;color:var(--muted)}.shell{display:grid;grid-template-columns:230px minmax(400px,620px) 280px;gap:44px;max-width:1260px;margin:auto;padding:32px 28px 120px}.sidebar{position:sticky;top:32px;align-self:start}.sidebar .brand{margin-bottom:38px}.sidebar .side-links{display:flex;flex-direction:column;gap:7px}.side-link{display:flex;align-items:center;gap:14px;border:0;background:transparent;border-radius:18px;padding:14px;text-align:left}.side-link.active{background:var(--surface);border:1px solid var(--line)}.side-link .nav-icon{height:22px}.sidebar footer{margin-top:55px;font-size:11px;color:var(--muted)}.feed-header{position:sticky;top:0;z-index:3;padding:4px 0 18px;background:var(--bg)}.logo-selector{border:0;background:none;display:flex;align-items:center;gap:8px;font-size:25px;font-weight:500;letter-spacing:-.8px}.logo-selector small{font-size:10px;color:var(--muted)}.feed-meta{font-size:11px;margin-top:4px}.floating-menu{position:absolute;z-index:5;background:var(--glass);backdrop-filter:blur(25px);border:1px solid var(--line);border-radius:20px;padding:8px;box-shadow:0 15px 45px #0001;min-width:190px}.floating-menu button{display:block;width:100%;padding:12px;text-align:left;background:transparent;border:0;border-radius:12px}.floating-menu button:hover{background:var(--line)}.sare-strip{display:flex;gap:18px;overflow-x:auto;padding:16px 0 22px;border-bottom:1px solid var(--line);margin-bottom:24px}.sare-item{border:0;background:none;text-align:center;min-width:57px;font-size:10px}.avatar{height:42px;width:42px;border-radius:15px;background:#ededed;display:inline-grid;place-items:center;font-size:14px;color:#111111;font-weight:550;flex-shrink:0}.sare-item .avatar{height:54px;width:54px;border-radius:19px;border:2px solid var(--accent);margin-bottom:6px}.post{background:var(--surface);border:1px solid var(--line);border-radius:25px;overflow:hidden;margin-bottom:24px}.post-top{padding:17px 18px}.author{font-size:13px;font-weight:550}.author-button{border:0;background:transparent;text-align:left;padding:0}.post-time{font-size:10px;color:var(--muted)}.post-media img{display:block;width:100%;max-height:620px;object-fit:contain;background:var(--bg)}.post-media video{display:block;width:100%;max-height:650px;background:#000000}.post-bottom{padding:12px 18px 19px}.post-actions{display:flex;align-items:center;gap:8px;margin-bottom:9px}.action{border:0;background:none;display:flex;align-items:center;gap:6px;border-radius:20px;padding:9px 7px;font-size:11px}.action.active{color:#c93a49}.action svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6}.post-caption{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.empty{padding:72px 30px;text-align:center;border:1px dashed var(--line);border-radius:26px;display:flex;flex-direction:column;gap:16px;align-items:center}.empty img{width:56px;height:56px;opacity:.7}.empty p{max-width:320px;color:var(--muted);font-size:13px}.rail{position:sticky;top:34px;align-self:start}.rail-card{border:1px solid var(--line);border-radius:24px;padding:24px;background:var(--surface);margin-bottom:20px}.rail-card p{margin-top:10px;font-size:12px;color:var(--muted)}.rail-card .eyebrow{margin-bottom:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#767676;display:inline-block;margin-right:7px}.nav-bottom{display:none}.page-card{padding:28px;border:1px solid var(--line);border-radius:25px;background:var(--surface);margin-bottom:20px}.page-card h2{margin-bottom:18px}.page-card h3{margin-bottom:9px}.page-card form{display:flex;flex-direction:column;gap:18px}.profile-head{display:flex;align-items:center;gap:20px;margin-bottom:22px}.profile-head .avatar{width:76px;height:76px;border-radius:27px;font-size:26px}.profile-counts{display:flex;gap:22px;font-size:12px;margin-top:15px}.profile-bio{margin-top:15px;white-space:pre-wrap;overflow-wrap:anywhere}.profile-actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}.segment{display:flex;gap:8px;margin:15px 0 22px;flex-wrap:wrap}.segment .active{background:var(--ink);color:var(--bg)}.search-input{border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);width:100%;padding:14px 18px;margin-bottom:24px}.person{display:flex;gap:12px;padding:14px 0;align-items:center;border-bottom:1px solid var(--line)}.person .name{flex:1}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.grid button{border:0;padding:0;background:var(--line);border-radius:12px;overflow:hidden;aspect-ratio:1}.grid img,.grid video{width:100%;height:100%;object-fit:cover}.grid .caption{padding:12px;font-size:11px}.charts .post-media video{aspect-ratio:9/16;width:100%;max-height:72vh;object-fit:contain}.charts .post{scroll-snap-align:start}.charts{scroll-snap-type:y proximity}.notice{font-size:12px;background:var(--bg);padding:15px;border-radius:14px;margin:15px 0}.notice.blue{background:#2779e80b;color:#2779e8}.session,.notification{padding:15px 0;border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px}.stat{background:var(--bg);border-radius:17px;padding:20px}.stat strong{font-size:30px;font-weight:400;display:block}.stat span{font-size:11px;color:var(--muted)}.progress{width:100%;accent-color:var(--accent)}.upload-preview img,.upload-preview video{width:100%;max-height:380px;object-fit:contain;border-radius:18px}.draft-note{font-size:11px;color:var(--muted)}dialog{max-width:560px;width:calc(100% - 32px);max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:26px;padding:26px;background:var(--surface);color:var(--ink)}dialog::backdrop{background:#00000066;backdrop-filter:blur(7px)}dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}dialog button{white-space:normal}.dialog-list{display:flex;flex-direction:column;gap:9px}.comment{padding:14px 0;border-bottom:1px solid var(--line)}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.comment small{color:var(--muted)}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:50;background:var(--ink);color:var(--bg);padding:12px 20px;border-radius:25px;max-width:90%;font-size:12px;display:none}#toast.show{display:block}.mail-token{font:11px monospace;word-break:break-all;background:var(--bg);padding:12px;border-radius:9px;margin:12px 0}.danger{color:#b04c4c}.policy p{margin:12px 0;line-height:1.8}.policy li{margin:9px 0}.hidden{display:none!important}[data-theme=dark]{--bg:#0b1015;--surface:#121a22;--ink:#edf3f8;--muted:#a2afbb;--line:#29353f;--accent:#767676;--glass:#141414cc}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1015;--surface:#121a22;--ink:#edf3f8;--muted:#a2afbb;--line:#29353f;--glass:#141414cc}}@media(min-width:1700px){.shell{gap:65px;max-width:1440px;grid-template-columns:260px minmax(500px,660px) 300px}}@media(max-width:1120px){.shell{grid-template-columns:190px minmax(350px,620px);justify-content:center;gap:30px}.rail{display:none}.welcome-grid{gap:45px}}@media(max-width:720px){h1{letter-spacing:-2px}.welcome{padding:24px 20px}.welcome header{margin-bottom:45px}.welcome-grid{grid-template-columns:1fr;gap:40px}.intro p{font-size:15px;max-width:330px}.intro-foot{margin-top:27px;gap:24px}.auth-card{padding:25px}.legal-links{margin:30px 0}.shell{display:block;padding:15px 15px 125px}.sidebar,.rail{display:none}.feed-header{padding-top:5px}.logo-selector{font-size:26px}.feed-meta{font-size:10px}.post{border-radius:23px;margin-bottom:20px}.nav-bottom{position:fixed;bottom:max(15px,env(safe-area-inset-bottom));left:14px;right:14px;z-index:10;display:flex;align-items:center;justify-content:space-around;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(25px) saturate(1.4);border-radius:31px;padding:9px 5px;box-shadow:0 8px 25px #0001}.nav-bottom button{display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent;border:0;min-width:53px;min-height:44px;font-size:9px;color:var(--muted)}.nav-bottom .active{color:var(--ink)}.nav-bottom .create .nav-icon{background:var(--ink);color:var(--bg);height:36px;width:42px;border-radius:14px;display:grid;place-items:center}.page-card{padding:23px}.dev-banner{font-size:9px;padding:7px 10px}.empty{padding:55px 24px}.legal-links a{min-height:24px}.charts .post-media video{max-height:68vh}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Glass belongs to floating controls; media retains its contrast. */
.shell.charts-shell{padding-bottom:0}.charts-shell .feed-header{position:relative}.charts-shell #content.charts{height:calc(100dvh - 132px);display:block;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;background:#000;border-radius:24px;position:relative;outline-offset:2px}
.charts #posts{display:contents}.charts .post{height:100%;min-height:100%;margin:0;border:0;border-radius:0;background:#000;color:#fff;position:relative;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.charts .post-media{position:absolute;inset:0}.charts .post-media video{width:100%;height:100%;max-height:none;object-fit:contain;aspect-ratio:auto}.charts .post-top{position:absolute;top:0;left:0;right:0;z-index:1;background:linear-gradient(#000b,transparent);padding:16px}.charts .post-time{color:#e0e0e0}.charts .avatar{color:#111;background:#fff}.charts .post-bottom{position:absolute;left:0;right:0;bottom:0;padding:24px 76px 30px 20px;pointer-events:none;background:linear-gradient(transparent,#000d)}.charts .post-bottom button{pointer-events:auto}.charts .post-actions{position:absolute;right:10px;bottom:30px;flex-direction:column;gap:8px}.charts .action{display:flex;flex-direction:column;font-size:12px;width:48px;min-height:48px;background:#0006;color:#fff}.charts .action.active{background:#ffffff26}.charts .action.active svg{fill:#fff}.charts .action svg{width:24px;height:24px}.charts .post-caption{max-height:6em;overflow:auto;pointer-events:auto}.charts .text-button{color:#fff}.charts #more{display:block;margin:24px auto;background:#fff;color:#111}.charts .empty{height:100%;justify-content:center;color:#fff}.charts .empty p{color:#ddd}.charts .empty .primary{background:#fff;color:#111}.auth-error{font-size:13px;color:var(--ink);border-left:3px solid currentColor;padding:10px 12px;background:var(--bg)}
@media(max-width:720px){.shell.charts-shell{padding:12px 0 0}.charts-shell .feed-header{padding:0 16px 12px}.charts-shell #content.charts{height:calc(100dvh - 166px - env(safe-area-inset-bottom));border-radius:0}.charts .post-top{padding:14px 16px}.charts .post-media video{max-height:none}}
@media(prefers-contrast:more){:root{--muted:#444;--line:#777}[data-theme=dark]{--muted:#ddd;--line:#aaa}.floating-menu,.nav-bottom{background:var(--surface);backdrop-filter:none}.charts .post-top,.charts .post-bottom{background:#000c}}
@media(prefers-reduced-transparency:reduce){.floating-menu,.nav-bottom{background:var(--surface);backdrop-filter:none}}

.review-media{display:block;max-width:100%;max-height:600px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}

.sidebar footer{display:flex;flex-wrap:wrap;gap:8px 14px}

.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;filter:none}

.sare-strip{overflow-x:auto;justify-content:flex-start;gap:20px;scrollbar-width:thin}.sare-item{flex-shrink:0;max-width:85px;display:flex;flex-direction:column;align-items:center;gap:6px}.sare-item>span:last-child{overflow:hidden;text-overflow:ellipsis;max-width:85px}.sare-ring{padding:3px;border:1.5px solid var(--ink);border-radius:50%}.sare-ring .avatar{width:52px;height:52px}.sare-dialog{padding:0;width:min(100vw,480px);max-height:calc(100dvh - 24px);overflow-y:auto;border-radius:24px;background:var(--bg);color:var(--ink)}.sare-header{padding:12px 18px}.sare-header progress{width:100%;height:3px;accent-color:var(--ink)}.sare-canvas{height:min(62dvh,620px);background:var(--surface);display:grid;place-items:center;overflow:hidden}.sare-canvas img,.sare-canvas video{width:100%;height:100%;object-fit:contain;filter:none}.sare-text{font-size:28px;line-height:1.35;padding:30px;white-space:pre-wrap;overflow-wrap:anywhere}.sare-footer{padding:14px 18px}.sare-emojis{justify-content:space-between}.sare-emojis button{font-size:23px}.sare-dialog::backdrop{background:rgba(0,0,0,.55)}
.sare-header{position:sticky;top:0;background:var(--bg);z-index:2}.sare-canvas{height:min(calc(100dvh - 320px),620px);min-height:180px}.sare-footer{gap:12px}.sare-footer>p{max-height:72px;overflow:auto}

.studio-dialog{max-width:1100px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:22px}.studio-dialog>header{position:sticky;top:-22px;background:var(--bg);z-index:3;padding:10px 0}.studio-layout{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.1fr);gap:24px;margin-top:16px}.studio-preview{align-self:start;position:sticky;top:62px;display:flex;flex-direction:column;gap:12px}.studio-preview canvas{width:100%;max-height:65dvh;object-fit:contain;background:#111;border-radius:18px}.studio-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-timeline{display:flex;flex-direction:column;gap:8px}.studio-timeline .row{gap:4px}.studio-overlay{border:1px solid var(--line);border-radius:16px;padding:12px}.studio-overlay summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.studio-camera-preview{max-height:65dvh;width:100%;object-fit:contain}@media(max-width:650px){.studio-layout{grid-template-columns:1fr}.studio-preview{position:static}.studio-preview canvas{max-height:42dvh}}

.statistics-chart{display:flex;align-items:flex-end;gap:2px;height:150px;border-bottom:1px solid var(--line);margin:20px 0}.statistics-chart span{flex:1;min-width:1px;background:var(--ink);opacity:.8;border-radius:3px 3px 0 0}.statistics-table{overflow:auto;max-height:300px}.statistics-table table{width:100%;text-align:left;border-collapse:collapse}.statistics-table td,.statistics-table th{padding:8px;border-bottom:1px solid var(--line)}

.collaboration-preview{display:block;width:100%;max-height:380px;object-fit:contain;border-radius:16px;margin-top:12px}
:root { --team-rule: color-mix(in srgb,currentColor 13%,transparent); }
.team-panel { border-top:1px solid var(--team-rule);padding-top:1rem; }
.team-toolbar { display:flex;gap:.5rem;flex-wrap:wrap;position:sticky;top:4rem;z-index:2;padding:.4rem;backdrop-filter:blur(16px);border-radius:1rem;background:color-mix(in srgb,var(--bg,#fff) 85%,transparent); }
.team-metrics { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem; }
.team-metrics dt,.team-metrics dd { margin:0;overflow-wrap:anywhere; }
.team-audit { border-top:1px solid var(--team-rule);padding:.6rem 0; }
.team-audit pre { white-space:pre-wrap;overflow-wrap:anywhere;font-size:.78rem; }
.team-panel textarea { min-height:5rem; }
.team-panel [data-status] { overflow-wrap:anywhere; }

/* Studio: real media, compact tools and a restrained glass surface. */
.studio-editor-dialog{width:min(980px,calc(100vw - 24px));padding:16px 20px;border-radius:26px;overflow:auto}.studio-editor-dialog>header{top:-16px;padding:4px 0 12px;gap:12px;justify-content:initial}.studio-editor-dialog h2{font-size:16px;letter-spacing:1.2px;margin-right:auto}.studio-editor-dialog h2 small{display:block;font-size:11px;letter-spacing:.3px;color:var(--muted)}.studio-editor-dialog .studio-next{min-height:44px;padding:8px 20px;order:5}.studio-editor-dialog .studio-layout{grid-template-columns:minmax(230px,1fr) minmax(300px,1fr);gap:22px;margin-top:8px}.studio-editor-dialog .studio-preview{gap:8px;position:relative;top:auto;align-self:stretch;justify-content:center}.studio-editor-dialog .studio-preview>canvas{border-radius:16px;max-height:70dvh;aspect-ratio:9/16;background:#000}.studio-editor-dialog .studio-preview-play{position:absolute;left:calc(50% - 22px);top:calc(50% - 36px);background:rgba(24,24,24,.5);color:#fff;border-color:#ffffff30;backdrop-filter:blur(12px)}.studio-editor-dialog [data-duration]{font-size:11px;text-align:center;font-variant-numeric:tabular-nums}.studio-round{width:44px;height:44px;min-width:44px;display:inline-grid;place-items:center;border:1px solid var(--line);background:var(--glass);border-radius:50%;padding:0}.studio-editor-dialog .stack{gap:16px;justify-content:flex-start}.studio-import-actions{display:flex;align-items:center;gap:8px}.studio-import{position:relative;overflow:hidden;font-size:0;border:1px solid var(--line);border-radius:24px;min-height:44px;justify-content:center;padding:0 14px;cursor:pointer}.studio-import span,.studio-small{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.studio-import input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0}.studio-import:focus-within{outline:2px solid var(--ink);outline-offset:3px}.studio-small{min-height:44px;padding:8px 14px}.studio-timeline{flex-direction:row;overflow-x:auto;padding:3px 2px 6px;gap:10px;scrollbar-width:thin}.studio-timeline>.row{flex:none;display:grid;grid-template-columns:repeat(3,24px);gap:1px}.studio-clip{grid-column:span 3;display:flex;flex-direction:column;align-items:center;border-radius:12px;overflow:hidden;padding:0;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:10px}.studio-clip.primary{border:2px solid var(--ink);background:var(--bg);color:var(--ink)}.studio-clip canvas{display:block;width:72px;height:84px;object-fit:cover;border:0}.studio-clip span{padding:4px}.studio-timeline .icon{width:24px;height:32px;min-width:24px}.studio-timeline .icon svg{width:16px;height:16px}.studio-toolset{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:8px 0;border-top:1px solid var(--line);background:var(--glass);border-radius:20px;backdrop-filter:blur(14px)}.studio-tool-panel>summary{list-style:none;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:56px;font-size:10px;text-align:center;cursor:pointer;padding:4px 2px}.studio-tool-panel>summary::-webkit-details-marker,.studio-draft-menu>summary::-webkit-details-marker{display:none}.studio-tool-panel[open]>summary{font-weight:600}.studio-tool-content{position:absolute;z-index:5;left:0;right:0;bottom:calc(100% + 10px);max-height:52dvh;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--glass);backdrop-filter:blur(24px);box-shadow:0 10px 50px #0002;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.studio-tool-content>p,.studio-tool-content>.row,.studio-tool-content>.studio-overlay,.studio-tool-content>.check{grid-column:1/-1}.studio-tool-content>p{font-size:11px;color:var(--muted)}.studio-tool-content .field input,.studio-tool-content .field select{min-height:44px;padding:10px}.studio-draft-menu{position:relative;font-size:11px}.studio-draft-menu>summary{list-style:none;padding:12px 8px;cursor:pointer}.studio-draft-menu[open]{position:absolute;right:90px;top:0;width:210px;z-index:10;padding:8px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(24px);border-radius:18px}.studio-draft-menu[open] button{display:block;width:100%;margin-bottom:6px;text-align:left;font-size:12px}.studio-draft-menu p{font-size:10px;padding:6px}.studio-editor-dialog [data-progress]{width:100%;height:4px;accent-color:var(--ink)}.studio-editor-dialog [data-status]{font-size:12px;color:var(--muted)}.studio-capture-dialog{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;overflow:hidden;background:#000;color:#fff;--ink:#fff;--bg:#000;--line:#ffffff28;--glass:rgba(18,18,18,.45)}.studio-capture-dialog .studio-camera-stage{position:absolute;inset:0}.studio-capture-dialog .studio-camera-preview{height:100%;width:100%;max-height:none;object-fit:cover;border-radius:0}.studio-capture-dialog .studio-round{backdrop-filter:blur(16px);color:#fff}.studio-camera-header{position:absolute!important;top:0!important;left:0;right:0;padding:calc(env(safe-area-inset-top) + 12px) 18px!important;display:flex;align-items:center;justify-content:space-between;background:transparent!important;gap:12px}.studio-camera-header strong{font-weight:500;font-size:16px;letter-spacing:2px}.studio-camera-quality{display:flex;align-items:center;gap:4px}.studio-camera-quality select{height:44px;font-size:11px;border:1px solid #ffffff28;border-radius:20px;padding:6px;background:#18181870;color:#fff}.studio-camera-rail{position:absolute;right:16px;top:calc(env(safe-area-inset-top) + 88px);display:flex;flex-direction:column;align-items:center;gap:18px;z-index:4}.studio-camera-rail>label{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;background:none;font-size:10px}.studio-camera-rail>label>svg,.studio-camera-rail summary{box-sizing:content-box;padding:10px;background:#18181865;border:1px solid #ffffff28;backdrop-filter:blur(16px);border-radius:50%}.studio-camera-rail select{border:0;background:#18181865;color:#fff;font-size:10px;border-radius:8px;max-width:80px;min-height:26px;text-align:center}.studio-camera-rail summary{list-style:none;display:grid;place-items:center;width:24px;height:24px;cursor:pointer}.studio-camera-rail summary::-webkit-details-marker{display:none}.studio-camera-rail [data-camera-hardware]{position:absolute;right:0;top:0;padding:16px;width:220px;display:flex;flex-direction:column;gap:12px;background:#181818dd;backdrop-filter:blur(20px);border:1px solid #ffffff30;border-radius:20px}.studio-camera-rail [data-camera-hardware] p{font-size:11px;color:#ccc}.studio-camera-footer{position:absolute;bottom:0;left:0;right:0;padding:12px 22px calc(env(safe-area-inset-bottom) + 18px);display:flex;flex-direction:column;gap:16px;align-items:center;background:linear-gradient(transparent,rgba(0,0,0,.22))}.studio-camera-footer [data-camera-status]{font-size:12px;font-variant-numeric:tabular-nums;min-height:18px;text-align:center}.studio-camera-modes{display:flex;gap:26px}.studio-camera-modes button{border:0;background:transparent;color:#fff;padding:8px;font-size:13px;opacity:.65}.studio-camera-modes button[aria-pressed=true]{font-weight:600;opacity:1}.studio-shutter-row{display:flex;justify-content:space-between;align-items:center;width:min(100%,360px);min-height:88px}.studio-camera-gallery{position:relative;overflow:hidden;cursor:pointer;border-radius:12px;border:1.5px solid #ffffffb0;width:44px;height:44px;background:#18181865}.studio-camera-gallery input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.studio-shutter-center{width:84px;height:84px;display:grid;place-items:center;margin:auto}.studio-shutter{width:84px;height:84px;border:4px solid #fff;border-radius:50%;background:transparent;display:grid;place-items:center;padding:4px;color:#fff}.studio-shutter span{width:66px;height:66px;display:block;border-radius:50%;background:#dd3b3b}.studio-photo-shutter span{background:#fff}.studio-shutter svg{width:30px;height:30px}.studio-shutter-row [data-camera-stop][hidden]{display:inline-grid;visibility:hidden}.studio-shutter[hidden]{display:none}.studio-capture-dialog [hidden]{display:none}.studio-capture-dialog .studio-shutter-row [data-camera-stop][hidden]{display:inline-grid;visibility:hidden}.studio-capture-dialog button:focus-visible,.studio-capture-dialog input:focus-visible,.studio-capture-dialog select:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:650px){.studio-editor-dialog{width:100vw;height:100dvh;max-height:none;max-width:none;margin:0;border-radius:0;padding:calc(env(safe-area-inset-top) + 10px) 16px calc(env(safe-area-inset-bottom) + 12px);overflow:auto}.studio-editor-dialog>header{top:0}.studio-editor-dialog .studio-layout{display:flex;flex-direction:column;gap:12px;min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 90px)}.studio-editor-dialog .studio-preview{min-height:220px;flex:1;display:grid;justify-items:center}.studio-editor-dialog .studio-preview>canvas{max-height:calc(100dvh - 330px);min-height:200px;width:auto;max-width:100%;aspect-ratio:9/16;border-radius:12px}.studio-editor-dialog .stack{gap:9px}.studio-import-actions{justify-content:center}.studio-timeline{min-height:122px}.studio-toolset{margin-top:2px}.studio-tool-content{max-height:45dvh}.studio-editor-dialog h2{font-size:14px}.studio-draft-menu>summary{font-size:10px;padding:12px 4px}.studio-editor-dialog .studio-next{padding:8px 14px}.studio-editor-dialog [data-status]:empty{display:none}}
@media(max-height:620px){.studio-camera-rail{gap:10px}.studio-camera-footer{gap:6px}.studio-camera-rail>label>svg,.studio-camera-rail summary{padding:7px}.studio-shutter,.studio-shutter-center{width:72px;height:72px}.studio-shutter span{width:54px;height:54px}.studio-camera-header{padding-top:10px!important}}

.studio-timeline>.row{grid-template-columns:repeat(3,44px)}.studio-timeline .icon{width:44px;height:44px;min-width:44px}.studio-clip{justify-self:center;max-width:100%}

.chat-recovery{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid var(--line);border-radius:24px;background:var(--bg);color:var(--ink);padding:22px}.chat-recovery::backdrop{background:rgba(0,0,0,.45)}.chat-recovery>section,.chat-recovery section{display:grid;gap:14px}.chat-recovery input:not([type=checkbox]){width:100%;min-height:44px;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--surface);color:var(--ink)}.chat-recovery p{white-space:pre-wrap;overflow-wrap:anywhere}.chat-recovery label{display:grid;gap:6px}.chat-recovery input[type=checkbox]{width:24px;height:24px}
/* Virelys: a single viewport, current video and one buffered successor. */
#app.immersive-virelys{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.immersive-virelys>.dev-banner{flex:none}.immersive-virelys>.shell{flex:1;min-height:0;min-width:0;width:100%;margin:0 auto;padding-top:18px}.charts-shell #main{min-height:0;position:relative;display:flex;flex-direction:column}.charts-shell .feed-header{flex:none}.charts-shell #content.charts{flex:1;min-height:0;height:auto;isolation:isolate}.charts .post-media video{object-fit:cover}.charts .post-top{display:none}.charts .virely-details{left:18px;right:86px;bottom:24px;padding:0;z-index:2;background:none;pointer-events:none}.virely-card::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72));pointer-events:none;z-index:1}.virely-creator{display:flex;align-items:center;gap:10px;margin-bottom:12px}.virely-creator .author-button{max-width:calc(100% - 74px);min-width:0}.virely-creator .author-button>span:last-child{overflow:hidden}.virely-creator .author{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650}.virely-creator .post-time{display:block;font-size:11px;color:#eee}.charts .virely-creator .avatar{width:34px;height:34px;min-width:34px;min-height:34px;max-width:34px;max-height:34px;aspect-ratio:1;overflow:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);border-radius:50%;background:#ffffff20;color:#fff;border:1px solid #ffffff55}.charts .virely-creator .avatar img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:cover;aspect-ratio:1}.virely-follow{font-size:11px;font-weight:600;border:1px solid #ffffff90;background:transparent;color:#fff;border-radius:8px;padding:6px 9px;min-height:32px}.virely-follow:disabled{opacity:.85;border-color:#ffffff40}.charts .post-caption{font-size:13px;line-height:1.45;max-height:4.35em;overflow:auto;margin-bottom:8px}.virely-sound{display:flex;align-items:center;gap:7px;text-decoration:none;max-width:100%;font-size:11px;text-align:left;padding:4px 0;min-height:28px}.virely-sound span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.virely-sound svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6}.post-collaborators{font-size:11px;margin-bottom:6px}.charts .virely-actions{right:12px;bottom:84px;z-index:3;gap:8px;margin:0}.charts .virely-actions .action{width:48px;min-height:48px;padding:4px;gap:3px;background:none;color:#fff;font-size:11px;text-shadow:0 1px 4px #0009}.charts .virely-actions .action svg{width:27px;height:27px;stroke-width:1.7;filter:drop-shadow(0 1px 2px #0006)}.charts .virely-actions .action.active{color:#fff;background:none}.charts .virely-actions .action[data-action=like].active{color:#ef5362}.charts .virely-actions .action.active svg{fill:currentColor}.charts .virely-actions .action[data-action=repost].active svg{fill:none}.virely-audio-art{position:absolute;right:17px;bottom:26px;z-index:3;width:38px;height:38px;min-width:38px;min-height:38px;max-width:38px;max-height:38px;aspect-ratio:1;overflow:hidden;border:2px solid #ffffffb3;border-radius:50%;padding:3px;background:#171717;color:#fff;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center}.virely-audio-art img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}.virely-audio-art svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.virely-progress{position:absolute;left:16px;right:16px;bottom:10px;height:2px;background:#ffffff35;z-index:3;border-radius:2px;overflow:hidden}.virely-progress::before{content:"";display:block;height:100%;width:var(--video-progress,0%);background:#fff;border-radius:2px}.virely-top-controls{position:absolute;right:10px;top:12px;display:flex;gap:2px;color:#fff;z-index:3}.virely-top-controls .icon{background:#00000025;width:38px;height:38px}.virely-mute .volume-symbol,.virely-mute[data-muted=false] .muted-symbol{display:none}.virely-mute[data-muted=false] .volume-symbol{display:inline}.virely-play-target{position:absolute;inset:0;border:0;border-radius:0;background:none;color:#fff;display:grid;place-items:center;width:100%;height:100%;z-index:0}.virely-play-symbol{display:grid;place-items:center;width:58px;height:58px;background:#00000035;border-radius:50%;opacity:.9}.virely-play-symbol svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.5}.playing .virely-play-symbol{opacity:0}.virely-buffering{position:absolute;inset:50% auto auto 50%;display:none;transform:translate(-50%,-50%);width:25px;height:25px;border:2px solid #ffffff50;border-top-color:#fff;border-radius:50%;animation:virely-loading .8s linear infinite;pointer-events:none}.media-waiting .virely-buffering{display:block}.media-waiting .virely-play-symbol{opacity:0}.virely-retry{display:none;position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff8;border-radius:22px;padding:10px 16px;background:#151515b3;color:#fff;min-height:44px}.media-failed .virely-retry{display:block}.media-failed .virely-play-symbol{opacity:0}.charts #more{min-height:80px}.charts .post-bottom .author-button,.charts .post-bottom .virely-follow,.charts .post-bottom .virely-sound,.charts .post-bottom .post-caption{pointer-events:auto}@keyframes virely-loading{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:720px){.immersive-virelys>.shell.charts-shell{padding:0;display:flex;flex-direction:column}.charts-shell #main{flex:1;height:auto}.charts-shell .feed-header{position:absolute;inset:0 0 auto;z-index:5;padding:calc(10px + env(safe-area-inset-top)) 16px 14px;background:linear-gradient(#0008,transparent);color:#fff;pointer-events:none}.charts-shell .feed-header button{pointer-events:auto;color:#fff}.charts-shell .feed-header .muted{color:#ddd}.charts-shell .feed-header .row{gap:2px}.charts-shell .feed-header .row .icon{width:36px;height:36px}.charts-shell #content.charts{height:auto;flex:1;border-radius:0}.charts .virely-top-controls{top:calc(80px + env(safe-area-inset-top));right:12px}.charts .virely-details{bottom:calc(104px + env(safe-area-inset-bottom));left:16px;right:82px}.charts .virely-actions{bottom:calc(162px + env(safe-area-inset-bottom));right:9px;gap:6px}.virely-audio-art{bottom:calc(108px + env(safe-area-inset-bottom));right:15px}.virely-progress{bottom:calc(91px + env(safe-area-inset-bottom));left:16px;right:16px}.immersive-virelys .nav-bottom{left:20px;right:20px;bottom:calc(12px + env(safe-area-inset-bottom));padding:7px 4px;border-color:#ffffff30;background:#14141495;backdrop-filter:blur(22px);--ink:#fff;--bg:#101010;--muted:#d0d0d0;border-radius:28px}.immersive-virelys .nav-bottom button{min-width:48px;min-height:41px;font-size:9px}.immersive-virelys .nav-bottom .create .nav-icon{height:33px;width:39px;border-radius:12px}}
@media(max-width:720px) and (max-height:700px){.charts .virely-actions{gap:2px}.charts .virely-actions .action{min-height:44px}.charts .post-caption{max-height:2.9em}.virely-creator{margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){.virely-buffering{animation:none}.media-waiting .virely-buffering{border-color:#fff}}
.charts .post-caption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.charts .post-caption{touch-action:pan-y}.charts .virely-play-target{touch-action:pan-y}
@media(max-width:720px) and (max-height:700px){.charts .post-caption{-webkit-line-clamp:2}}

.voice-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.voice-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.voice-composer{display:grid;gap:10px;padding-top:14px}.voice-composer audio,[data-voice-player] audio{display:block;width:100%;max-width:360px}.voice-composer audio[hidden],[data-voice-player] audio[hidden]{display:none}.voice-chip{border-radius:20px;padding:8px 12px;border:1px solid var(--line);font-size:13px}

.publish-cover{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--bg);margin-bottom:16px}.publish-cover-preview{display:block;width:min(100%,230px);height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:14px;background:#000;margin:0 auto}.publish-cover-controls{display:grid;gap:12px}.publish-cover-controls.hidden{display:none}.publish-cover-strip{display:flex;gap:3px;overflow:hidden;border-radius:9px}.publish-cover-strip button{padding:0;border:0;background:#000;min-width:0;flex:1}.publish-cover-strip canvas{display:block;width:100%;height:auto;aspect-ratio:9/16}.publish-cover-controls input{width:100%}.publish-cover-controls output{font-size:12px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.publish-cover .muted:empty{display:none}

/* Authentication reuses the shared ink/surface tokens and the existing mark. */
.welcome{width:min(100%,480px);max-width:480px;padding:32px 24px calc(24px + env(safe-area-inset-bottom));padding-top:calc(28px + env(safe-area-inset-top))}
.welcome .auth-header{margin-bottom:28px;gap:20px}
.welcome .brand{font-size:19px;letter-spacing:2px;gap:11px}
.welcome .brand img{width:40px;height:40px;border-radius:12px;border:1px solid var(--line)}
.welcome #language{min-width:66px;min-height:44px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--bg);color:var(--ink);font-size:13px}
.welcome .welcome-grid{display:block}
.welcome .auth-card{padding:26px 24px;border-radius:22px;background:var(--bg);box-shadow:none}
.welcome .auth-title{font-size:clamp(25px,5vw,30px);font-weight:650;line-height:1.2;letter-spacing:-.7px;margin-bottom:8px}
.welcome .auth-card .sub{font-size:14px;line-height:1.6;margin-bottom:22px}
.welcome .auth-card form{gap:14px}
.welcome .auth-card .field{gap:7px;font-size:12px;line-height:1.4;color:var(--muted)}
.welcome .auth-card .field input{min-height:48px;font-size:16px;line-height:1.4;border-radius:13px;padding:11px 13px;color:var(--ink)}
.welcome .auth-password-hint,.welcome .auth-captcha-note{font-size:12px;line-height:1.6;color:var(--muted)}
.welcome .auth-password-hint{margin-top:-6px}
.welcome .auth-consent{display:grid;gap:4px}
.welcome .auth-consent .check{min-height:44px;font-size:12px;line-height:1.6;gap:10px;padding:4px 0;color:var(--ink)}
.welcome .auth-consent .check input{height:18px;width:18px;flex:none;margin-top:3px;accent-color:var(--ink)}
.welcome .auth-policy-links{display:flex;flex-wrap:wrap;column-gap:18px;padding-left:28px;font-size:12px;color:var(--muted)}
.welcome .auth-policy-links a{display:inline-flex;align-items:center;min-height:44px}
.welcome #auth-captcha{max-width:100%;min-height:65px}
.welcome .auth-card .button{min-height:48px;border-radius:14px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}
.welcome .auth-card .button:disabled{opacity:.65}
.welcome .auth-card .button[aria-busy=true]::before{content:"";width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:auth-spin .7s linear infinite}
.welcome .auth-error{margin:0;border-left:2px solid currentColor;border-radius:0 10px 10px 0;font-size:13px;line-height:1.6;padding:10px 12px;background:var(--surface)}
.welcome .auth-links{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:14px}
.welcome .auth-links .text-button{min-height:44px;padding:8px 12px;border-radius:10px;text-decoration:none;font-size:14px;line-height:1.4}
.welcome .auth-links .text-button[data-auth=register]{font-weight:600}
.welcome .auth-links .text-button:hover{background:var(--surface)}
.welcome .legal-links{justify-content:center;column-gap:18px;row-gap:0;margin-top:20px;font-size:11px}
.welcome .legal-links a{display:inline-flex;align-items:center;min-height:44px}
@keyframes auth-spin{to{transform:rotate(360deg)}}
@media(max-width:480px){.welcome{padding-inline:24px}.welcome .auth-card{padding:0;border:0;border-radius:0}.welcome .auth-header{margin-bottom:32px}.welcome .legal-links{margin-top:22px}}
@media(max-width:350px){.welcome{padding-inline:10px}.welcome .auth-header{gap:12px}.welcome .brand{font-size:18px;gap:9px}}
@media(prefers-reduced-motion:reduce){.welcome .auth-card .button[aria-busy=true]::before{animation:none}}
.profile-virely-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-bottom:12px;padding:0;color:var(--ink);font-size:13px}.profile-virely-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}

/* Shared visual system 47. Media layout and playback ownership remain with 46. */
:root{--bg:#f8fafc;--surface:#fff;--soft:#edf1f5;--ink:#16212e;--muted:#657283;--line:#dce4ec;--accent:#35639e;--on-accent:#fff;--glass:rgba(248,250,252,.84);--glass-edge:rgba(255,255,255,.8);--shadow-menu:0 8px 30px #0000000e,0 1px 3px #00000008;--shadow-glass:0 8px 30px #00000012,inset 0 1px 0 var(--glass-edge);--reaction:#ce4153;--positive:#277b66;--radius-control:13px;--radius-card:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;letter-spacing:-.012em;color-scheme:light}
[data-theme=dark]{--bg:#0b1015;--surface:#121a22;--soft:#1b2631;--ink:#edf3f8;--muted:#a2afbb;--line:#29353f;--accent:#91b5e4;--on-accent:#0b1015;--glass:rgba(17,25,33,.84);--glass-edge:rgba(209,228,244,.12);--shadow-menu:0 8px 30px #00000038,0 1px 3px #00000028;--shadow-glass:0 8px 30px #00000038,inset 0 1px 0 var(--glass-edge);--reaction:#ed6475;--positive:#77b7a1;color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1015;--surface:#121a22;--soft:#1b2631;--ink:#edf3f8;--muted:#a2afbb;--line:#29353f;--accent:#91b5e4;--on-accent:#0b1015;--glass:rgba(17,25,33,.84);--glass-edge:rgba(209,228,244,.12);--shadow-menu:0 8px 30px #00000038,0 1px 3px #00000028;--shadow-glass:0 8px 30px #00000038,inset 0 1px 0 var(--glass-edge);--reaction:#ed6475;--positive:#77b7a1;color-scheme:dark}}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{letter-spacing:inherit}
h2,h3,strong{font-weight:650}
h2{letter-spacing:-.035em;line-height:1.25}
.sarely-icon{display:block;width:24px;height:24px;flex:none;stroke-width:1.75;overflow:visible}
.icon .sarely-icon,.nav-icon .sarely-icon,.action .sarely-icon{stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.icon,.side-link,.action,.button,.pill,.text-button,.nav-bottom button{transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}
.button,.pill{min-height:44px;border-radius:var(--radius-control);padding:10px 16px;line-height:1.4;font-weight:550;background:var(--surface)}
.button.primary{font-weight:650}
.button.blue{background:#2464b1;border-color:#2464b1}
.button:disabled{opacity:.5}
.button.danger{color:#ba384b}
.field{line-height:1.5;color:var(--muted)}
.field input,.field select,.field textarea{min-height:46px;border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font-size:16px}
.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:1}
.check{gap:10px;line-height:1.6;color:var(--ink)}
.check input{accent-color:var(--ink);min-width:18px;min-height:18px;flex:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.shell #main{min-width:0}
.brand{font-size:19px;font-weight:650;letter-spacing:1.8px;gap:10px}
.brand img{width:36px;height:36px;border-radius:11px}
.sidebar .brand{margin-bottom:28px;padding-left:12px}
.sidebar .side-links{gap:5px}
.side-link{min-height:48px;padding:11px 13px;gap:13px;border:1px solid transparent;border-radius:15px;font-size:14px}
.side-link.active{background:var(--soft);border-color:transparent;font-weight:650}
.side-link .nav-icon{display:grid;place-items:center;width:24px;height:24px;flex:none}
.side-link .sarely-icon{width:23px;height:23px}
.sidebar footer{line-height:1.6;margin-top:36px;padding:0 12px}
.feed-header{padding-bottom:18px;gap:12px;align-items:center}
.logo-selector{font-size:25px;font-weight:650;letter-spacing:-.9px;line-height:1.25;min-height:32px}
.feed-meta{font-size:11px;letter-spacing:0;margin-top:3px}
.feed-header>.row{gap:3px}
.feed-header .icon{width:40px;height:44px}
.floating-menu{min-width:194px;background:var(--surface);border-radius:19px;padding:6px;border-color:var(--line);box-shadow:var(--shadow-menu);-webkit-backdrop-filter:none;backdrop-filter:none}
.floating-menu button{min-height:44px;border-radius:13px;padding:10px 13px;font-size:14px}
.floating-menu button:focus-visible{outline-offset:-3px}
.avatar{border-radius:50%;width:40px;height:40px;aspect-ratio:1;overflow:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);background:var(--soft);color:var(--ink);font-weight:650}
.avatar img{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;aspect-ratio:1;object-fit:cover}
.post:not(.virely-card){border-radius:var(--radius-card);margin-bottom:24px;background:var(--bg);box-shadow:none}
.post:not(.virely-card) .post-top{padding:14px 16px;gap:10px}
.post:not(.virely-card) .post-time{font-size:11px;margin-top:2px}
.post:not(.virely-card) .post-bottom{padding:8px 13px 16px}
.post:not(.virely-card) .post-actions{gap:4px;margin-bottom:7px}
.post:not(.virely-card) .action{min-height:44px;padding:8px 7px;gap:5px;font-size:11px;font-variant-numeric:tabular-nums}
.post:not(.virely-card) .action .sarely-icon{width:23px;height:23px}
.post:not(.virely-card) .action.active{color:var(--ink)}
.post:not(.virely-card) .action[data-action=like].active{color:var(--reaction)}
.post:not(.virely-card) .action[data-action=repost].active{color:var(--positive)}
.action[data-action=like].active .sarely-icon,.action[data-action=save].active .sarely-icon{fill:currentColor}
.post:not(.virely-card) .post-caption{font-size:13px;line-height:1.65;padding:0 3px}
.post:not(.virely-card) .virely-sound{font-size:12px;margin:3px 3px 8px;max-width:100%}
.sare-strip{gap:14px;padding-bottom:8px}
.sare-item .avatar{border-radius:50%}
.page-card,.rail-card{border-radius:var(--radius-card);padding:23px;background:var(--surface);box-shadow:none}
.page-card h2{font-size:23px;margin-bottom:18px}
.page-card h3{font-size:15px;letter-spacing:-.02em}
.page-card>.stack{gap:14px}
.page-card .stack>.button{align-self:flex-start;max-width:100%}
.rail-card{padding:19px;margin-bottom:16px}
.rail-card .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:10px}
.rail-card p{line-height:1.65}
.profile-head{gap:18px;margin-bottom:18px;min-width:0}
.profile-head>div{min-width:0;overflow-wrap:anywhere}
.profile-head h2{font-size:26px;margin-bottom:4px}
.profile-head .avatar{width:80px;height:80px;min-width:80px;min-height:80px;max-width:80px;max-height:80px;border-radius:50%;font-size:25px}
.profile-head .muted{font-size:13px}
.profile-counts{gap:30px;font-size:12px;line-height:1.35;margin-top:12px}
.profile-counts>span{display:flex;flex-direction:column;gap:3px;color:var(--muted)}
.profile-counts strong{font-size:19px;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.profile-bio{font-size:13px;line-height:1.65;margin-top:18px}
.profile-actions{gap:8px;margin-top:18px}
.profile-actions .button{font-size:13px;padding-inline:17px}
.profile-virely-back{gap:8px;font-weight:550}
.empty{border:1px solid var(--line);border-radius:var(--radius-card);padding:44px 24px;gap:13px;background:var(--surface)}
.empty>svg{width:38px;height:38px;color:var(--muted)}
.empty>img{width:46px;height:46px;border-radius:14px;opacity:1}
.empty h2{font-size:22px;letter-spacing:-.03em}
.empty p{line-height:1.65;max-width:300px}
.empty .button{margin-top:5px}
.search-input{min-height:48px;border-radius:15px;background:var(--soft);padding:12px 15px;border-color:transparent;margin-bottom:20px;font-size:16px}
.segment{gap:6px;overflow-x:auto}
.segment .pill{min-height:40px;padding:9px 15px;font-size:13px;border-radius:22px}
.person,.session,.notification,.comment{padding-block:15px;line-height:1.6}
.person .name{min-width:0;overflow-wrap:anywhere}
.notification small,.comment small,.session small{font-size:11px}
.session-groups184{display:grid;gap:12px}.session-group184{min-width:0;border:1px solid var(--line);border-radius:16px;padding:14px 16px}.session-group-heading184{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;overflow-wrap:anywhere}.session-group-heading184 strong{min-width:0;font-size:14px}.session-group-heading184 small{font-size:11px}.session-row184{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:0;padding-block:12px 0}.session-label184{min-width:0;overflow-wrap:anywhere}.session-label184 strong{font-size:12px}.session-row184 .text-button{flex-shrink:0;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;font-size:12px}.session-more184{margin-top:10px;border-top:1px solid var(--line)}.session-more184 summary{min-height:44px;padding-block:12px;cursor:pointer;font-size:12px}.session-more184 summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}.session-more184 .session-row184{padding-block:10px;border-top:1px solid var(--line)}
.notice{padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--soft);font-size:12px;line-height:1.65}
.notice.blue{border-color:transparent;background:#2464b110;color:var(--accent)}
.badge{padding:4px 9px;font-size:10px;line-height:1.4;color:var(--muted);border-radius:9px}
.stats-grid{gap:10px}
.stat{padding:17px;background:var(--soft);border-radius:15px}
.stat strong{font-size:29px;letter-spacing:-.045em;font-weight:600;font-variant-numeric:tabular-nums}
.stat span{font-size:12px}
.statistics-table td,.statistics-table th{padding:11px 8px;font-size:12px}
.team-panel{padding-top:18px}
.team-toolbar{gap:7px;padding:7px;border:1px solid var(--line);background:var(--surface);border-radius:16px;-webkit-backdrop-filter:none;backdrop-filter:none}
.team-toolbar .button{min-height:40px;font-size:12px;padding:9px 12px}
.team-metrics{font-size:13px;line-height:1.7;gap:8px 18px}
.team-audit{padding-block:12px;font-size:12px;line-height:1.6}
dialog:not(.studio-capture-dialog):not(.studio-editor-dialog){border-radius:24px;padding:24px;background:var(--surface);box-shadow:var(--shadow-menu);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
dialog .dialog-head{gap:16px;margin-bottom:18px}
dialog .dialog-head h3{font-size:18px;letter-spacing:-.025em}
.dialog-list{gap:7px}
.dialog-list .button{font-size:14px;text-align:left;padding-inline:15px}
dialog::backdrop{background:#00000066;-webkit-backdrop-filter:none;backdrop-filter:none}
#toast{bottom:calc(96px + env(safe-area-inset-bottom));font-size:13px;line-height:1.5;padding:11px 17px;border-radius:17px;box-shadow:var(--shadow-menu)}
.welcome{padding-top:calc(34px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}
.welcome .auth-card{border-radius:24px;padding:27px;box-shadow:var(--shadow-menu)}
.welcome .auth-title{font-size:29px;line-height:1.2;letter-spacing:-.045em}
.welcome .auth-card .sub{margin-bottom:23px;font-size:14px}
.welcome .auth-card form{gap:15px}
.welcome .auth-card .field input{border-radius:13px;background:var(--bg)}
.welcome .auth-card .button.primary{border-radius:14px;letter-spacing:-.01em}
.welcome .auth-links{margin-top:17px;gap:3px}
.welcome .auth-consent .check{color:var(--ink)}
.welcome .auth-error{background:var(--soft);color:var(--ink)}
.welcome .legal-links{line-height:1.5;gap:0 17px}
.studio-capture-dialog{--surface:#161616;--soft:#ffffff16}
.shell .chat-workspace{border-radius:var(--radius-card)}
.shell .chat-workspace .chat-toolbar{gap:8px;padding:16px 18px;flex-wrap:wrap}
.shell .chat-workspace .chat-toolbar h2{font-size:21px;margin-right:auto}
.shell .chat-workspace .chat-toolbar .button{font-size:12px;padding-inline:12px}
.shell .chat-workspace .chat-status{font-size:11px;padding:5px 18px}
.shell .chat-workspace .chat-list-row{min-height:44px;border-radius:12px;padding:11px 12px}
.shell .chat-workspace .chat-list-row.active{background:var(--soft)}
.shell .chat-workspace .chat-thread{padding:16px;gap:11px}
.shell .chat-workspace .chat-messages{gap:14px;scrollbar-width:thin}
.shell .chat-workspace .chat-bubble{padding:11px 14px;background:var(--soft);border:0;border-radius:17px 17px 17px 5px;font-size:14px;line-height:1.55}
.shell .chat-workspace .chat-message.own .chat-bubble{background:var(--ink);color:var(--bg);border-radius:17px 17px 5px 17px}
.shell .chat-workspace .chat-message.deleted .chat-bubble{background:var(--soft);color:var(--muted)}
.shell .chat-workspace .chat-message-meta{font-size:10px;line-height:1.5;padding-top:5px}
.shell .chat-workspace .chat-compose textarea{font-size:16px;min-height:48px;border-radius:16px;line-height:1.5;background:var(--soft);border-color:transparent}
.shell .chat-workspace .chat-search{min-height:44px;border-radius:13px;font-size:16px;background:var(--soft);border-color:transparent}
.shell .chat-workspace .chat-actions summary{width:28px;min-height:32px;display:grid;place-items:center}
.shell .chat-workspace .chat-security{background:var(--surface);border-radius:18px;-webkit-backdrop-filter:none;backdrop-filter:none}
.shell .chat-workspace .chat-contact .button,.shell .chat-workspace .chat-contact-form .button{min-height:40px;font-size:12px}
.shell .chat-workspace .chat-empty{line-height:1.65;padding:16px;text-align:center;max-width:320px}
@media(min-width:1121px){.shell:not(.charts-shell){grid-template-columns:200px minmax(0,600px) 240px;gap:36px;max-width:1180px;padding-inline:28px}}
@media(hover:hover){.icon:hover,.side-link:hover,.floating-menu button:hover,.text-button:hover{background:var(--soft)}.button:not(.primary):not(.blue):not(:disabled):hover{background:var(--soft);border-color:var(--muted)}.action:hover{background:var(--soft)}.charts .action:hover,.charts .virely-details .text-button:hover,.charts-shell .feed-header .icon:hover,.charts .virely-top-controls .icon:hover{background:#ffffff16}.nav-bottom button:hover{background:var(--soft)}}
@media(max-width:720px){
 .shell:not(.charts-shell){padding:14px 12px calc(108px + env(safe-area-inset-bottom))}
 .feed-header{padding-top:calc(4px + env(safe-area-inset-top));padding-bottom:15px}
 .feed-header>.row{gap:0}
 .feed-header .icon{width:38px;height:44px}
 .post:not(.virely-card){border-radius:18px;margin-bottom:20px}
 .post:not(.virely-card) .post-top{padding:12px 13px}
 .post:not(.virely-card) .post-bottom{padding:7px 10px 14px}
 .nav-bottom,.immersive-virelys .nav-bottom{left:50%;right:auto;transform:translateX(-50%);width:min(430px,calc(100% - 28px));bottom:calc(12px + env(safe-area-inset-bottom));padding:6px 7px;gap:2px;border-radius:27px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-glass);-webkit-backdrop-filter:none;backdrop-filter:none}
 .nav-bottom button,.immersive-virelys .nav-bottom button{flex:1;min-width:44px;min-height:48px;border-radius:18px;gap:3px;padding:3px 2px;font-size:9px;line-height:1.3;font-weight:550;white-space:nowrap}
 .nav-bottom .nav-icon{display:grid;place-items:center;min-height:26px}
 .nav-bottom .nav-icon .sarely-icon{width:23px;height:23px}
 .nav-bottom .active:not(.create) .sarely-icon{stroke-width:2}
 .nav-bottom .create .nav-icon,.immersive-virelys .nav-bottom .create .nav-icon{height:32px;width:39px;border-radius:12px}
 .nav-bottom .create .sarely-icon{width:23px;height:23px}
 .immersive-virelys .nav-bottom{--surface:#151518;--soft:#252529;--line:#ffffff29;--glass:rgba(20,20,23,.85);--glass-edge:rgba(255,255,255,.1);--ink:#fff;--bg:#101010;--muted:#d0d0d4}
 .page-card{padding:20px;border-radius:18px}
 .profile-head{gap:15px}
 .profile-head h2{font-size:24px}
 .profile-head .avatar{width:74px;height:74px;min-width:74px;min-height:74px;max-width:74px;max-height:74px}
 .profile-counts{gap:26px}
 .empty{padding:38px 21px;border-radius:18px}
 .welcome .auth-header{margin-bottom:30px}
 .welcome .auth-card{box-shadow:none}
 .team-toolbar{top:0}
}
@media(max-width:480px){.welcome{padding-inline:25px}.welcome .auth-card{border:0;padding:0;border-radius:0}.welcome .auth-title{font-size:28px}.welcome .legal-links{margin-top:23px}}
@media(max-width:350px){.welcome{padding-inline:14px}.nav-bottom,.immersive-virelys .nav-bottom{width:calc(100% - 20px);padding-inline:3px}.nav-bottom button,.immersive-virelys .nav-bottom button{font-size:8px}.profile-head h2{font-size:21px}.profile-actions .button{padding-inline:12px}.post:not(.virely-card) .action{padding-inline:5px;gap:4px}}
/* Access setup and human review share compact, readable surfaces. */
.page-card:has(>#password-change){gap:20px}
.page-card:has(>#password-change)>h2{margin:0;font-size:22px;line-height:1.25;letter-spacing:-.035em}
.page-card #password-change:not(:empty),.page-card #mfa:not(:empty){min-width:0;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.page-card #password-change .section-title,.page-card #mfa h3{font-size:17px;line-height:1.35;letter-spacing:-.025em}
.page-card #password-change .sub{max-width:48ch;margin:7px 0 16px;font-size:13px;line-height:1.6}
.page-card #password-change [data-password-form]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.page-card #password-change [data-password-form]>.auth-consent,.page-card #password-change [data-password-form]>[data-status],.page-card #password-change [data-password-form]>.button{grid-column:1/-1}
.page-card #password-change [data-password-form]>.button{justify-self:start;min-height:44px;max-width:100%;font-size:13px;white-space:normal}
.page-card #password-change .field,.page-card #mfa .field,.page-card .team-panel .field{min-width:0;gap:7px;font-size:12px;line-height:1.5}
.page-card #password-change .field input,.page-card #mfa .field input,.page-card .team-panel .field input,.page-card .team-panel .field select,.page-card .team-panel .field textarea{width:100%;min-width:0;max-width:100%;font-size:16px;min-height:46px}
.page-card #mfa>.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;margin:8px 6px 0 0;font-size:13px;white-space:normal}
.page-card #password-change .auth-consent{display:grid;gap:4px}
.page-card #password-change .auth-consent .check{min-height:44px;align-items:flex-start;padding-block:5px;font-size:12px;line-height:1.6}
.page-card #password-change .auth-consent input{width:18px;height:18px;flex:none;margin-top:3px;accent-color:var(--ink)}
.page-card #password-change .auth-policy-links{display:flex;flex-wrap:wrap;gap:0 16px;padding-left:28px;font-size:12px;color:var(--muted)}
.page-card #password-change .auth-policy-links a{display:inline-flex;align-items:center;min-height:44px}
.welcome .auth-card [data-password-form]{gap:14px}
.welcome .auth-card [data-status],.page-card #password-change [data-status],.page-card .team-panel>[data-status],.page-card #safety-status{min-width:0;margin:0;overflow-wrap:anywhere;font-size:13px;line-height:1.6}
.welcome .auth-card [data-status]:not(:empty),.page-card #password-change [data-status]:not(:empty),.page-card .team-panel>[data-status]:not(:empty),.page-card #safety-status:not(:empty){padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink)}
.welcome .auth-card [data-password-form] .button[aria-busy=true]{cursor:progress}
.page-card #admin>.team-panel{min-width:0;margin-inline:0;border-top:1px solid var(--line);padding-top:18px;gap:14px}
.page-card .team-panel>h3{font-size:19px;line-height:1.3;letter-spacing:-.03em}
.page-card .team-panel>[data-unlock]{width:100%;max-width:420px;min-width:0;padding:16px;border-radius:16px;gap:12px}
.page-card .team-panel>[data-unlock][hidden]{display:none}
.page-card .team-panel [data-work],.page-card .team-panel form{min-width:0;gap:12px}
.page-card .team-panel .button{min-height:44px;max-width:100%;font-size:13px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.page-card .team-panel .team-toolbar{min-width:0;gap:6px}
.page-card .team-panel .notice{min-width:0;padding:16px;border-radius:18px;background:var(--surface);gap:12px}
.page-card .team-panel .notice h4{font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-.015em}
.page-card .team-panel .notice p{min-width:0;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.page-card .team-panel .notice form{padding-top:13px;border-top:1px solid var(--line)}
.page-card .team-panel .check{min-height:44px;align-items:flex-start;padding-block:4px;line-height:1.6}
.page-card .team-panel .check input{flex:none;width:18px;height:18px;margin-top:3px}
.page-card .team-panel .review-content{min-width:0;max-width:100%}
.page-card .team-panel .review-media{width:auto;max-width:100%;max-height:min(480px,60svh);margin-inline:auto;object-fit:contain;border-radius:12px}
.page-card .team-panel .review-content audio:not([hidden]){display:block;width:100%;min-width:0;max-width:100%}
.page-card .team-panel .team-metrics{min-width:0;gap:9px 16px;font-size:12px;line-height:1.6}
.page-card .team-panel .team-metrics dd{text-align:right;font-variant-numeric:tabular-nums}
.page-card .team-panel .team-audit{min-width:0;border-top:1px solid var(--line);padding-block:12px}
.page-card .team-panel .team-audit p+ p{margin-top:4px;color:var(--muted)}
.page-card .team-panel .team-audit pre{margin:9px 0 0;padding:10px;border-radius:10px;background:var(--soft);font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:640px){
 .shell:not(.charts-shell) .page-card:has(>#password-change){margin-inline:0;padding:18px}
 .page-card #password-change:not(:empty),.page-card #mfa:not(:empty){padding:15px;border-radius:16px}
 .page-card #password-change [data-password-form]{grid-template-columns:minmax(0,1fr)}
 .page-card .team-panel .notice,.page-card .team-panel>[data-unlock]{padding:13px;border-radius:16px}
 .page-card .team-panel .team-metrics{grid-template-columns:minmax(0,1fr);gap:2px}
 .page-card .team-panel .team-metrics dt{color:var(--muted);font-size:11px}
 .page-card .team-panel .team-metrics dd{margin-bottom:8px;text-align:left;font-size:13px}
 .page-card .team-panel .team-metrics dd:last-child{margin-bottom:0}
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .floating-menu,.team-toolbar{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-glass)}
 @media(max-width:720px){.nav-bottom,.immersive-virelys .nav-bottom{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}}
}
@media(prefers-reduced-transparency:reduce){
 .floating-menu,.nav-bottom,.immersive-virelys .nav-bottom,.team-toolbar,.studio-toolset,.studio-tool-content,.studio-draft-menu[open],.studio-round,.studio-camera-rail>label>svg,.studio-camera-rail summary,.studio-camera-rail [data-camera-hardware],.shell .chat-workspace .chat-security{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}
 .studio-capture-dialog .studio-round,.studio-capture-dialog .studio-camera-rail>label>svg,.studio-capture-dialog .studio-camera-rail summary,.studio-capture-dialog .studio-camera-rail [data-camera-hardware]{background:#161616}
 dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){.icon,.side-link,.action,.button,.pill,.text-button,.nav-bottom button{transition:none}.floating-menu,.nav-bottom,.team-toolbar{animation:none}}
@media(prefers-contrast:more){:root{--muted:#424248;--line:#85858c}[data-theme=dark]{--muted:#d6d6dc;--line:#85858c}.floating-menu,.nav-bottom,.immersive-virelys .nav-bottom,.team-toolbar{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-color-scheme:dark) and (prefers-contrast:more){:root:not([data-theme=light]){--muted:#d6d6dc;--line:#85858c}}

/* Login and registration already expose these actions in the mode selector. */
.welcome .auth-modes ~ .auth-links > .text-button[data-auth="login"],
.welcome .auth-modes ~ .auth-links > .text-button[data-auth="register"]{display:none}

/* Real unread message metadata; one discreet mark on the shared glass bar. */
.nav-icon{position:relative}.message-dot87{position:absolute;right:-2px;top:0;width:7px;height:7px;border-radius:50%;background:#78adff;box-shadow:0 0 0 2px var(--bg,#0b1117);pointer-events:none}

/* SARELY expression and inline voice pack95. */
.sarely-expression95{display:block;object-fit:contain;max-width:100%;width:128px;height:128px;border:0;border-radius:24px}.sarely-expression-picture95{display:block}.expression-picker95{display:grid;gap:12px;padding:14px 4px}.expression-picker95[hidden],[data-comment-expression-preview95][hidden],[data-account-expression-preview95][hidden],[data-comment-voice-composer95][hidden]{display:none}.expression-tabs95{display:flex;gap:6px;border-radius:22px;padding:4px;background:rgba(255,255,255,.035)}.expression-tabs95 button{flex:1;border:0;background:none;color:var(--muted);padding:10px;border-radius:18px;font-weight:650}.expression-tabs95 button[aria-pressed="true"]{background:rgba(145,219,197,.13);color:var(--ink)}.expression-grid95{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.expression-grid95 button{min-width:0;background:transparent;border:0;color:var(--muted);padding:2px;display:grid;justify-items:center;gap:5px;font-size:11px}.expression-grid95 .sarely-expression95{width:100%;height:auto;aspect-ratio:1;border-radius:18px}.expression-grid95 button:focus-visible{outline:2px solid #91dbc5;outline-offset:3px;border-radius:18px}.comment-expression-toggle95,.chat-design86 .chat-expression-toggle95{border:0;background:rgba(255,255,255,.06);color:var(--ink);font:700 11px system-ui;display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%}.comment-expression-toggle95 svg{width:18px;height:18px}.comment-composer85{gap:7px}.comment-composer85 .comment-input85{min-width:0;flex:1}.comments-footer85 [data-comment-expression-preview95],.chat-compose [data-account-expression-preview95]{padding:8px 6px}.comments-footer85 [data-comment-expression-preview95] .sarely-expression95,.chat-compose [data-account-expression-preview95] .sarely-expression95{width:80px;height:80px}.voice-player95{display:grid;grid-template-columns:40px minmax(80px,1fr);align-items:center;gap:8px;max-width:300px;min-height:60px;padding:10px 12px;border-radius:22px;background:rgba(145,219,197,.085)}.voice-play95{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;color:#d1e9e0;background:rgba(145,219,197,.15)}.voice-play95 svg{width:19px;height:19px}.voice-play95[aria-busy="true"]{opacity:.55}.voice-track95{display:grid;gap:5px;min-width:0}.voice-wave95{height:24px;display:flex;gap:2px;align-items:center}.voice-wave95:empty{height:8px;border-radius:6px;background:rgba(145,219,197,.12)}.voice-wave95 i{flex:1;max-width:4px;min-width:2px;border-radius:4px;background:#94c9bb}.voice-track95 progress,.voice-preview95 progress{width:100%;height:3px;accent-color:#91dbc5;border:0}.voice-time95{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}.voice-player-status95{grid-column:1/-1;font-size:12px}.voice-report95{grid-column:1/-1;justify-self:end;font-size:11px}.comments-footer85 .voice-composer{padding:8px 4px;max-height:210px;overflow:auto;gap:8px}.comments-footer85 .voice-composer>.muted{font-size:11px;margin:0}.comments-footer85 .voice-composer .field{margin:0}.voice-preview95{display:grid;grid-template-columns:36px minmax(30px,1fr) auto;align-items:center;gap:8px;padding:8px 10px;border-radius:22px;background:rgba(145,219,197,.085);font-size:12px}.voice-preview95[hidden]{display:none}.voice-composer audio[data-preview]{display:none}.voice-composer .voice-tools{gap:6px}.voice-composer .voice-chip{background:rgba(145,219,197,.09);border:0;color:var(--ink)}.studio-sound-picker95{display:grid;gap:10px;margin-top:12px}.studio-sound-picker95[hidden]{display:none}.studio-sound-picker95 .sound-choice95{display:flex;text-align:left;align-items:center;gap:10px;padding:12px;border:0;border-radius:18px;background:rgba(145,219,197,.07);color:var(--ink)}.studio-sound-picker95 .sound-choice95 span{min-width:0}.studio-sound-picker95 .sound-choice95 small{display:block;color:var(--muted);margin-top:3px}.studio-sound-picker95 [role="status"]{font-size:13px}.studio-sound-actions95{display:flex;gap:8px;flex-wrap:wrap}.studio-sound-tools95{margin:8px 0}.studio-sound-tools95>p{font-size:12px;color:var(--muted)}
@media(max-width:380px){.expression-grid95{gap:4px}.comment-expression-toggle95{width:29px;height:29px;flex-basis:29px}.comment-composer85{gap:4px}}

/* Studio95 effect controls use the existing compact glass tools. */
.studio-effects-controls95{padding-top:8px}.studio-effects-controls95 [hidden]{display:none!important}.studio-effects-controls95 label{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:12px 0;color:var(--ink);font-size:13px}.studio-effects-controls95 input[type=range]{grid-column:1/-1;width:100%;accent-color:#a9cfcd}.studio-effects-controls95 output{grid-row:1;grid-column:2;font-variant-numeric:tabular-nums;color:var(--muted)}.studio-effects-controls95 p{font-size:12px;line-height:1.4;margin:8px 0 0;min-height:1.4em}

/* Immediate public voice uses the same compact carbon/glass comment controls. */
.voice-capture96{display:flex;align-items:center;gap:10px;min-height:48px}
.voice-record96,.voice-repeat96{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid var(--line);border-radius:24px;background:rgba(158,199,220,.09);color:var(--ink);padding:10px 16px;font-family:inherit;font-weight:600;font-size:13px;transition:background-color .16s,transform .16s}
.voice-repeat96{width:44px;flex:0 0 44px;padding:10px}
.voice-record96 svg,.voice-repeat96 svg{width:19px;height:19px;flex:none}
.voice-record96[data-recording=true]{background:rgba(230,103,131,.15);border-color:rgba(230,103,131,.28)}
.voice-record96:active,.voice-repeat96:active{transform:scale(.96)}
.voice-record96:disabled,.voice-repeat96:disabled{opacity:.4;transform:none}
.voice-time96{flex:1;min-width:48px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}
.voice-immediate96 [data-status]{font-size:12px;line-height:1.45}
.voice-immediate96 [data-check]{justify-self:start;font-size:12px;color:var(--ink)}
@media(prefers-reduced-motion:reduce){.voice-record96,.voice-repeat96{transition:none;transform:none}}

/* Activity: one continuous workspace, no separators between people. */
.activity100{max-width:720px;margin:0 auto;padding:22px 20px 36px}.activity100-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.activity100-header h2{font-size:clamp(26px,5vw,34px);letter-spacing:-.035em;margin:0 0 6px}.activity100-header p{margin:0;color:var(--muted);font-size:14px}.activity100-header-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--glass);box-shadow:inset 0 1px 0 #ffffff16;border:1px solid var(--line);backdrop-filter:blur(16px)}.activity100-header-icon svg{width:25px;height:25px;color:var(--accent)}.activity100-filters{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding:0 0 5px;margin-bottom:26px}.activity100-filters button{min-height:42px;padding:8px 16px;border:0;border-radius:24px;background:var(--surface);color:var(--muted);white-space:nowrap;font-family:inherit;font-weight:600;font-size:14px;transition:background .18s,color .18s}.activity100-filters button[aria-pressed=true]{background:var(--accent);color:var(--on-accent,#0b1015)}.activity100-group{margin-bottom:28px}.activity100-group h3{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}.activity100-row{display:flex;align-items:flex-start;gap:14px;width:100%;padding:0;margin:0 0 24px;color:var(--ink);background:transparent;border:0;border-radius:12px;text-align:left;font:inherit}.activity100-row:focus-visible{outline:2px solid var(--accent);outline-offset:7px}.activity100-avatar{position:relative;flex:0 0 50px;height:50px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:650;font-size:17px}.activity100-avatar>span{position:absolute;right:-3px;bottom:-3px;background:var(--bg);border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.activity100-avatar svg{width:14px;height:14px}.activity100-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.activity100-copy strong{font-size:15px;font-weight:650}.activity100-copy>span{font-size:14px;line-height:1.45;color:var(--muted)}.activity100-copy time{font-size:12px;color:var(--muted)}.activity100-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;margin-top:8px;flex:none}.activity100-collaborations{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 16px;margin-bottom:28px;border-radius:18px;background:var(--glass);border:1px solid var(--line);color:var(--ink);backdrop-filter:blur(14px)}.activity100-collaborations span{flex:1;text-align:left}.activity100-collaborations svg{width:20px;height:20px}.activity100-empty{text-align:center;padding:50px 16px;color:var(--muted)}.activity100-empty>svg{width:36px;height:36px;color:var(--accent);margin-bottom:10px}.activity100-empty h3{color:var(--ink);font-size:20px;letter-spacing:-.02em}.activity100-empty p{line-height:1.5;max-width:320px;margin:auto}.voice-immediate96 [data-preview-controls]{display:flex;align-items:center;gap:12px;margin-top:12px}.voice-immediate96 [data-preview-controls][hidden]{display:none}.voice-immediate96 [data-send]{margin-left:auto;min-height:44px;padding:10px 20px;border-radius:24px}
@media(prefers-reduced-motion:reduce){.activity100-filters button{transition:none}}

.voice-immediate96 .voice-inline-play{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.voice-immediate96 .voice-inline-play svg{width:19px;height:19px}.voice-immediate96 .voice-inline-play:disabled{opacity:.4}.voice-immediate96 .voice-inline-duration{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}

/* Personal expressions: continuous surface, explicit previews, compact recipes. */
.expression-maker101{display:grid;gap:14px;padding:18px;border-radius:24px;background:var(--surface)}.expression-maker101 label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.expression-maker101 [data-preview]{min-height:144px;text-align:center}.expression-maker101 input,.expression-maker101 select{width:100%;min-height:44px;border-radius:16px}.expression-tile101{position:relative}.expression-tile101>button:first-child{width:100%}.expression-remove101{position:absolute;right:0;top:0;min-width:28px;min-height:28px;padding:0;border-radius:50%;background:var(--surface);font-size:19px}.custom-expression101{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;width:112px;height:112px;padding:12px;background:var(--expression-color);border-radius:28px;color:#12202c;overflow:hidden}.custom-expression101>span{font-size:40px}.custom-expression101>strong{font-size:13px;text-align:center}.expression-grid95>.muted{grid-column:1/-1;text-align:center;padding:20px}.expression-tabs95{flex-wrap:wrap}@media(prefers-reduced-motion:no-preference){button,[role=button]{transition:transform .14s,opacity .14s,background-color .14s}button:active,[role=button]:active{transform:scale(.98)}.expression-tile101{animation:expression-enter101 .2s ease-out}@keyframes expression-enter101{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){button,[role=button]{transition:none}}

/* A listening library with distinct preview and use controls. */
.sound-search101{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:28px;padding:8px 16px;min-height:52px}.sound-search101 input{flex:1;min-width:0;border:0;background:transparent;padding:4px}.sound-search101 span{font-size:28px}.sound-tabs101{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.sound-tabs101 button{border:0;border-radius:24px;padding:12px 18px;background:var(--surface);min-height:44px}.sound-tabs101 [aria-pressed=true]{background:var(--accent);color:var(--on-accent,#0b1015)}.sound-results101{display:grid;gap:20px}.sound-row101{display:flex;align-items:center;gap:12px}.sound-listen101{flex:none;width:58px;height:58px;border:0;border-radius:16px;background:var(--surface);font-size:22px;color:var(--text)}.sound-title101{min-width:0;flex:1;display:grid;gap:4px}.sound-title101 strong{overflow-wrap:anywhere}.sound-title101 small{color:var(--muted)}.sound-use101{border:0;border-radius:24px;padding:10px 16px;min-height:44px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text);font-weight:650}.sound-row101{animation:expression-appear101 .18s ease-out}@media(prefers-reduced-motion:reduce){.sound-row101{animation:none}}

.expression-remove101{min-width:44px;min-height:44px}

.post-download102{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border-radius:24px;background:rgba(125,177,214,.10);color:var(--text);font-size:13px;font-weight:600;margin:8px 8px 8px 0;transition:transform .16s,background .16s}.post-download102:active{transform:scale(.96)}.sound-tabs101{overflow-x:auto;white-space:nowrap}@media(prefers-reduced-motion:reduce){.post-download102{transition:none}}

/* The camera keeps its live session under the sound library. */
.studio-camera-sound105{min-width:0;max-width:55%;min-height:44px;padding:8px 14px;border:1px solid #ffffff30;border-radius:99px;background:#15232bd9;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;backdrop-filter:blur(24px)}
.studio-camera-sounds105{position:absolute;z-index:100;inset:15% 0 0;padding:20px 20px max(24px,env(safe-area-inset-bottom));overflow:auto;background:#101b24fa;backdrop-filter:blur(28px);border-radius:28px 28px 0 0;box-shadow:0 -20px 80px #0008;animation:sound-sheet105 .2s ease-out}.studio-camera-sounds105>button{float:right}.studio-camera-sounds105 h2{font-size:19px;margin:10px 0 24px}.studio-camera-sounds105 .sound-tabs101{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.studio-camera-sounds105 .sound-tabs101 button{min-width:0;padding:10px 4px;font-size:12px}.sound-imports105{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.sound-imports105 .button{flex:1;cursor:pointer}.sound-imports105 small{width:100%;color:#a3b3c0;font-size:12px;line-height:1.5}
@keyframes sound-sheet105{from{transform:translateY(25px);opacity:.3}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.studio-camera-sounds105{animation:none}}

/* Real audio adoption106. */
.audio-detail106{display:grid;gap:16px}.audio-detail106 header{display:flex;align-items:center;gap:14px}.audio-detail106 h3{margin:0 0 6px}.audio-art106{display:grid;place-items:center;width:64px;height:64px;flex:none;border-radius:22px;background:linear-gradient(135deg,#4b627d,#1b2b3c);color:#b8d6ff}.audio-art106 svg{width:30px;height:30px}.audio-actions106{display:flex;gap:10px}.audio-actions106 .primary{flex:1}.audio-total106{background:transparent;color:inherit;border:0;text-align:left;padding:8px 0;font-size:16px;cursor:pointer}.audio-total106 strong{font-size:26px;margin-right:8px}.audio-grid106{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}.audio-tile106{background:transparent;color:inherit;border:0;text-align:left;padding:0;min-width:0;cursor:pointer;transition:transform .18s}.audio-tile106:active{transform:scale(.97)}.audio-thumbnail106{aspect-ratio:9/14;position:relative;overflow:hidden;border-radius:14px;background:#1a2631}.audio-thumbnail106 video{width:100%;height:100%;object-fit:cover}.audio-thumbnail106>span{position:absolute;right:7px;bottom:7px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#111a27aa;backdrop-filter:blur(10px)}.audio-thumbnail106 svg{width:16px;height:16px}.audio-tile106 strong,.audio-tile106 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:5px;font-size:12px}.audio-tile106 small{color:#9faab8;font-size:11px;padding-top:2px}.audio-empty106{grid-column:1/-1;padding:24px 0}.audio-detail106 .muted{margin:0;font-size:13px}@media(prefers-reduced-motion:reduce){.audio-tile106{transition:none}}

/* Compact feed metadata, keeping the content and actions on one visual surface. */
.post:not(.virely-card){margin-bottom:12px}
.post:not(.virely-card) .post-bottom{padding:4px 14px 12px}
.post:not(.virely-card) .post-actions{margin-bottom:2px}
.post:not(.virely-card) .post-caption{margin:2px 0 5px;font-size:14px;line-height:1.4}
.post-metadata119{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px}
.post-metadata119 .post-metrics113{display:flex;flex-wrap:wrap;gap:10px;margin:0;font-size:11px}
.post-metadata119 .post-metrics113 button{padding:4px 0;border:0;background:transparent;min-height:32px;font-size:11px}
.post-tools119{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.post-tools119 .post-download102,.post-tools119 .virely-sound{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin:0;padding:0;background:transparent;border:0;box-shadow:none;font-size:11px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-tools119 [data-download102]{width:40px;justify-content:center;flex-shrink:0}
.post-tools119 [data-download102] .sarely-icon{width:20px;height:20px}

.activity100-avatar>img{width:50px;height:50px;border-radius:50%;object-fit:cover;animation:activity-avatar120 .16s ease-out}@keyframes activity-avatar120{from{opacity:.4}to{opacity:1}}@media(prefers-reduced-motion:reduce){.activity100-avatar>img{animation:none}}
.profile-editor122{padding:4px 2px 18px}.profile-photo122{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 0 24px}.profile-photo122 .avatar{width:96px;height:96px;font-size:32px}.profile-edit-row122{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line);font-size:15px}.profile-edit-row122 input,.profile-edit-row122 textarea{border:0;border-radius:0;background:transparent;padding:0;min-width:0;width:100%;color:var(--ink);font:inherit;resize:vertical}.profile-edit-row122 input[readonly]{color:var(--muted)}.profile-edit-row122 small,.profile-note122,.profile-edit-toggle122 small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:6px}.profile-edit-details122{padding:18px 0;border-bottom:1px solid var(--line)}.profile-edit-details122 summary{cursor:pointer;min-height:30px}.profile-edit-details122 summary>small{display:block;color:var(--muted);font-size:13px;margin:8px 0}.profile-edit-details122 summary>span{float:right;color:var(--muted)}.profile-link-edit122{display:grid;grid-template-columns:1fr 44px;gap:8px;margin:14px 0}.profile-link-edit122 input{grid-column:1;min-width:0}.profile-link-edit122 button{grid-column:2;grid-row:1 / span 2}.profile-edit-toggle122{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0}.profile-edit-toggle122 input{width:24px;height:24px;accent-color:var(--accent)}.profile-grid-order122{display:flex;gap:8px;align-items:center;margin:10px 0}.profile-grid-order122 span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.profile-grid-order122 button{min-width:40px;min-height:40px;background:var(--surface);border:1px solid var(--line);border-radius:50%;color:var(--ink)}.profile-links122{display:flex;flex-wrap:wrap;gap:12px}.profile-pronouns122,.profile-category122,.profile-banners122{display:flex;gap:10px;overflow:auto;margin-top:12px}.profile-banners122 a{flex:0 0 auto;max-width:85%;padding:15px 18px;border:1px solid var(--line);border-radius:20px;background:var(--glass);color:var(--ink);text-decoration:none}@media(max-width:420px){.profile-edit-row122{grid-template-columns:96px 1fr}}@media(prefers-reduced-motion:no-preference){.profile-grid-order122 button,.profile-editor122 button{transition:transform .16s}.profile-editor122 button:active{transform:scale(.97)}}

/* The musical catalog stays navigable at narrow widths and large text. */
.sound-tabs101,.studio-camera-sounds105 .sound-tabs101{display:flex;flex-wrap:nowrap;overflow-x:auto;grid-template-columns:none;scrollbar-width:none}.sound-tabs101 button{flex:0 0 auto;white-space:nowrap}.sound-genres162{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:2px 0 14px;scrollbar-width:none}.sound-genres162[hidden]{display:none}.sound-genres162 button{display:flex;align-items:center;gap:7px;flex:0 0 auto;min-height:44px;padding:10px 15px;border:0;border-radius:24px;background:var(--surface);color:var(--text);white-space:nowrap}.sound-genres162 button small{color:var(--muted);font-variant-numeric:tabular-nums}.sound-genres162 button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}