@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";:root{color-scheme:dark;--bg: #071d22;--bg-deep: #041318;--surface: #102e32;--surface-strong: #12383b;--text: #f2fffb;--muted: #a7c5c0;--faint: #739692;--teal: #55d8c0;--yellow: #f7c957;--like: #f7c957;--line: rgba(177,233,220,.2);--line-strong: rgba(177,233,220,.34);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-soft: 0 12px 32px rgba(0,0,0,.18);--shadow-deep: 0 24px 70px rgba(0,0,0,.32);--ease: cubic-bezier(.2,.8,.2,1);--duration-fast: .16s;--duration-normal: .24s;--z-content: 1;--z-header: 10;--z-navigation: 20;--z-backdrop: 30;--z-composer: 40;--z-menu: 41;--z-modal: 42;--z-toast: 50}[data-theme=light]{color-scheme:light;--bg: #edf7f4;--bg-deep: #deefeb;--surface: #f7fffc;--surface-strong: #fff;--text: #092a2c;--muted: #4e6f6d;--faint: #6c8986;--line: rgba(8,57,57,.18);--line-strong: rgba(8,57,57,.32);--shadow-soft: 0 12px 32px rgba(15,70,67,.1);--shadow-deep: 0 24px 70px rgba(15,70,67,.14)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:var(--bg)}body{min-width:320px;font-family:Inter,system-ui,sans-serif;-webkit-touch-callout:none}html,body{overscroll-behavior-y:none}body{overflow-x:hidden;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}button,a,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a,a:visited{color:inherit}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}img,video{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}button,a,[role=button]{-webkit-user-select:none;user-select:none}::selection{background:var(--teal);color:var(--bg-deep)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}body{background:var(--bg);color:var(--text)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background:radial-gradient(circle at 15% 0%,rgba(48,137,126,.16),transparent 33rem),radial-gradient(circle at 100% 20%,rgba(247,201,87,.06),transparent 25rem)}*{scrollbar-width:thin;scrollbar-color:rgba(85,216,192,.7) rgba(255,255,255,.06)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{border-radius:999px;background:#ffffff0f}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:linear-gradient(180deg,var(--teal),var(--yellow));background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--yellow);background-clip:padding-box}h1,h2{font-family:Outfit,sans-serif}h1{margin:var(--space-2) 0 var(--space-7);font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}h2{margin:0}.eyebrow,.composer-kicker{display:none}.icon-button{display:grid;min-width:44px;min-height:44px;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted)}.icon-button:hover:not(:disabled){background:#ffffff14;color:var(--text)}.vaibes-icon{width:20px;height:20px}.vaibes-icon--sm{width:18px;height:18px}.vaibes-icon--lg{width:25px;height:25px}.vaibes-spinner{animation:vaibes-spin 1s linear infinite;color:currentColor}.text-button{display:inline-flex;margin-top:var(--space-4);border:0;background:transparent;color:var(--teal);font-weight:600;text-decoration:underline;text-underline-offset:3px}.text-button:hover{text-decoration-thickness:2px}.primary-button,.publish-button{min-height:48px;border:0;border-radius:var(--radius-md);background:var(--yellow);color:#092a2c;font-weight:700}.primary-button{padding:0 var(--space-5)}.primary-button:hover:not(:disabled),.publish-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.primary-button:active:not(:disabled),.publish-button:active:not(:disabled){transform:translateY(0)}.auth-page{display:grid;min-height:100dvh;place-items:center;padding:var(--space-6)}.auth-panel{width:min(100%,420px);padding:var(--space-7);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-deep)}.auth-panel h1{margin-bottom:var(--space-4)}.auth-note{color:var(--muted);line-height:1.6}.auth-panel form{display:grid;gap:var(--space-4);margin:var(--space-6) 0 var(--space-4)}.auth-panel label{display:grid;gap:var(--space-2);color:var(--muted);font-size:.85rem}.auth-panel input{min-height:46px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-deep);color:var(--text)}.auth-panel>a{color:var(--teal);font-size:.9rem;text-decoration:none}.auth-panel>a:hover{text-decoration:underline;text-underline-offset:3px}.auth-status{color:var(--muted);font-size:.9rem}.brand{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;text-decoration:none}.brand img{display:block;width:48px;height:48px;border-radius:12px;object-fit:cover}.brand-asset-slot{display:block;width:44px;height:44px}.user-identity{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.user-identity__name{min-width:0}.user-identity__badges{display:inline-flex;align-items:center;gap:.25rem}.vlist-badge{display:inline-flex;position:relative;vertical-align:middle}.vlist-badge__button,.vlist-badge__static{display:inline-flex;align-items:center;gap:.35rem;min-height:28px;padding:.25rem .4rem;border:1px solid var(--line);border-radius:999px;background:#ffffff0d;color:var(--text);font:inherit;font-size:.78rem;font-weight:700}.vlist-badge__static{min-height:20px;padding:.15rem .25rem;border-color:transparent;background:transparent}.vlist-badge__icon{display:block;width:16px;height:16px;background:var(--yellow);-webkit-mask:url(/static/frontend/assets/brand/vlist-debug.svg) center/contain no-repeat;mask:url(/static/frontend/assets/brand/vlist-debug.svg) center/contain no-repeat}.vlist-badge__explanation{position:absolute;z-index:3;top:calc(100% + .35rem);left:0;width:max-content;max-width:220px;padding:.5rem .65rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-panel);box-shadow:var(--shadow-soft);font-size:.75rem;color:var(--muted)}[data-theme=light] .vlist-badge__icon{background:var(--text)}.glass-surface{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--glass-border, var(--line));background:var(--glass-fill, linear-gradient(140deg, rgba(255,255,255,.14), rgba(255,255,255,.035) 45%, rgba(0,0,0,.16)));box-shadow:var(--glass-shadow, var(--shadow-soft)),inset 0 1px #fff3;backdrop-filter:blur(var(--glass-blur, 20px)) saturate(var(--glass-saturation, 135%));-webkit-backdrop-filter:blur(var(--glass-blur, 20px)) saturate(var(--glass-saturation, 135%))}.glass-surface:before{position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;border-radius:inherit;pointer-events:none;content:"";background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 24%,transparent 76%,rgba(85,216,192,.14));opacity:.72}.glass-surface:after{position:absolute;top:-45%;left:-12%;width:65%;height:130%;z-index:-1;pointer-events:none;content:"";transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);filter:blur(16px)}.fluid-glass{overflow:hidden}.fluid-glass--no-blur{backdrop-filter:none;-webkit-backdrop-filter:none}.fluid-glass__canvas{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:-1!important;opacity:.55;pointer-events:none}.fluid-glass__content{position:relative;z-index:var(--z-content)}.bottom-bar{--glass-fill: linear-gradient(135deg, rgba(92,214,194,.16), rgba(255,255,255,.06) 46%, rgba(4,19,24,.32));--glass-blur: 26px;--glass-saturation: 165%;--glass-shadow: 0 16px 44px rgba(0,0,0,.3)}.menu-panel{--glass-fill: linear-gradient(140deg, rgba(35,92,88,.46), rgba(12,39,42,.82));--glass-blur: 24px}.composer-backdrop .composer{--glass-fill: linear-gradient(140deg, rgba(35,92,88,.46), rgba(12,39,42,.82));--glass-blur: 28px}.app-shell{min-height:100dvh}.top-bar{position:sticky;top:0;z-index:var(--z-header);display:flex;width:min(calc(100% - var(--space-7)),1100px);min-height:72px;align-items:center;justify-content:space-between;margin:0 auto;padding:var(--space-4) 0;background:linear-gradient(var(--bg) 70%,transparent)}.top-bar>.brand{position:absolute;left:50%;transform:translate(-50%)}.top-bar__account-slot{position:relative;z-index:2;display:flex;min-width:48px;align-items:center}.account-switcher{position:relative}.account-switcher__trigger{display:grid;width:48px;height:48px;place-items:center;padding:0;border:0;border-radius:14px;background:transparent;cursor:pointer}.account-switcher__trigger>.hex-avatar{width:40px;height:40px}.account-switcher__trigger>.hex-avatar .hex-avatar__mood{width:20px;height:20px;font-size:.9rem}.account-switcher__trigger:hover,.account-switcher__trigger:focus-visible{background:#55d8c01a;outline:0}.account-switcher__trigger:focus-visible{box-shadow:0 0 0 2px var(--teal)}.account-switcher__panel{position:absolute;top:calc(100% + .65rem);left:0;z-index:calc(var(--z-header) + 2);display:grid;width:min(286px,calc(100vw - 32px));gap:var(--space-2);padding:var(--space-3);overflow:hidden;border:1px solid rgba(166,238,225,.25);border-radius:var(--radius-xl);background:linear-gradient(145deg,#224f50b8,#05181db8);box-shadow:0 18px 48px #00000057,inset 0 1px #ffffff1a;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);animation:account-panel-in .16s var(--ease)}.account-switcher__heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:.15rem .35rem .3rem}.account-switcher__heading small{color:var(--muted);font-size:.68rem}.account-switcher__list{display:grid;gap:.3rem}.account-switcher__account{display:flex;min-height:48px;align-items:center;gap:var(--space-3);padding:.35rem .45rem;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text);text-align:left;cursor:pointer}.account-switcher__account>.hex-avatar{flex:0 0 36px;width:36px;height:36px}.account-switcher__account:hover:not(:disabled){border-color:#a6eee133;background:#ffffff14}.account-switcher__account.is-active{border-color:#f7c9576b;background:#f7c9571a}.account-switcher__label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:700}.account-switcher__account>svg{flex:none;color:var(--yellow)}.account-switcher__empty,.account-switcher__error{margin:0;padding:.45rem;color:var(--muted);font-size:.78rem;line-height:1.4}.account-switcher__error{color:var(--danger, #ff9aa4)}.account-switcher__add{display:flex;min-height:44px;align-items:center;gap:var(--space-2);margin-top:.15rem;padding:.5rem .45rem;border:0;border-top:1px solid rgba(255,255,255,.12);background:transparent;color:var(--teal);font-weight:800;text-align:left;cursor:pointer}.account-switcher__add:hover:not(:disabled){color:var(--yellow)}.account-switcher button:disabled{cursor:default;opacity:.7}@keyframes account-panel-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.top-bar__actions{display:flex;align-items:center;gap:var(--space-2)}.mood-trigger{display:inline-flex;min-height:44px;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);background:#ffffff08;color:var(--text);font-weight:700}.mood-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:start end;padding:84px max(var(--space-4),calc((100vw - 1100px)/2));background:#00090c33}.mood-popover{display:grid;width:min(360px,calc(100vw - var(--space-8)));gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:var(--surface-strong);box-shadow:var(--shadow-deep)}.share-target-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-5);background:#00090cb8}.share-target-dialog{display:grid;width:min(420px,100%);gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:var(--surface-strong);box-shadow:var(--shadow-deep)}.share-target-dialog header{display:flex;align-items:flex-start;justify-content:space-between}.share-target-dialog h2{margin:var(--space-1) 0 0}.share-target-dialog p{margin:0;color:var(--muted)}.share-target-dialog__actions{display:grid;gap:var(--space-3)}.share-target-dialog__actions button{display:grid;justify-items:start;gap:var(--space-1)}.mood-popover header{display:flex;align-items:start;justify-content:space-between}.mood-popover h2{margin:var(--space-1) 0 0;font-size:1rem}.mood-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.mood-picker button{display:grid;min-height:46px;place-items:center;border:1px solid var(--line);border-radius:var(--radius-md);background:#00000021;color:var(--text);font-size:1.25rem}.mood-picker button.is-selected{border-color:var(--yellow);background:#f7c95721}.mood-picker .mood-picker__clear{color:var(--muted);font-size:1rem}.header-create{display:inline-flex;min-height:44px;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:transparent;color:var(--text)}.header-create:hover{border-color:var(--line-strong);background:#ffffff0f}.header-create.is-publishing{border-color:var(--yellow);color:var(--text);cursor:wait}.home-main{width:min(calc(100% - var(--space-7)),1100px);margin:0 auto;padding:var(--space-7) 0 120px}.notification-prompt{position:relative;display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:start;margin:0 0 var(--space-4);padding:var(--space-4);border:1px solid color-mix(in srgb,var(--yellow) 45%,var(--line));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--yellow) 8%,var(--surface))}.notification-prompt>svg{color:var(--yellow);margin-top:.15rem}.notification-prompt strong{display:block;margin-bottom:.25rem}.notification-prompt p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.4}.notification-prompt .primary-button{grid-column:2;justify-self:start}.notification-prompt__close{position:absolute;top:.4rem;right:.4rem}.feed-column{width:min(100%,680px);margin:0 auto}.desktop-composer{display:none}.standalone-page{width:min(calc(100% - var(--space-7)),760px);margin:0 auto;padding:var(--space-7) 0 120px}.profile-header{display:flex;gap:var(--space-5);align-items:center;margin-top:var(--space-5);padding:var(--space-6);border-radius:var(--radius-xl)}.profile-name{display:flex;gap:var(--space-2);align-items:center}.profile-name h1{margin:0}.profile-header p{margin:var(--space-1) 0;color:var(--muted)}.profile-bio{margin-top:var(--space-3)}.profile-counts{display:flex;gap:var(--space-4);margin-top:var(--space-3);color:var(--muted);font-size:.85rem}.profile-hero{display:flex;gap:var(--space-5);align-items:center;margin-top:var(--space-5);padding:var(--space-6);border-radius:var(--radius-xl)}.profile-hero__body{flex:1}.profile-stats{display:flex;gap:var(--space-5);margin-top:var(--space-4)}.profile-stats span{color:var(--text);font-weight:700}.profile-stats button{border:0;background:transparent;color:var(--text);font-weight:700;text-align:left}.profile-stats button small,.profile-stats small{display:block;color:var(--muted);font-size:.72rem;font-weight:400}.profile-mood{color:var(--muted);font-size:.82rem}.profile-follow{margin-top:var(--space-4)}.profile-tabs{display:flex;gap:var(--space-2);margin:var(--space-6) 0 var(--space-4);border-bottom:1px solid var(--line)}.profile-tabs button{padding:var(--space-3) var(--space-4);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted)}.profile-tabs button.is-active{border-color:var(--yellow);color:var(--text)}.profile-shell{--profile-accent: var(--teal);background:radial-gradient(circle at 50% 8%,color-mix(in srgb,var(--profile-accent) 26%,transparent),transparent 35%),linear-gradient(145deg,var(--bg),color-mix(in srgb,var(--profile-accent) 12%,var(--bg)) 58%,var(--bg-deep))}.profile-shell--blue{--profile-accent: #5aa9ff}.profile-shell--violet{--profile-accent: #b18cff}.profile-shell--red{--profile-accent: #ff6b7a}.profile-shell--amber{--profile-accent: #f7c957}.profile-shell--orange{--profile-accent: #ff9855}.profile-page{width:min(calc(100% - var(--space-7)),680px)}.profile-back{margin-bottom:var(--space-5)}.profile-identity{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-5) 0 var(--space-6);text-align:center}.profile-avatar-wrap{position:relative;filter:drop-shadow(0 18px 34px color-mix(in srgb,var(--profile-accent) 28%,transparent))}.profile-avatar-wrap .hex-avatar--lg{width:112px;height:112px}.profile-identity h1{margin:0;color:var(--text);font-family:Outfit;font-size:clamp(1.65rem,5vw,2.25rem)}.profile-identity .profile-bio{max-width:520px;margin:0;color:var(--muted);line-height:1.55}.profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 var(--space-5);padding:var(--space-4) var(--space-3);border-radius:var(--radius-xl);--glass-fill: linear-gradient(135deg, color-mix(in srgb, var(--profile-accent) 16%, transparent), rgba(4,19,24,.44));--glass-border: color-mix(in srgb, var(--profile-accent) 35%, var(--line));--glass-blur: 22px}.profile-metrics>*{display:grid;gap:2px;place-items:center;border:0;background:transparent;color:var(--muted)}.profile-metrics strong{color:var(--text);font-family:Outfit;font-size:1.35rem}.profile-metrics span{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em}.profile-actions{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6)}.profile-action{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-5);border:1px solid var(--profile-accent);border-radius:var(--radius-pill);background:transparent;color:var(--text);font-weight:700;text-decoration:none}.profile-action--primary{min-width:180px;background:color-mix(in srgb,var(--profile-accent) 16%,transparent)}.profile-action--more{min-width:46px;padding:0;border-color:var(--line-strong)}.profile-more-sheet{max-width:420px}.settings-version-message{display:grid;gap:var(--space-3);color:var(--muted)}.update-screen{display:grid;min-height:100dvh;place-items:center;align-content:center;gap:var(--space-8);padding:var(--space-6);background:radial-gradient(circle at 50% 10%,rgba(85,216,192,.18),transparent 42%),var(--bg-deep);color:var(--text)}.update-screen>.brand{pointer-events:none}.update-screen__card{display:grid;width:min(100%,440px);gap:var(--space-4);padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-xl);background:#ffffff0b;text-align:center;box-shadow:var(--shadow-soft)}.update-screen__card h1{margin:0;font-family:Outfit}.update-screen__card p{margin:0;color:var(--muted);line-height:1.5}.update-progress{height:10px;overflow:hidden;border-radius:var(--radius-pill);background:#ffffff1f}.update-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--yellow));transition:width .25s ease}.profile-more-sheet .settings-row{display:flex;width:100%;align-items:center;gap:var(--space-3);color:var(--text)}.profile-more-sheet .settings-row span{display:grid;gap:2px;text-align:left}.profile-more-sheet .settings-row small{color:var(--muted)}.story-center{max-width:980px}.story-center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.story-center-card{display:grid;gap:var(--space-2);min-width:0}.story-center-card__open{display:grid;gap:var(--space-2);padding:0;border:0;background:transparent;color:var(--text);text-align:left}.story-center-card__media{position:relative;aspect-ratio:9 / 14;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface-strong)}.story-center-card__media img{width:100%;height:100%;object-fit:cover}.story-center-card__media span{position:absolute;right:var(--space-2);bottom:var(--space-2);padding:3px 7px;border-radius:var(--radius-pill);background:#000000a6;color:#fff;font-size:.7rem}.story-center-card.is-expired{opacity:.62}.story-center-card time{color:var(--muted);font-size:.78rem}.story-center-card__stats{display:flex;gap:var(--space-3);color:var(--muted);font-size:.8rem}.story-center-card__stats span{display:inline-flex;align-items:center;gap:4px}.story-center-card__stats svg{width:14px}.story-center-more{margin:var(--space-5) auto 0}@media (max-width: 600px){.story-center-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}}.profile-tabs{margin-top:0}.edit-profile-page{max-width:620px}.page-heading{margin:var(--space-5) 0 var(--space-6)}.page-heading h1{margin:var(--space-1) 0}.page-heading p{margin:0;color:var(--muted)}.edit-profile-preview{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);color:var(--text);font-size:1.15rem}.edit-profile-section{display:grid;gap:var(--space-4);margin:var(--space-4) 0;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-xl);background:#ffffff09;box-shadow:var(--shadow-soft)}.edit-profile-preview{grid-template-columns:auto 1fr;align-items:center;margin-top:0;background:linear-gradient(135deg,#55d8c01f,#ffffff09)}.edit-profile-preview__avatar{display:grid;width:76px;height:82px;place-items:center;border-radius:var(--radius-lg);background:#0000001f}.edit-profile-preview strong{display:block;color:var(--text);font-family:Outfit;font-size:1.2rem}.edit-profile-preview small{display:block;margin-top:var(--space-1);color:var(--muted);font-size:.82rem}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.section-heading h2{margin:0;color:var(--text);font-size:1rem}.section-heading p{margin:var(--space-1) 0 0;color:var(--muted);font-size:.82rem}.profile-upload{display:flex;min-height:78px;align-items:center;gap:var(--space-4);padding:var(--space-3);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:#0000001f;color:var(--text);cursor:pointer}.profile-upload:hover{border-color:var(--teal);background:#55d8c012}.profile-upload__image{display:grid;width:58px;height:58px;flex:none;place-items:center;overflow:hidden;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);background:var(--surface-strong)}.profile-upload__image img{width:100%;height:100%;object-fit:cover}.profile-upload>span{display:flex;align-items:center;gap:var(--space-2);font-weight:600}.profile-upload input{display:none}.profile-form{display:grid;gap:var(--space-5);max-width:620px}.profile-form label,.profile-form fieldset{display:grid;min-width:0;gap:var(--space-2);color:var(--muted)}.profile-form label>span{color:var(--text);font-size:.88rem;font-weight:600}.profile-form fieldset{padding:0;border:0}.profile-form legend{margin-bottom:0;color:var(--text);font-size:.88rem;font-weight:600}.profile-form input,.profile-form textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;border-color:var(--line-strong);background:#00000029}.profile-form input:focus,.profile-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #55d8c021}.field-hint{color:var(--faint);font-size:.75rem}.profile-form label .field-hint{justify-self:end;margin-top:calc(var(--space-2) * -1)}.edit-profile-save{width:100%;justify-content:center}.edit-profile-message{margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:#55d8c014;color:var(--text)}.profile-color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.profile-color{display:flex;min-height:44px;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:transparent;color:var(--muted)}.profile-color.is-selected{border-color:var(--yellow);color:var(--text);box-shadow:0 0 0 2px #f7c9572e}.profile-color span{width:18px;height:18px;border-radius:50%;background:var(--profile-swatch)}.profile-color--teal{--profile-swatch: #55d8c0}.profile-color--blue{--profile-swatch: #5aa9ff}.profile-color--violet{--profile-swatch: #b18cff}.profile-color--red{--profile-swatch: #ff6b7a}.profile-color--amber{--profile-swatch: #f7c957}.profile-color--orange{--profile-swatch: #ff9855}.mood-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.mood-grid button{display:grid;min-height:44px;place-items:center;border:1px solid var(--line);border-radius:var(--radius-md);background:#00000024;color:var(--text);font-size:1.25rem}.mood-grid button.is-selected{border-color:var(--yellow);background:#f7c95721;box-shadow:0 0 0 2px #f7c95729}.mood-grid .mood-clear{color:var(--muted);font-size:1rem}.crop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-5);background:#00090cd6}.crop-dialog{display:grid;width:min(440px,100%);gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:var(--surface-strong);box-shadow:var(--shadow-deep)}.crop-dialog header{display:flex;align-items:center;justify-content:space-between}.crop-dialog h2{margin:var(--space-1) 0 0;font-size:1.2rem}.crop-stage{position:relative;display:grid;width:min(100%,320px);aspect-ratio:1;place-items:center;justify-self:center;overflow:hidden;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--yellow);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.crop-stage:active{cursor:grabbing}.crop-stage>img{position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);object-fit:cover;transform-origin:center;transition:transform .15s ease;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.crop-zoom{display:grid;gap:var(--space-2);color:var(--muted)}.crop-zoom input{width:100%}.settings-section{display:grid;gap:var(--space-2);margin:var(--space-6) 0;padding-bottom:var(--space-4);border-bottom:1px solid var(--line)}.settings-danger{border-color:#ff6b7a61}.settings-danger p{margin:0;color:var(--muted)}.settings-danger label{display:grid;gap:var(--space-2);color:var(--muted);font-size:.85rem}.settings-danger input{max-width:320px}.danger-button{display:inline-flex;width:fit-content;min-height:46px;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid #ff6b7a;border-radius:var(--radius-md);background:#ff6b7a1f;color:#ff9aa4;font-weight:700}.danger-button:disabled{cursor:not-allowed;opacity:.5}.settings-section h2{margin:0 0 var(--space-2);font-size:1rem}.settings-row{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff09;color:var(--text);text-align:left}.settings-row span{display:flex;align-items:center;gap:var(--space-3)}.settings-row small{color:var(--muted)}.settings-page form{display:grid;gap:var(--space-4);max-width:520px}.settings-page label{display:grid;gap:var(--space-2);color:var(--muted)}.settings-page textarea{resize:vertical}.settings-avatar{position:relative;width:110px;min-height:110px;place-items:center;overflow:hidden;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-strong)}.settings-avatar img{width:100%;height:100%;min-height:110px;object-fit:cover}.settings-avatar span{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1);background:#0000009e;color:var(--text);font-size:.72rem}.settings-avatar input{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0}.field-success{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--teal)}.connection-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);color:var(--text);text-decoration:none}.onboarding-page{display:grid;min-height:100dvh;place-items:center;gap:var(--space-6);padding:var(--space-6);background:radial-gradient(circle at 50% 10%,rgba(85,216,192,.18),transparent 42%),var(--bg-deep);color:var(--text)}.onboarding-card{display:grid;width:min(100%,520px);gap:var(--space-4);padding:clamp(1.4rem,5vw,2.5rem);border:1px solid var(--line);border-radius:var(--radius-xl);background:#ffffff0b;box-shadow:var(--shadow-soft)}.onboarding-card h1{margin:0;font-family:Outfit}.onboarding-card p{margin:0;color:var(--muted);line-height:1.5}.onboarding-card label{display:grid;gap:var(--space-2);font-weight:600}.onboarding-card input,.onboarding-card textarea{width:100%;padding:.8rem;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:#00000029;color:var(--text);font:inherit}.onboarding-card textarea{min-height:90px;resize:vertical}.onboarding-moods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.onboarding-moods button{padding:.75rem;border:1px solid var(--line);border-radius:var(--radius-md);background:#00000024;color:var(--text);text-align:left}.onboarding-moods button.is-selected{border-color:var(--yellow);background:#f7c95721}.home-tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);pointer-events:none}.home-tour__spot{position:fixed;border:2px solid var(--yellow);border-radius:var(--radius-md);box-shadow:0 0 0 9999px #00090c6b,0 0 24px #f7c95766}.home-tour__tip{position:fixed;width:min(288px,calc(100vw - 24px));display:grid;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:#142327db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-deep);pointer-events:auto}.home-tour__tip p{margin:0;color:var(--text)}.home-tour__tip div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.bottom-bar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-backdrop);visibility:hidden;background:#00090c94;opacity:0;transition:opacity var(--duration-normal) var(--ease),visibility var(--duration-normal)}.bottom-bar-backdrop.is-visible{visibility:visible;opacity:1}.bottom-bar{position:fixed;right:auto;bottom:calc(var(--space-4) + env(safe-area-inset-bottom));left:50%;z-index:var(--z-navigation);display:block;width:fit-content;min-width:250px;max-height:80px;padding:var(--space-2);border-radius:var(--radius-pill);transform:translate(-50%);transition:width var(--duration-normal) var(--ease),max-height var(--duration-normal) var(--ease),padding var(--duration-normal) var(--ease),border-radius var(--duration-normal) var(--ease),transform var(--duration-normal) var(--ease)}.bottom-bar--story{z-index:var(--z-modal);min-width:0;width:max-content;max-width:calc(100vw - var(--space-8));overflow:visible;color:var(--text)}.glass-surface.bottom-bar--story,.bottom-bar--story .fluid-glass__content{overflow:visible}.bottom-bar--story-capture{padding:var(--space-2)}.bottom-bar__story-actions,.bottom-bar__story-editor{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.story-bar-action{position:relative;display:grid;min-width:66px;min-height:48px;place-items:center;gap:2px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text);font-size:.7rem}.story-bar-action svg{color:var(--teal)}.story-bar-action:hover{background:#ffffff14}.story-bar-action input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}.story-capture-action{display:grid;width:62px;height:62px;place-items:center;border:3px solid var(--text);border-radius:50%;background:var(--yellow);color:#092a2c;box-shadow:0 0 22px #f7c9574d}.story-capture-action svg{width:30px;height:30px}.bottom-bar__story-editor{position:relative;min-width:min(430px,calc(100vw - var(--space-8)));gap:var(--space-3);transition:width var(--duration-normal) var(--ease),min-width var(--duration-normal) var(--ease),padding var(--duration-normal) var(--ease)}.story-menu-trigger{flex:none;color:var(--text)}.story-menu-trigger[aria-expanded=true]{background:#ffffff1a}.story-bottom-menu{position:absolute;bottom:calc(100% + var(--space-2));left:0;z-index:2;display:grid;min-width:190px;gap:2px;padding:var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:#0a2328c7;box-shadow:var(--shadow-deep);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);transform-origin:bottom left;animation:story-tools-rise .16s var(--ease)}.story-bottom-menu button{display:flex;min-height:42px;align-items:center;gap:var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;color:var(--text);text-align:left}.story-bottom-menu button:disabled{color:var(--muted);opacity:.65}.story-bottom-menu button:hover:not(:disabled){background:#ffffff14}.story-bottom-menu svg{width:18px}.story-bottom-filters{display:flex;gap:4px;padding:var(--space-1);border-top:1px solid var(--line)}.story-bottom-filters button{min-height:32px;padding:0 7px;font-size:.68rem}.story-bottom-filters button.is-active{background:#55d8c029;color:var(--teal)}.bottom-bar__story-editor .vaibes-input{width:min(340px,56vw);min-height:58px;max-height:100px;resize:none;color:var(--text)}.story-caption-trigger{display:inline-flex;min-height:44px;min-width:min(250px,52vw);align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);background:#ffffff0d;color:var(--muted);text-align:left;white-space:nowrap}.story-caption-trigger svg{color:var(--text)}.story-caption-trigger:hover{border-color:var(--line-strong);color:var(--text)}.story-caption-close{flex:none;color:var(--muted)}.bottom-bar--story-editor.is-caption-open{min-width:min(500px,calc(100vw - var(--space-6)))}.story-publish-action{display:inline-flex;min-height:44px;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border:0;border-radius:var(--radius-pill);background:var(--yellow);color:#092a2c;font-weight:800}.story-publish-action:disabled{opacity:.55}.bottom-bar--story,.bottom-bar--story *{color:var(--text)}.bottom-bar--story .story-bar-action svg{color:var(--text)}.bottom-bar--story .story-publish-action,.bottom-bar--story .story-publish-action svg{color:#092a2c}@media (max-width: 480px){.bottom-bar__story-editor,.bottom-bar--story-editor.is-caption-open{min-width:0}.bottom-bar__story-editor .vaibes-input{width:min(210px,56vw)}.story-caption-trigger{min-width:150px}.story-publish-action{padding-right:var(--space-3);padding-left:var(--space-3)}.story-bar-action{min-width:54px}}.bottom-bar--story-editor.is-caption-open{max-height:min(42vh,260px);padding:var(--space-3);border-radius:var(--radius-lg)}.story-bottom-menu{max-width:min(340px,calc(100vw - 2rem));max-height:min(58vh,480px);overflow-y:auto}.story-bottom-tools{display:grid;gap:.6rem;margin:.35rem 0;padding:.7rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-bottom-tools label{display:grid;gap:.3rem;color:var(--muted);font-size:.72rem}.story-bottom-tools textarea,.story-bottom-tools select{width:100%;box-sizing:border-box}.story-bottom-tools select{min-height:34px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text)}.story-color-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.story-color-swatches button{display:grid!important;width:26px;min-height:26px!important;padding:0!important;place-items:center;border:2px solid transparent!important;border-radius:50%!important}.story-color-swatches button.is-active{border-color:var(--text)!important;box-shadow:0 0 0 2px var(--teal)}.story-color-swatches .story-eyedropper{background:var(--surface-strong);color:var(--text)}.bottom-bar--story-editor:has(.story-bottom-menu){max-height:min(72vh,620px);padding:var(--space-3);border-radius:var(--radius-lg)}.bottom-bar--story-viewer{min-width:min(430px,calc(100vw - var(--space-8)));animation:story-bottom-bar-enter var(--duration-normal) var(--ease)}.bottom-bar__story-viewer{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:inherit}.bottom-bar__story-viewer form{display:flex;align-items:center;gap:var(--space-2);width:100%}.bottom-bar__story-viewer input{min-width:0;flex:1;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:#ffffff0f;color:var(--text);padding:.7rem 1rem}.bottom-bar__story-viewer button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:40px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:#ffffff0f;color:var(--text);padding:.55rem .8rem}.bottom-bar__story-viewer form button{width:42px;padding:.55rem}.story-viewer-options{position:absolute;right:0;bottom:calc(100% + var(--space-2));display:grid;gap:.25rem;padding:.5rem;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:#0a2328e6;box-shadow:var(--shadow-deep)}.bottom-bar--story-capture{animation:story-bottom-bar-capture var(--duration-normal) var(--ease)}.bottom-bar--story-editor{animation:story-bottom-bar-editor var(--duration-normal) var(--ease)}.bottom-bar--story-viewer{animation:story-bottom-bar-viewer var(--duration-normal) var(--ease)}.story-viewer-reply-feedback{flex:1;color:var(--teal);font-size:.74rem;text-align:center}.story-viewer-full__actions{display:none}@keyframes story-bottom-bar-enter{0%{opacity:0;transform:translate(-50%,18px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes story-bottom-bar-capture{0%{opacity:0;transform:translate(-50%,24px) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes story-bottom-bar-editor{0%{opacity:0;transform:translate(-50%,14px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes story-bottom-bar-viewer{0%{opacity:0;transform:translate(-50%,12px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (prefers-reduced-motion: reduce){.bottom-bar--story-capture,.bottom-bar--story-editor,.bottom-bar--story-viewer{animation:none}}@media (max-width: 480px){.bottom-bar--story-editor:has(.story-bottom-menu){max-width:calc(100vw - var(--space-4))}}.bottom-bar__closed{display:flex;align-items:center;gap:var(--space-2);transition:opacity var(--duration-fast) var(--ease),transform var(--duration-normal) var(--ease)}.bottom-bar__closed.is-hidden{visibility:hidden;opacity:0;pointer-events:none;transform:scale(.72)}.bottom-bar__composer{display:grid;width:0;max-height:0;overflow:hidden;opacity:0;transform:translateY(16px) scale(.96);transition:width var(--duration-normal) var(--ease),max-height var(--duration-normal) var(--ease),opacity var(--duration-fast) var(--ease),transform var(--duration-normal) var(--ease)}.bottom-bar__comment{position:relative;display:flex;align-items:flex-end;gap:var(--space-2);width:100%;padding:var(--space-3)}.bottom-bar__comment>div{display:grid;min-width:0;flex:1;gap:4px}.bottom-bar__comment small{color:var(--teal)}.bottom-bar__comment textarea{min-height:42px;resize:none}.bottom-bar__feedback{display:flex;min-width:0;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);color:var(--text);opacity:0;pointer-events:none;transform:scale(.96);transition:opacity var(--duration-normal) var(--ease),transform var(--duration-normal) var(--ease)}.bottom-bar__feedback>svg{color:var(--teal);flex:0 0 auto}.bottom-bar.is-publishing,.bottom-bar.is-feedback{width:min(100vw - var(--space-6),620px);max-height:76px;padding:var(--space-2);border-radius:var(--radius-xl)}.bottom-bar.is-publishing .bottom-bar__closed,.bottom-bar.is-feedback .bottom-bar__closed{position:absolute;opacity:0;pointer-events:none;transform:scale(.72)}.bottom-bar.is-publishing .bottom-bar__feedback,.bottom-bar.is-feedback .bottom-bar__feedback{opacity:1;pointer-events:auto;transform:scale(1);min-height:48px}.bottom-bar.is-composer{width:min(560px,calc(100vw - var(--space-7)));max-height:calc(100dvh - var(--space-6));padding:0;border-radius:var(--radius-xl)}.bottom-bar.is-composer .bottom-bar__closed,.bottom-bar.is-composer .bottom-bar__feedback{position:absolute;pointer-events:none;opacity:0;transform:scale(.72)}.bottom-bar.is-composer .bottom-bar__composer{width:100%;max-height:calc(100dvh - var(--space-6));opacity:1;transform:translateY(0) scale(1);overflow-y:auto}.bottom-bar.is-composer .composer{width:100%;max-height:calc(100dvh - var(--space-6));box-sizing:border-box}.bottom-bar.is-publishing .bottom-bar__feedback{color:var(--muted)}.create-button.is-active{animation:vaibes-glow 1.2s ease-in-out infinite}.feedback-link{border:0;background:transparent;color:var(--teal);font-weight:700;white-space:nowrap}.feedback-close{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted)}.story-operation-feedback{position:fixed;right:50%;bottom:calc(var(--space-5) + env(safe-area-inset-bottom));z-index:var(--z-navigation);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface-strong);box-shadow:var(--shadow-deep);color:var(--text);transform:translate(50%)}.story-operation-feedback--success{border-color:var(--teal)}.story-operation-feedback--error{border-color:var(--danger);color:var(--danger)}.feedback-spinner{animation:vaibes-spin 1s linear infinite;color:var(--yellow)!important}@keyframes vaibes-spin{to{transform:rotate(360deg)}}@keyframes vaibes-glow{50%{filter:brightness(1.38);box-shadow:0 0 26px #f7c95799}}.bottom-bar__closed>a,.bottom-bar__closed>button{display:flex;min-width:82px;min-height:48px;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);text-decoration:none;font-size:.78rem}.bottom-bar__closed>a:hover,.bottom-bar__closed>button:hover{background:#ffffff17;color:var(--text)}.bottom-bar .create-button{width:54px;min-width:54px;height:54px;margin:-9px var(--space-2);border-radius:50%;background:var(--yellow);color:#092a2c;box-shadow:0 8px 22px #f7c95742}.bottom-bar__open{display:grid;width:0;max-height:0;overflow:hidden;opacity:0;transform:translateY(10px) scale(.94);transition:width var(--duration-normal) var(--ease),max-height var(--duration-normal) var(--ease),opacity var(--duration-fast) var(--ease),transform var(--duration-normal) var(--ease)}.bottom-bar.is-composer,.bottom-bar--composer{z-index:var(--z-composer);width:min(560px,calc(100vw - var(--space-7)));border-radius:var(--radius-xl)}.bottom-bar.is-composer .bottom-bar__closed{position:absolute;pointer-events:none;opacity:0;transform:scale(.7)}.bottom-bar.is-composer .bottom-bar__open{width:100%;max-height:420px;opacity:1;transform:translateY(0) scale(1)}.menu-backdrop,.composer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-backdrop);border:0;background:#00090c94}.composer-backdrop{display:grid;place-items:center;padding:var(--space-4)}.composer-backdrop .composer{position:relative;z-index:var(--z-composer)}.menu-panel{position:fixed;top:var(--space-8);right:max(var(--space-6),calc((100vw - 1100px)/2));z-index:var(--z-menu);width:min(320px,calc(100vw - var(--space-7)));padding:var(--space-5);border-radius:var(--radius-xl);animation:sheet-in var(--duration-normal) var(--ease)}.menu-panel header{display:flex;align-items:center;justify-content:space-between}.menu-panel h2{margin:0}.menu-panel nav{display:grid;gap:var(--space-2);margin-top:var(--space-5)}.menu-panel nav a,.menu-panel nav button{display:flex;min-height:48px;align-items:center;gap:var(--space-3);padding:var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--text);text-align:left;text-decoration:none}.menu-panel nav a:hover,.menu-panel nav button:hover{background:#ffffff14}.menu-item-label{flex:1}.notification-badge{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;padding:0 5px;border-radius:999px;background:var(--yellow);color:#092a2c;font-size:.68rem;font-weight:800;line-height:1}.bottom-menu-button{position:relative}.dm-edge-reveal{position:fixed;top:50%;right:0;z-index:var(--z-modal);display:grid;width:min(240px,72vw);gap:6px;padding:14px 16px;border:1px solid var(--line-strong);border-right:0;border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:#081f23e6;color:var(--text);box-shadow:var(--shadow-deep);transform:translateY(-50%) translate(calc((1 - var(--dm-progress)) * 100%));transition:transform 80ms linear}.dm-edge-reveal svg{color:var(--teal)}.dm-edge-reveal span{font-size:.78rem}.dm-edge-reveal i{display:block;width:100%;height:3px;transform-origin:left;border-radius:var(--radius-pill);background:var(--yellow)}.pull-refresh-indicator{position:fixed;top:max(70px,env(safe-area-inset-top));left:50%;z-index:var(--z-navigation);display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:#081f23e6;color:var(--text);box-shadow:var(--shadow-soft);opacity:var(--pull-progress);transform:translate(-50%,calc((1 - var(--pull-progress)) * -18px));font-size:.75rem}.pull-refresh-indicator svg{color:var(--teal)}.notification-badge--floating{position:absolute;top:3px;right:19px;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--surface-strong);font-size:.6rem}.dm-top-action{position:relative}.dm-call-button{color:var(--teal)}.dm-call-button--header{width:40px;height:40px;border:1px solid var(--line-strong);border-radius:50%;background:#081f23b3;box-shadow:var(--shadow-soft)}.dm-call-button--header:hover:not(:disabled){background:#55d8c029}.dm-call-button--header:disabled{color:var(--muted);opacity:.5}.bottom-bar--incoming-call{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-width:min(360px,calc(100vw - 2rem));padding:var(--space-3) var(--space-4)}.bottom-bar--call{width:min(430px,calc(100vw - 2rem));min-width:0;max-height:80px;padding:var(--space-2) var(--space-3);border:1px solid rgba(85,216,192,.38);box-shadow:0 10px 38px #0000004d,0 0 24px #55d8c01f;animation:call-bar-in .22s var(--ease)}.bottom-bar--call.is-incoming{border-color:#f7c957b3;animation:call-bar-ring 1.4s ease-in-out infinite}.bottom-bar__call{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:52px}.bottom-bar__call-identity{display:flex;min-width:0;align-items:center;gap:var(--space-3)}.bottom-bar__call-identity span{display:grid;min-width:0;gap:2px}.bottom-bar__call-identity strong,.bottom-bar__call-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-bar__call-identity small{color:var(--muted)}.bottom-bar__call-actions{display:flex;flex:none;gap:var(--space-2)}.call-action--mute{background:#ffffff1a;color:var(--text)}.call-action--mute.is-muted{background:#f7c9573d;color:var(--yellow)}.incoming-call__identity{display:flex;align-items:center;gap:var(--space-3)}.incoming-call__identity span{display:grid;gap:2px}.incoming-call__identity small{color:var(--muted)}.incoming-call__actions{display:flex;gap:var(--space-2)}.call-action{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:50%;color:#fff}.call-action--decline,.call-action--hangup{background:var(--danger, #ff6478)}.call-action--answer{background:#38b982}.bottom-bar__call-return{display:flex;min-width:0;align-items:center;gap:var(--space-2);border:0;background:transparent;color:var(--text);text-align:left}.bottom-bar__call-return>span{display:grid;min-width:0;gap:2px}.bottom-bar__call-return small{color:var(--muted)}.bottom-bar__call-return strong,.bottom-bar__call-return small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-background-call{width:min(430px,calc(100vw - 2rem))}.call-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#55d8c029,#031014f7 64%);color:var(--text)}.call-screen__content{position:relative;display:grid;justify-items:center;gap:var(--space-3)}.call-screen__content strong{font-size:1.35rem}.call-screen__state{color:var(--muted)}.call-screen__content time{min-height:1.2em;font-variant-numeric:tabular-nums;font-size:1.1rem}.call-screen__minimize{position:absolute;top:-5rem;right:-5rem;display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:#ffffff14;color:var(--text)}.call-screen__controls{display:flex;gap:var(--space-4);margin-top:var(--space-6)}.call-screen__controls button{display:grid;width:54px;height:54px;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:#ffffff14;color:var(--text)}.call-screen__controls button.is-muted{background:#f7c95738;color:var(--yellow)}.call-screen--video{background:#000;overflow:hidden}.call-screen__video-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.call-screen__video-remote{width:100%;height:100%;object-fit:cover}.call-screen__video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:radial-gradient(circle at 50% 30%,#55d8c029,#031014f7 64%);color:var(--text)}.call-screen__video-local{position:absolute;top:max(1rem,env(safe-area-inset-top));right:1rem;width:110px;height:160px;object-fit:cover;border-radius:14px;border:2px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #0009;z-index:2;transform:scaleX(-1);background:#111}.call-screen--video .call-screen__content{z-index:3;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 60%,transparent 100%);padding:2rem 1.5rem 2.5rem;width:100%;max-width:480px;border-radius:24px 24px 0 0;position:absolute;bottom:0}.call-screen--video .call-screen__minimize{top:-3.5rem;right:1.5rem;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#fff3}.call-screen__controls .call-screen__hangup{background:var(--danger, #ff6478);color:#fff}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#55d8c026,#031014f5 60%)}.call-overlay__content{display:grid;justify-items:center;gap:var(--space-3);color:var(--text)}.call-overlay__content strong{font-size:1.35rem}.call-overlay__state{color:var(--muted)}.call-overlay__content time{font-variant-numeric:tabular-nums;font-size:1.1rem}.call-overlay__controls{display:flex;gap:var(--space-4);margin-top:var(--space-6)}.call-overlay__controls button{display:grid;width:52px;height:52px;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:#ffffff14;color:var(--text)}.call-overlay__controls .call-action--hangup{background:var(--danger, #ff6478)}@media (prefers-reduced-motion: reduce){.call-overlay,.bottom-bar--incoming-call{animation:none;transition:none}}@media (max-width: 480px){.call-screen__minimize{top:-4rem;right:-1rem}}@keyframes call-bar-in{0%{opacity:0;transform:translate(-50%,14px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes call-bar-ring{50%{box-shadow:0 10px 38px #0000004d,0 0 0 7px #f7c95714,0 0 28px #f7c95740}}@keyframes sheet-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}.event-module{display:grid;margin:0 0 var(--space-4)}.event-module__card{position:relative;display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);background:linear-gradient(135deg,#f55353,#c51d1d);box-shadow:0 24px 52px #ad141442}.event-module--active .event-module__card{overflow:hidden}.event-module--active .event-module__card:before{content:"";position:absolute;inset:auto -20% -35% auto;width:220px;height:220px;border-radius:50%;background:#ffffff14}.event-module__identity{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-3)}.event-module__logo{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;object-fit:contain;filter:brightness(0) invert(1)}.event-module__copy{display:grid;gap:2px}.event-module__title{display:block;max-width:8ch;color:#fff;font-family:Outfit,Segoe UI,sans-serif;font-size:clamp(1.8rem,2.3vw,2.7rem);line-height:.9;letter-spacing:.04em;text-transform:uppercase}.event-module__status{color:#ffffffe6;font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.event-module__cta{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 var(--space-4);border:0;border-radius:var(--radius-pill);background:#fff;color:#0a1418!important;overflow:visible;white-space:nowrap;font-size:.82rem;font-weight:800;letter-spacing:.14em;text-decoration:none;text-transform:uppercase;transition:transform .18s ease,box-shadow .18s ease}.event-module__cta:hover{transform:translateY(-1px);box-shadow:0 12px 20px #120e0e2e}.event-module__countdown{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:#0c14181f;color:#fff}.event-module__countdown-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.86}.event-module__countdown-value{font-family:Outfit,Segoe UI,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.08em}.confronto-event-module{margin-bottom:var(--space-4)}.confronto-event-card{position:relative;display:grid;min-height:clamp(210px,48vw,360px);gap:var(--space-4);overflow:hidden;padding:clamp(1.1rem,4vw,2rem);isolation:isolate;background:linear-gradient(104.9deg,#19b819 25%,#8104a7 75%)}.confronto-event-card:before{content:"";position:absolute;top:-30%;left:-4%;z-index:-1;width:12%;height:135%;background:#0000002e;transform:rotate(28deg)}.confronto-event-card:after{content:"";position:absolute;right:-12%;bottom:-42%;z-index:-1;width:46%;height:100%;border-radius:50%;background:#ffffff12}.confronto-event-pattern{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;display:grid;grid-template-columns:repeat(6,1fr);align-content:space-around;justify-items:center;padding:1rem 3%;color:#0000002e;transform:rotate(-4deg) scale(1.08);pointer-events:none}.confronto-event-pattern svg{width:clamp(22px,7vw,48px);height:clamp(22px,7vw,48px);stroke-width:3}.confronto-event-heading{position:relative;display:flex;align-items:center;gap:.7rem;color:#fff;font-family:Outfit,Segoe UI,sans-serif;font-size:clamp(2rem,8vw,4.1rem);font-weight:900;letter-spacing:-.055em;line-height:.9}.confronto-event-logo{width:clamp(34px,10vw,64px);height:clamp(42px,12vw,78px);object-fit:contain;filter:brightness(0) invert(1)}.confronto-event-countdown{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;min-height:62px;margin-top:auto;padding:.55rem 1rem;border-radius:12px;background:#fff;color:#161820}.confronto-event-countdown small{font-size:.68rem;font-weight:800}.confronto-event-countdown .event-module__countdown{padding:0;border:0;background:transparent;color:#161820}.confronto-event-countdown .event-module__countdown-label{display:none}.confronto-event-countdown .event-module__countdown-value{font-size:clamp(1.6rem,6vw,3rem);letter-spacing:-.04em;text-align:center}.confronto-event-cta{position:relative;display:flex;min-height:clamp(54px,13vw,78px);align-items:center;justify-content:center;margin-top:auto;padding:0 1rem;border-radius:14px;background:#fff;color:#20212a!important;font-size:clamp(.9rem,2.8vw,1.35rem);font-weight:900;letter-spacing:-.02em;text-decoration:none;text-transform:uppercase}.confronto-event-cta:hover{transform:translateY(-1px);box-shadow:0 12px 24px #00000029}.event-page{min-height:100dvh;padding:clamp(var(--space-3),3vw,var(--space-6));background:var(--bg-deep);color:var(--text)}.confronto-page{min-height:100dvh;padding:clamp(var(--space-3),4vw,var(--space-6));background:var(--bg-deep);color:var(--text)}.confronto-hero,.confronto-content{width:min(100%,760px);margin-inline:auto}.confronto-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:var(--space-4);padding:var(--space-2) 0 var(--space-5);border-bottom:1px solid var(--line)}.confronto-hero>div{display:grid;gap:.35rem}.confronto-hero h1{margin:0;font-size:clamp(2rem,8vw,3.8rem);letter-spacing:-.04em;background:var(--confronto-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.confronto-hero p{margin:0;color:var(--muted);line-height:1.5}.confronto-kicker{color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.18em}.confronto-content{display:grid;gap:var(--space-4);padding-block:clamp(var(--space-5),7vw,4rem)}.confronto-scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--surface-strong);box-shadow:var(--shadow-soft)}.confronto-team{display:grid;gap:.25rem;text-align:center}.confronto-team strong{font-size:.78rem;letter-spacing:.15em}.confronto-team b{font-size:clamp(2.5rem,12vw,5rem);line-height:.95}.confronto-team small{color:var(--muted)}.confronto-team--green{color:#19b819}.confronto-team--purple{color:#8104a7}.confronto-vs{color:var(--muted);font-size:2rem;font-weight:800}.confronto-territory{display:flex;height:12px;overflow:hidden;border-radius:var(--radius-pill);background:#8104a7}.confronto-territory span:first-child{background:#19b819;transition:width .35s ease}.confronto-territory span:last-child{background:#8104a7;transition:width .35s ease}.confronto-card{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-strong)}.confronto-card h2,.confronto-challenges h2{margin:0}.confronto-card p{margin:0;color:var(--muted);line-height:1.5}.confronto-join,.confronto-invite{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:var(--radius-md);background:#fff;color:#111;font-weight:800;cursor:pointer}.confronto-join:disabled,.confronto-invite:disabled{opacity:.65;cursor:wait}.confronto-card--team{border-top:3px solid transparent;border-image:var(--confronto-gradient) 1}.confronto-team-label{font-size:1.5rem}.confronto-team-label--green{color:#19b819}.confronto-team-label--purple{color:#8104a7}.confronto-invite-link{overflow-wrap:anywhere;color:var(--muted);font-size:.75rem}.confronto-challenges{display:grid;gap:var(--space-3)}.confronto-progress{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:#ffffff1a}.confronto-progress span{display:block;height:100%;background:var(--confronto-gradient);transition:width .35s ease}.confronto-card small{color:var(--muted)}.event-main,.event-header{width:min(100%,760px);margin-inline:auto}.event-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-2) var(--space-5);border-bottom:1px solid var(--line)}.event-header-info,.event-header-status,.event-meta,.event-participations-list{display:grid;gap:var(--space-2)}.event-header-info{min-width:0;margin-right:auto}.event-series{font-weight:800;letter-spacing:.08em;text-transform:uppercase}.event-edition,.event-countdown,.event-waiting,.event-description,.event-ended-placeholder,.event-result-card span{color:var(--muted)}.event-header-status{justify-items:end;text-align:right}.event-status-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 .65rem;border:1px solid var(--event-primary, #dc2626);border-radius:var(--radius-pill);color:var(--event-primary, #dc2626);font-size:.7rem;font-weight:800;letter-spacing:.08em}.event-status--active{background:var(--event-primary, #dc2626);color:#fff}.event-countdown{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem}.event-countdown.active{color:#fff}.event-back{display:grid;width:44px;height:44px;flex:none;place-items:center;border:1px solid var(--line);border-radius:var(--radius-md);background:transparent;color:var(--text)}.event-back:hover,.event-back:focus-visible{border-color:var(--event-primary, #dc2626);color:var(--event-primary, #dc2626)}.event-main{display:grid;gap:var(--space-5);padding-block:clamp(var(--space-5),7vw,4rem)}.event-scheduled,.event-active,.event-ended{display:grid;gap:var(--space-4);padding:clamp(1.25rem,5vw,3rem);border:1px solid var(--line);border-top:3px solid var(--event-primary, #dc2626);border-radius:var(--radius-xl);background:var(--surface-strong);box-shadow:var(--shadow-soft)}.event-scheduled h1,.event-active h1,.event-ended h1{margin:0;font-size:clamp(1.7rem,5vw,2.5rem)}.event-join,.event-waiting-instruction,.event-instruction-revealed{display:grid;gap:var(--space-4)}.event-join-button,.event-start-button,.event-create-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:.5rem;padding:0 var(--space-4);border:0;border-radius:var(--radius-md);background:var(--event-primary, #dc2626);color:#fff;font-weight:800;cursor:pointer}.event-join-button:disabled,.event-start-button:disabled,.event-create-button:disabled{cursor:wait;opacity:.65}.event-meta{padding-block:var(--space-3);border-block:1px solid var(--line)}.event-meta span{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted)}.event-instruction-card,.event-result-card{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.event-instruction-card{border-color:color-mix(in srgb,var(--event-primary, #dc2626) 65%,var(--line))}.event-instruction-text,.event-result-card p{margin:0;line-height:1.55}.event-result-card a{color:var(--teal);font-weight:700}.event-next-instruction{margin:0;color:var(--event-primary, #dc2626);font-size:.8rem;font-weight:800;letter-spacing:.08em;line-height:1.7}.event-live-feed{display:grid;gap:var(--space-3);margin-top:var(--space-5)}.event-live-feed h2{margin:0;font-size:1.05rem}.event-live-feed__list{display:grid;gap:var(--space-3)}.event-live-feed .post-card{box-shadow:none}.event-composer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-3);background:#000000b8}.event-composer-overlay>div{display:grid;max-width:min(100%,680px);gap:var(--space-2);width:100%;max-height:100%}.event-composer-status{display:flex;min-height:44px;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-strong);color:var(--text);font-size:.9rem}@media (max-width: 520px){.event-header{align-items:flex-start}.event-header-status{max-width:48%}.event-series{font-size:.86rem}.event-main{padding-top:var(--space-4)}.event-scheduled,.event-active,.event-ended{padding:var(--space-4)}}.feed-list{display:grid;gap:var(--space-4)}.post-card{position:relative;display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:var(--shadow-soft)}.post-card--navigable{cursor:pointer}.post-card--navigable:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.post-card__header{display:flex;min-width:0;align-items:center;gap:var(--space-3)}.post-card__identity{display:grid;min-width:0;gap:3px}.post-card__author a{color:var(--text);text-decoration:none}.post-card__author a:hover{color:var(--teal)}.post-card__identity time{color:var(--faint);font-size:.75rem}.post-card__follow{min-height:32px;margin-left:auto;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:transparent;color:var(--teal);font-size:.75rem;font-weight:700}.post-card__follow:disabled{opacity:.6}.post-card__menu{position:relative}.post-card__menu-options{position:absolute;top:calc(100% + 4px);right:0;z-index:3;min-width:130px;padding:var(--space-1);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-strong);box-shadow:var(--shadow-soft)}.post-card__menu-options button{display:flex;width:100%;align-items:center;gap:var(--space-2);padding:var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);text-align:left}.post-card__menu-options button:hover{background:#ffffff14}.post-card__confirm{position:absolute;inset:50% var(--space-5) auto;z-index:4;display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:var(--shadow-deep);transform:translateY(-50%)}.post-card__confirm span{color:var(--muted);font-size:.85rem}.post-card__confirm div{display:flex;justify-content:flex-end;gap:var(--space-2)}.danger-button{min-height:44px;padding:0 var(--space-3);border:0;border-radius:var(--radius-md);background:var(--red, #e96b78);color:#fff;font-weight:700}.post-card__more{justify-self:start;border:0;background:transparent;color:var(--teal);font-weight:700}.post-card__content:not(.is-expanded) p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.post-card__media-grid::-webkit-scrollbar{height:4px}.post-card__media-grid::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius-pill)}.post-card__identity{display:grid;min-width:0;gap:var(--space-1)}.post-card__author{display:flex;min-width:0;align-items:center;gap:var(--space-2)}.post-card__event-badge{display:inline-flex;max-width:15ch;align-items:center;min-height:20px;padding:0 .45rem;overflow:hidden;border:1px solid var(--event-badge-color, #dc2626);border-radius:var(--radius-pill);color:var(--event-badge-color, #dc2626)!important;font-size:.61rem!important;font-weight:800!important;letter-spacing:.08em;line-height:1;text-overflow:ellipsis;white-space:nowrap}.post-card__event-prompt{margin:.15rem 0 .45rem;padding:.5rem .75rem;border-radius:var(--radius-md);background:#55d8c00f;border-left:3px solid var(--event-color, var(--teal));display:grid;gap:.15rem}.post-card__event-prompt-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--event-color, var(--teal))}.post-card__event-prompt-text{margin:0;font-size:.88rem;font-style:italic;color:var(--text);line-height:1.4}.post-card__identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-card__identity span,.post-card__header time{color:var(--faint);font-size:.75rem}.post-card__author,.post-card__author a,.post-card__author strong,.post-card__author .user-identity,.post-card__author .user-identity__name{color:#fff!important;opacity:1!important;font-size:inherit;font-weight:700;filter:none}[data-theme=light] .post-card__author .user-identity,[data-theme=light] .post-card__author .user-identity__name{color:var(--text)}.post-card__header time{margin-left:auto;white-space:nowrap}.post-card__identity{flex:1 1 auto}.post-card__header time{margin-left:0}.post-card__follow{flex:none;min-height:36px;margin-left:0;border:0;border-radius:var(--radius-md);background:var(--yellow);color:#092a2c;font-size:.8rem}.post-card__follow.is-following{border:1px solid var(--teal);background:#55d8c01f;color:var(--teal)}.post-card__menu{position:relative;flex:none;margin-left:auto}.post-card__content{display:grid;gap:var(--space-3)}.post-card__content p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:1rem}.post-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--teal);font-size:.9rem}.post-card__tags span{text-decoration:none}.post-card__media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);overflow:hidden;border-radius:var(--radius-sm)}.post-card__media-grid--1{grid-template-columns:1fr}.post-card__media{display:block;width:100%;min-height:180px;max-height:500px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-deep)}.post-card__repost{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:#04131833}.post-card__repost>span{color:var(--muted);font-size:.75rem}.post-card__repost .post-card{padding:var(--space-3);border:0;box-shadow:none;background:transparent}.post-card__comment-repost>div{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm)}.post-card__comment-repost p{margin:0;color:var(--text)}.post-card__actions{display:flex;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line)}.post-card__actions button{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:0;border-radius:var(--radius-md);background:transparent;color:var(--muted)}.post-card__actions button.is-active{color:var(--like)}.post-card__actions button{align-items:center;gap:var(--space-1)}.post-card__count{font-size:.75rem;color:inherit}.post-card__actions button:disabled,.post-card .icon-button:disabled{opacity:.72}.inline-link{color:var(--teal);text-decoration:none}.inline-link:hover{text-decoration:underline}.post-card__comments{display:grid;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line)}.share-sheet-backdrop{position:absolute;right:var(--space-5);bottom:calc(var(--space-5) + 52px);z-index:var(--z-menu);pointer-events:none}.share-sheet{display:grid;width:min(360px,calc(100vw - 32px));gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:var(--surface-strong);box-shadow:var(--shadow-deep);pointer-events:auto}.share-sheet header{display:flex;align-items:flex-start;justify-content:space-between}.share-sheet h2{margin:var(--space-1) 0 0}.share-sheet__option{display:grid;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:transparent;color:var(--text);text-align:left}.share-sheet__option:not(:disabled):hover,.share-sheet__option:not(:disabled):focus-visible{border-color:var(--teal)}.share-sheet__option small{color:var(--muted);line-height:1.45}.share-sheet__option:disabled{cursor:not-allowed;opacity:.58}.share-friend-picker{display:grid;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md)}.share-friend-picker label{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted)}.share-friend-picker input{width:100%;min-width:0;padding:var(--space-2) 0;border:0;outline:0;background:transparent;color:var(--text)}.share-friend-picker>small{color:var(--muted);font-size:.76rem}.share-friend-results{display:grid;max-height:150px;overflow:auto;gap:2px}.share-friend-results button{padding:var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);text-align:left}.share-friend-results button:hover{background:#55d8c01a}.comment-list{display:grid;gap:var(--space-2)}.comment-list p{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#ffffff0d}.comment-compose{display:flex;gap:var(--space-2)}.comment-compose input{min-width:0;flex:1}.comment-compose button{display:grid;width:42px;place-items:center;border:0;border-radius:var(--radius-md);background:var(--teal);color:var(--bg-deep)}.muted-copy{color:var(--muted);font-size:.9rem}.stories-strip{display:flex;min-height:112px;gap:var(--space-3);align-items:stretch;overflow-x:auto;margin:0 0 var(--space-5);padding:var(--space-2) 0 var(--space-3);scrollbar-width:thin}.stories-strip{margin:var(--space-5) 0 var(--space-6)}.story-rail{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-2) 0;scrollbar-width:none}.story-rail::-webkit-scrollbar{display:none}.story-tile{display:grid;min-width:78px;justify-items:center;align-content:start;gap:var(--space-2);padding:var(--space-1);border:0;background:transparent;color:var(--text);font-size:.72rem}.story-tile strong{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.story-tile__identity{position:relative;display:flex;width:88px;align-items:center;justify-content:center}.story-tile__identity--has-badge{padding-right:16px}.story-tile__identity .user-identity{display:flex;width:100%;justify-content:center}.story-tile__identity .user-identity__name{overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap;text-align:center}.story-tile__identity .user-identity__badges{position:absolute;right:0}[data-theme=light] .story-tile__identity .user-identity__name,.story-tile--create{color:var(--text)}.story-tile--create .story-avatar-indicator--create{--story-user-color: var(--teal)}.story-avatar-indicator--create .story-tile__plus{display:grid;width:72px;height:72px;place-items:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--surface-strong);color:var(--yellow)}.story-avatar-indicator--create .story-tile__plus svg{width:26px;height:26px;stroke-width:2.5}.story-avatar-indicator{--story-user-color: var(--teal);position:relative;display:grid;width:80px;height:80px;place-items:center;background:transparent}.story-avatar-indicator:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(140deg,var(--story-user-color),color-mix(in srgb,var(--story-user-color) 25%,var(--yellow)))}.story-avatar-indicator--blue{--story-user-color: #5aa9ff}.story-avatar-indicator--violet{--story-user-color: #b18cff}.story-avatar-indicator--red{--story-user-color: #ff6b7a}.story-avatar-indicator--amber{--story-user-color: #f7c957}.story-avatar-indicator--orange{--story-user-color: #ff9855}.story-avatar-indicator .hex-avatar{--avatar-color: transparent;width:72px;height:72px}.story-create-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-5);background:#00090cd1}.story-create{display:grid;width:min(520px,100%);max-height:calc(100dvh - var(--space-6));gap:var(--space-4);overflow:auto;padding:var(--space-5);border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:var(--surface-strong)}.story-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-5);background:#00090cd1}.story-viewer{width:min(520px,100%);max-height:min(760px,calc(100dvh - 40px));overflow:auto;padding:var(--space-5);border-radius:var(--radius-xl);background:var(--surface-strong)}.story-create header{display:flex;align-items:center;justify-content:space-between}.story-create h2{margin:var(--space-1) 0 0}.story-create label{display:grid;gap:var(--space-1);color:var(--muted)}.story-source-actions,.story-preview-actions,.story-camera>div{display:flex;flex-wrap:wrap;gap:var(--space-2)}.secondary-button{display:inline-flex;min-height:44px;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:transparent;color:var(--text)}.secondary-button input{display:none}.story-camera video{width:100%;max-height:52dvh;border-radius:var(--radius-md);background:var(--bg-deep);object-fit:contain}.story-create__preview{display:block;width:100%;height:100%;max-height:none;min-height:0;border-radius:var(--radius-md);object-fit:contain;background:var(--bg-deep)}.story-create__preview-wrap{display:grid;width:min(100%,calc(min(38dvh,520px)*.5625));height:min(38dvh,520px);min-width:0;min-height:0;place-items:center;overflow:hidden;border-radius:var(--radius-md);background:var(--bg-deep)}.story-create__preview-wrap video{aspect-ratio:auto}.story-camera-backdrop{padding:0;background:#020b0e}.story-create--camera{isolation:isolate;width:100%;max-width:720px;height:100dvh;max-height:none;grid-template-rows:auto minmax(0,1fr) auto;padding:max(var(--space-4),env(safe-area-inset-top)) var(--space-4) max(var(--space-5),env(safe-area-inset-bottom));border:0;border-radius:0;background:#020b0e}.story-camera__header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;color:#fff}.story-camera__header .icon-button{color:#fff}.story-camera__stage{position:relative;z-index:0;display:grid;width:100%;height:auto;min-height:0;place-self:stretch;place-items:center;overflow:hidden;border-radius:var(--radius-lg);background:#000;isolation:isolate}.story-camera__library{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}.story-camera__library>div{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.story-camera__library video{width:100%;height:100%;object-fit:cover}.story-camera__toolbar{position:relative;z-index:3;display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-4);color:#fff}.story-camera__toolbar .icon-button{color:#fff}.story-camera__gallery{position:relative}.story-camera__gallery input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}.story-camera__capture{display:grid;width:72px;height:72px;place-items:center;border:4px solid #fff;border-radius:50%;background:transparent;color:#fff}.story-camera__capture svg{width:54px;height:54px;fill:currentColor}.story-camera__fallback{display:grid;min-height:40dvh;place-items:center;align-content:center;gap:var(--space-3);color:#fff;text-align:center}.story-camera__fallback p{max-width:320px;margin:0;color:var(--muted)}.story-create--preview{background:var(--surface-strong)}.story-create--editor{position:relative;width:min(540px,100%);max-height:calc(100dvh - var(--space-6));grid-template-rows:auto minmax(0,1fr) auto;padding:var(--space-4);background:#05161beb;-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%)}.story-create--editor .story-camera__header{color:var(--text)}.story-editor__media{display:grid;min-height:0;max-height:58dvh;place-items:center;overflow:hidden;border-radius:var(--radius-lg);background:#020b0e}.story-editor__media .story-create__preview{max-height:58dvh}.story-editor__actions{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-2) 0}.story-editor__actions .icon-button:disabled{opacity:.38}.story-editor__dock{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.story-editor__dock .publish-button{min-height:46px;border:0;border-radius:var(--radius-pill);background:var(--yellow);color:#092a2c}.story-editor__more-wrap{position:absolute;bottom:var(--space-4);left:calc(-1 * (var(--space-4) + 52px));display:flex;align-items:flex-end}.story-editor__more{width:48px;height:48px;border:1px solid var(--line-strong);border-radius:50%;background:#071e23b8;color:var(--text);box-shadow:var(--shadow-soft)}.story-editor__more-menu{position:absolute;bottom:calc(100% + var(--space-2));left:0;display:grid;min-width:190px;gap:2px;padding:var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:#0a2328a6;box-shadow:var(--shadow-deep)}.story-editor__more-menu button{display:flex;min-height:44px;align-items:center;gap:var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;color:var(--muted);text-align:left}.story-editor__more-menu button:disabled{opacity:.7}.story-editor__more-menu svg{width:18px}@media (max-width: 620px){.story-create--editor{width:100%;height:100dvh;max-height:none;border-radius:0}.story-editor__more-wrap{right:var(--space-4);bottom:calc(var(--space-5) + env(safe-area-inset-bottom));left:auto}.story-editor__media{max-height:58dvh}}.story-viewer-full{--story-accent: var(--teal);position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;overflow:hidden;background:#061217;color:#fff}.story-viewer-full--blue{--story-accent: #5aa9ff}.story-viewer-full--violet{--story-accent: #b18cff}.story-viewer-full--red{--story-accent: #ff6b7a}.story-viewer-full--amber{--story-accent: #f7c957}.story-viewer-full--orange{--story-accent: #ff9855}.story-flow{z-index:var(--z-modal);padding:0;background:#020b0e}.story-flow .story-create{position:relative;width:100%;height:100dvh;max-width:none;max-height:none;box-sizing:border-box;overflow:hidden;border:0;border-radius:0;background:#020b0e}.story-flow .story-camera__header{padding:max(var(--space-4),env(safe-area-inset-top)) var(--space-5) var(--space-3)}.story-top-actions{display:flex;align-items:center;gap:var(--space-2)}.story-publish-action-top{display:inline-flex;align-items:center;gap:.35rem;min-height:34px;padding:0 .8rem;border:0;border-radius:var(--radius-pill);background:var(--yellow, #ffd84d);color:#092a2c;font-size:.8rem;font-weight:800;cursor:pointer;transition:transform .15s,opacity .15s}.story-publish-action-top:hover{transform:scale(1.04)}.story-publish-action-top:disabled{opacity:.55;cursor:not-allowed}.story-flow .story-top-actions{display:flex}.story-editor__send-btn{position:absolute;right:1rem;bottom:1rem;z-index:20;display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:0 1rem;border:0;border-radius:var(--radius-pill);background:var(--yellow, #ffd84d);color:#092a2c;font-weight:800;font-size:.85rem;box-shadow:0 4px 14px #0006;cursor:pointer;pointer-events:auto;transition:transform .15s,opacity .15s}.story-editor__send-btn:hover{transform:scale(1.04)}.story-editor__send-btn:disabled{opacity:.55;cursor:not-allowed}.story-editor__stage{display:grid;height:calc(100dvh - 100px);place-items:center;padding:0 var(--space-5) calc(110px + env(safe-area-inset-bottom))}.story-editor__media{position:relative;width:min(100%,620px);height:min(78dvh,820px);max-height:calc(100dvh - 170px);border-radius:var(--radius-lg);background:#000;box-shadow:var(--shadow-deep)}.story-editor__sticker-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8%;pointer-events:none}.story-editor__sticker{position:absolute;z-index:3;width:min(34%,220px);max-height:34%;cursor:grab;pointer-events:auto;touch-action:none;transform:translate(-50%,-50%)}.story-editor__sticker:active{cursor:grabbing}.story-editor__sticker img,.story-editor__sticker video{display:block;width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.story-editor__text-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.story-editor__text{position:absolute;max-width:86%;cursor:grab;font-weight:700;line-height:1.08;text-align:center;text-shadow:0 3px 10px rgba(0,0,0,.48);transform:translate(-50%,-50%);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.story-editor__text:active{cursor:grabbing}.story-editor__brush-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;pointer-events:none}.story-editor__brush-layer.is-active{cursor:crosshair;pointer-events:auto;touch-action:none}.story-editor__brush-layer polyline{vector-effect:none}.story-editor__quick-tools,.story-editor__text-tools,.story-editor__brush-tools{display:none!important}.story-editor__quick-tools{right:1rem;bottom:1rem}.story-editor__quick-tools button,.story-editor__brush-tools button{min-height:34px;padding:0 .7rem;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text)}.story-editor__quick-tools button.is-active,.story-editor__quick-tools button:hover{background:#55d8c033;color:var(--teal)}.story-editor__text-tools,.story-editor__brush-tools{right:1rem;bottom:4.4rem;flex-direction:column;align-items:stretch;border-radius:var(--radius-lg)}.story-editor__text-tools>div,.story-editor__brush-tools{display:flex;align-items:center;gap:.6rem}.story-editor__text-tools label,.story-editor__brush-tools label{display:grid;gap:.2rem;color:var(--muted);font-size:.7rem}.story-editor__text-tools select{min-height:32px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text)}.story-editor__text-tools input[type=color],.story-editor__brush-tools input[type=color]{width:32px;height:32px;padding:0;border:0;background:transparent}.story-editor__media .story-create__preview{width:100%;height:100%;max-height:none;border-radius:var(--radius-lg);object-fit:contain}.story-editor-tools-layer{position:fixed;bottom:calc(var(--space-4) + env(safe-area-inset-bottom));left:calc(50% - 190px);z-index:var(--z-modal);pointer-events:none}.story-editor-tools-layer{display:none!important;transition:opacity var(--duration-normal) var(--ease),transform var(--duration-normal) var(--ease)}.story-editor-tools-layer.is-caption-open{pointer-events:none;opacity:0;transform:translate(-10px) scale(.88)}.story-editor-tools-layer>*{pointer-events:auto}.story-editor-tools-layer .story-editor__more{width:48px;height:48px;border:1px solid var(--line-strong);border-radius:50%;background:#071e23ad;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);color:var(--text);box-shadow:var(--shadow-soft)}.story-editor-tools-layer .story-editor__more-menu{position:absolute;bottom:calc(100% + var(--space-2));left:0;display:grid;min-width:190px;gap:2px;padding:var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:#0a2328a8;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);box-shadow:var(--shadow-deep);transform-origin:bottom left;animation:story-tools-rise .16s var(--ease)}.story-editor-tools-layer .story-editor__more-menu button{display:flex;min-height:42px;align-items:center;gap:var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;color:var(--text);text-align:left}.story-editor-tools-layer .story-editor__more-menu button:disabled{color:var(--muted);opacity:.65}.story-editor-tools-layer .story-editor__more-menu svg{width:18px}.story-filter-picker{display:flex;gap:4px;padding:var(--space-1);border-top:1px solid var(--line)}.story-filter-picker button{min-height:34px!important;padding:0 7px;font-size:.68rem}.story-filter-picker button.is-active{background:#55d8c029!important;color:var(--teal)!important}@keyframes story-tools-rise{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@media (max-width: 480px){.story-editor-tools-layer{left:calc(50% - 174px)}.story-editor__stage{padding-right:var(--space-3);padding-left:var(--space-3)}}@media (prefers-reduced-motion: reduce){.story-editor-tools-layer .story-editor__more-menu{animation:none}}.story-viewer-full__blur{position:absolute;top:-32px;right:-32px;bottom:-32px;left:-32px;opacity:.32;background-position:center;background-size:cover;filter:blur(32px);transform:scale(1.08)}.story-viewer-full__content{position:relative;display:grid;width:min(100%,620px);height:100dvh;grid-template-rows:auto auto minmax(0,1fr) auto;padding:max(var(--space-4),env(safe-area-inset-top)) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(2,12,16,.7),transparent 24%,transparent 70%,rgba(2,12,16,.72))}.story-progress{display:flex;gap:4px}.story-progress span{position:relative;height:3px;flex:1;overflow:hidden;border-radius:var(--radius-pill);background:#ffffff47}.story-progress span i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--story-accent),#fff0a2)}.story-progress span.is-complete i{width:100%}.story-progress span.is-current[data-mode=image] i{animation:story-progress var(--story-duration) linear forwards}.story-progress span.is-current[data-mode=video] i{width:var(--story-progress, 0%);transition:none}.story-viewer-full__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0}.story-viewer__identity{display:flex;align-items:center;gap:var(--space-2)}.story-viewer__identity-info{display:flex;flex-direction:column;gap:2px;min-width:0}.story-viewer__author-row{display:flex;align-items:center;gap:var(--space-2)}.story-viewer__music-chip{margin-top:2px}.story-viewer-full .icon-button{color:#fff}.story-viewer-full__media{display:grid;min-height:0;place-items:center;overflow:hidden}.story-viewer-full__media img,.story-viewer-full__media video{display:block;width:100%;height:100%;object-fit:contain}.story-viewer-full__media img:not([src]){display:none}.story-viewer-full__media--post{padding:var(--space-5)}.story-post-reference{display:grid;width:min(100%,520px);gap:var(--space-3);padding:var(--space-6);border:1px solid rgba(130,226,215,.35);border-radius:var(--radius-xl);background:linear-gradient(145deg,#074242eb,#03191df5);box-shadow:var(--shadow-deep);color:#fff}.story-post-reference strong{font-size:1.25rem}.story-post-reference p{margin:0;color:#d7efec;white-space:pre-wrap}.story-post-reference button{justify-self:start;padding:var(--space-2) var(--space-3);border:1px solid var(--teal);border-radius:var(--radius-pill);background:transparent;color:#fff}.story-viewer-full__caption{align-self:end;max-width:90%;margin:0 0 var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:#00000061;line-height:1.45;white-space:pre-wrap}.story-viewer-full__nav{position:absolute;inset:45% var(--space-2) auto;display:flex;justify-content:space-between;pointer-events:none}.story-viewer-full__nav button{display:grid;width:46px;height:60px;place-items:center;border:0;border-radius:var(--radius-md);background:#00000047;color:#fff;opacity:.7;pointer-events:auto}.story-viewer-full__nav button:disabled{opacity:0}@keyframes story-progress{to{width:100%}}.hex-avatar{--avatar-color: #55d8c0;position:relative;display:block;width:42px;height:42px;flex:none;color:var(--text);font-family:Outfit;font-weight:700;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}.hex-avatar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--avatar-color)}.hex-avatar__surface{position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:1;display:grid;place-items:center;overflow:hidden;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(145deg,#183f42,#071d22)}.hex-avatar__surface img{width:100%;height:100%;object-fit:cover}.hex-avatar__mood{position:absolute;top:-7px;right:-7px;z-index:3;display:grid;width:24px;height:24px;place-items:center;background:transparent;font-size:1.05rem;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.7))}.hex-avatar--blue{--avatar-color: #5aa9ff}.hex-avatar--violet{--avatar-color: #b18cff}.hex-avatar--red{--avatar-color: #ff6b7a}.hex-avatar--amber{--avatar-color: #f7c957}.hex-avatar--orange{--avatar-color: #ff9855}.hex-avatar--sm{width:36px;height:36px}.hex-avatar--lg{width:72px;height:72px}.vcheck{width:16px;height:16px;flex:none}.feed-state{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);text-align:center;color:var(--muted)}.feed-state strong{color:var(--text);font-family:Outfit;font-size:1.1rem}.state-loading{justify-items:stretch;border-bottom:1px solid var(--line)}.skeleton-line{display:block;width:72%;height:16px;border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0d,#ffffff29,#ffffff0d);background-size:200% 100%;animation:shimmer 1.3s infinite}.skeleton-line.short{width:42%}@keyframes shimmer{to{background-position:-200% 0}}.feed-sentinel,.feed-pagination-sentinel{min-height:2px;width:100%}.feed-refreshing,.feed-pagination-state,.feed-pagination-error{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:42px;padding:var(--space-3);color:var(--muted);font-size:.78rem}.feed-pagination-error{justify-content:space-between;border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff08}.post-list-loading{display:grid;gap:var(--space-3);justify-items:stretch;padding:var(--space-4) 0;color:var(--muted)}.post-list-loading>.vaibes-icon{justify-self:center}.post-skeleton{display:grid;gap:var(--space-3);min-height:132px;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff09}.post-skeleton .skeleton-line{width:82%}.post-skeleton .skeleton-line.short{width:34%}.feed-pagination-state .post-list-loading{padding:var(--space-3) 0}.feed-pagination-state .post-skeleton{display:none}.post-card__media-grid{display:flex;gap:var(--space-2);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.post-card__media-grid>figure,.post-card__media-grid>img{min-width:100%;scroll-snap-align:start}.post-card__media-grid--1{display:block}.post-card__media-grid--1>figure,.post-card__media-grid--1>img{min-width:0}.post-card__media-shell{display:grid;gap:var(--space-2);min-width:0}.post-card__media-grid{display:flex;gap:var(--space-2);margin:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.post-card__media-grid::-webkit-scrollbar{display:none}.post-card__media-slide{position:relative;display:grid;min-width:100%;margin:0;scroll-snap-align:start}.post-card__media-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.post-card__media{width:100%;min-height:220px;max-height:560px;border-radius:var(--radius-md);object-fit:contain;background:#020b0e}.post-card__media-dots{display:flex;justify-content:center;align-items:center;gap:6px;min-height:12px}.post-card__media-dots button,.post-media-lightbox__dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:var(--line-strong);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.post-card__media-dots button.is-active,.post-media-lightbox__dots button.is-active{transform:scale(1.45);background:var(--yellow);box-shadow:0 0 0 2px #ffd84d24}.post-video-player{position:relative;overflow:hidden;border-radius:var(--radius-md);background:#020b0e}.post-video-player .post-card__media{display:block}.post-video-player__controls{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;gap:7px;padding:30px 10px 9px;background:linear-gradient(transparent,#00080ce6);color:#fff;font-size:.68rem}.post-video-player__controls button{display:grid;width:28px;height:28px;flex:none;place-items:center;padding:0;border:0;border-radius:50%;background:#ffffff1f;color:#fff}.post-video-player__controls button:hover{background:var(--teal);color:#062126}.post-video-player__controls svg{width:14px;height:14px}.post-video-player__controls input{min-width:40px;flex:1;accent-color:var(--yellow)}.post-video-player--lightbox{width:min(92vw,1100px)}.post-media-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:max(56px,var(--space-5)) max(56px,var(--space-5)) 58px;background:#00070af0}.post-media-lightbox__content{display:grid;width:min(100%,1100px);height:min(100%,850px);place-items:center}.post-media-lightbox__content>img{display:block;max-width:100%;max-height:100%;object-fit:contain}.post-media-lightbox__close,.post-media-lightbox__nav{position:absolute;z-index:1;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#05171cb8;color:#fff}.post-media-lightbox__close{top:18px;right:18px}.post-media-lightbox__nav{top:50%;transform:translateY(-50%)}.post-media-lightbox__nav--prev{left:16px}.post-media-lightbox__nav--next{right:16px}.post-media-lightbox__close:hover,.post-media-lightbox__nav:hover{border-color:var(--teal);color:var(--yellow)}.post-media-lightbox__dots{position:absolute;bottom:22px;display:flex;gap:8px;align-items:center}.external-link-wrap{position:relative;display:inline}.external-link-confirm{position:absolute;bottom:calc(100% + 6px);left:0;z-index:5;display:grid;min-width:230px;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-strong);box-shadow:var(--shadow-soft);font-size:.78rem}.external-link-confirm button,.external-link-confirm a{padding:4px 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--teal);text-decoration:none;text-align:left}.story-tile--viewed{opacity:1}.story-tile--viewed small{opacity:.56}.story-create__preview-wrap video{object-fit:contain;width:100%;height:100%}.story-avatar-indicator--viewed{filter:grayscale(.75);opacity:.72}.story-viewer-full__actions{display:flex;gap:var(--space-2);justify-content:center;padding:var(--space-2)}.story-viewer-full__actions button{border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-pill);padding:.45rem .8rem;background:#00000059;color:#fff}.story-viewer-full__actions button.is-active{border-color:#ff6b7a;background:#ff6b7a33;color:#ffb0b9}.story-viewer-full__actions svg{width:16px;vertical-align:middle}.story-viewer-full__viewers{display:grid;gap:.35rem;margin:0 auto var(--space-2);padding:.65rem .8rem;max-width:90%;border-radius:var(--radius-md);background:#00000080;font-size:.8rem}.story-viewer__identity>div{display:grid;gap:2px}.story-viewer__identity small{color:#ffffffb3;font-size:.72rem}.story-progress .is-current[data-mode=image] i{animation-play-state:running}.story-viewer-full.is-paused .story-progress .is-current[data-mode=image] i{animation-play-state:paused}.story-viewer-full.is-paused .story-progress .is-current[data-mode=video] i{box-shadow:inset 0 0 0 1px #ffffff2e}.story-people-sheet{position:absolute;right:var(--space-3);bottom:calc(64px + env(safe-area-inset-bottom));left:var(--space-3);z-index:4;display:grid;max-height:min(48dvh,420px);gap:var(--space-2);overflow:auto;padding:var(--space-3);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-md);background:#051216f0;box-shadow:0 18px 50px #0000006b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.story-people-sheet>header{display:flex;align-items:center;justify-content:space-between}.story-people-sheet>p{margin:0;color:var(--muted)}.story-person-row{display:flex;align-items:center;gap:var(--space-2);padding:.45rem 0}.story-person-row>div{display:grid;gap:2px}.story-person-row small{color:var(--muted);font-size:.72rem}.story-post-reference small{color:var(--muted)}.story-post-reference__media{display:block;width:100%;max-height:300px;border-radius:var(--radius-md);object-fit:contain;background:#020b0e}.feed-context-block{display:grid;gap:var(--space-3);padding:var(--space-4) 0}.feed-context-block header{display:flex;align-items:center;justify-content:space-between}.feed-context-block h2{margin:0;font-family:Outfit;font-size:1rem}.feed-context-block__rail{display:flex;gap:var(--space-3);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:.15rem .1rem .55rem}.feed-context-card{display:grid;min-width:190px;max-width:220px;gap:.5rem;scroll-snap-align:start;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff0b;color:var(--text);text-decoration:none}.feed-context-card p{display:-webkit-box;margin:0;color:var(--muted);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.feed-context-card small{color:var(--muted)}.vaibe-continue{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin:0 var(--space-5);padding:.65rem 0 .15rem .8rem;border-top:1px solid var(--line);color:var(--text);text-decoration:none}.vaibe-continue:before{content:"";position:absolute;top:.55rem;bottom:.05rem;left:0;width:2px;border-radius:var(--radius-pill);background:linear-gradient(var(--teal),var(--yellow))}.vaibe-continue__copy{display:grid;min-width:0;gap:.15rem}.vaibe-continue__copy small{color:var(--teal);font-size:.6rem;font-weight:800;letter-spacing:.16em}.vaibe-continue__copy strong{overflow:hidden;color:var(--muted);font-size:.78rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.vaibe-continue__action{display:inline-flex;flex:none;align-items:center;gap:.35rem;color:var(--teal);font-size:.72rem;font-weight:800;white-space:nowrap}.vaibe-continue__action b{color:var(--yellow);font-size:1rem;line-height:1;transition:transform .18s ease}.vaibe-continue:hover .vaibe-continue__action{color:var(--yellow)}.vaibe-continue:hover .vaibe-continue__action b{transform:translate(3px)}@media (max-width: 480px){.vaibe-continue{gap:var(--space-2);margin:0 var(--space-4);padding-left:.65rem}.vaibe-continue__action{font-size:.68rem}.vaibe-continue__copy strong{font-size:.74rem}.vaibe-continue__action b{font-size:.95rem}}.combo-feed{display:grid;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-3);border:1px solid color-mix(in srgb,var(--teal) 38%,var(--line));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--teal) 5%,transparent)}.combo-feed__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.combo-feed__header h2{margin:.15rem 0 0;font-size:1rem}.combo-feed__header>span{color:var(--yellow);font-size:1.35rem}.combo-feed__rail{display:flex;gap:var(--space-3);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:.35rem}.combo-feed__item{flex:0 0 min(88vw,430px);container-type:inline-size;scroll-snap-align:start}.combo-feed__item .post-card{height:100%}.combo-feed__item .post-card--combo .post-card__media{min-height:0;height:clamp(180px,68cqw,360px);max-height:none;object-fit:contain}.combo-feed__item .post-card--combo .post-card__media-button,.combo-feed__item .post-card--combo .post-video-player{height:100%}.combo-feed__add{flex:0 0 170px;min-height:120px;border:1px dashed var(--teal);border-radius:var(--radius-lg);background:transparent;color:var(--teal);font-weight:700;cursor:pointer;scroll-snap-align:start}.comment-item__media{display:flex;gap:.5rem;overflow-x:auto;margin-top:.45rem}.comment-item__media img,.comment-item__media video{width:min(220px,70vw);max-height:220px;border-radius:var(--radius-md);object-fit:cover;background:#020b0e}.composer{position:relative;display:grid;width:min(560px,calc(100vw - var(--space-7)));max-height:calc(100dvh - var(--space-6));gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);overflow:hidden}.composer header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.composer h2{margin-top:var(--space-1);font-size:1.35rem}.composer-kicker{display:none}.vaibes-input{display:block;width:100%;max-width:100%;min-width:0;min-height:46px;box-sizing:border-box;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:#04131875;color:var(--text);line-height:1.45;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.vaibes-input::placeholder{color:var(--muted)}.vaibes-input:hover{border-color:var(--line-strong)}.vaibes-input:focus{border-color:var(--teal);outline:0;box-shadow:0 0 0 3px #55d8c021}.vaibes-input.is-error{border-color:var(--red)}.vaibes-textarea{display:block;resize:vertical}.composer .vaibes-textarea{min-height:112px;margin:0;padding:var(--space-4);line-height:1.6}.vaibes-composer-input{position:relative;min-width:0}.suggestion-popover{position:absolute;z-index:calc(var(--z-modal) + 2);top:calc(100% + var(--space-2));right:0;left:0;display:grid;width:100%;max-width:100%;max-height:260px;overflow-x:hidden;overflow-y:auto;padding:var(--space-1);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-strong);box-shadow:var(--shadow-lg)}.suggestion-popover button{display:flex;min-height:44px;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);text-align:left}.suggestion-popover button:hover,.suggestion-popover button.is-selected{background:#55d8c01f}.suggestion-popover button>span:not(.suggestion-verified){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-popover button small{margin-left:auto;color:var(--muted)}.suggestion-verified{color:var(--teal);font-size:.78rem;font-weight:800}.composer footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.composer-unavailable{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}.publish-button{display:inline-flex;min-width:112px;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4)}.publish-button:disabled{opacity:.55}.composer--embedded{width:100%;padding:var(--space-4)}.composer--embedded textarea{min-height:112px;margin:var(--space-4) 0}.composer--embedded footer{align-items:flex-end}.composer-original{display:grid;gap:var(--space-2);max-height:250px;overflow:auto;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);background:#04131833}.composer-original>span{color:var(--muted);font-size:.75rem}.composer-original .post-card{padding:var(--space-3);border:0;box-shadow:none;background:transparent}.composer-media-tools{display:flex;flex-wrap:wrap;gap:var(--space-2)}.gif-picker{position:relative;display:grid;width:100%;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:#04131875}.gif-picker-trigger{display:inline-flex;width:46px;min-height:46px;align-items:center;justify-content:center;padding:0}.gif-picker header{display:flex;align-items:center;justify-content:space-between}.gif-picker__search{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted)}.gif-picker__search input{min-width:0;flex:1;padding:var(--space-2);border:0;outline:0;background:transparent;color:var(--text)}.gif-picker__grid{display:grid;max-height:240px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow-y:auto}.gif-picker__grid button{min-width:0;aspect-ratio:1;overflow:hidden;padding:0;border:0;border-radius:var(--radius-sm);background:var(--bg-deep)}.gif-picker__grid img{width:100%;height:100%;object-fit:cover}.gif-picker__selected,.composer-gif-preview{position:relative;display:flex;align-items:center;gap:var(--space-2)}.gif-picker__selected img,.composer-gif-preview img{width:96px;height:72px;border-radius:var(--radius-sm);object-fit:cover}.gif-picker__selected .icon-button{position:absolute;top:2px;left:62px;width:28px;height:28px;background:#000000b3;color:#fff}.gif-picker__error{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--danger);font-size:.8rem}.gif-picker__credit{color:var(--muted);font-size:.68rem}.composer-media-tools input[type=file]{display:none}.composer-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.composer-preview figure{position:relative;aspect-ratio:1;margin:0;min-width:0;overflow:hidden;border-radius:var(--radius-md);background:var(--bg-deep)}.composer-preview img{width:100%;height:100%;object-fit:cover}.composer-preview--gif{grid-template-columns:minmax(0,180px)}.composer-preview--gif img{object-fit:contain;background:var(--bg-deep)}.composer-preview figure button{position:absolute;top:var(--space-1);right:var(--space-1);display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:50%;background:#000000b3;color:var(--text)}.composer-video-preview-wrap{display:grid;gap:var(--space-1);min-width:0}.composer-video-preview-wrap small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.composer-video-preview{width:100%;max-height:190px;border-radius:var(--radius-md);background:var(--bg-deep)}.composer-sticker-preview{display:flex;flex-wrap:wrap;gap:var(--space-2);max-height:112px;overflow-x:auto;padding:.25rem 0}.composer-sticker-preview button{position:relative;display:grid;width:82px;flex:0 0 82px;gap:.25rem;padding:.25rem;border:1px solid var(--line);border-radius:var(--radius-md);background:#0413186b;color:var(--muted);text-align:left}.composer-sticker-preview img,.composer-sticker-preview video{display:block;width:72px;height:72px;object-fit:contain;border-radius:.45rem;background:var(--bg-deep)}.composer-sticker-preview span{overflow:hidden;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.dm-gif-message{display:grid;max-width:min(260px,70vw);gap:4px;margin:0}.dm-gif-message img{display:block;width:100%;max-height:220px;border-radius:var(--radius-md);object-fit:contain;background:var(--bg-deep)}.dm-gif-message figcaption{overflow:hidden;color:var(--muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.composer-vaibe-items{display:grid;gap:var(--space-3)}.composer-vaibe-item{display:flex;align-items:flex-start;gap:var(--space-2)}.composer-vaibe-item>span{display:grid;width:24px;height:24px;flex:none;place-items:center;border:1px solid var(--teal);border-radius:50%;color:var(--teal);font-size:.72rem;font-weight:800}.composer-vaibe-item textarea{min-height:64px}.composer-vaibe-toggle{justify-self:start}.composer-mode-picker{display:flex;gap:.35rem;margin-bottom:.45rem}.composer-mode-picker button{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);padding:.4rem .75rem;cursor:pointer}.composer-mode-picker button.is-selected{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 16%,transparent);color:var(--text)}.composer-tip{margin:0 0 var(--space-3);color:var(--muted);font-size:.78rem}.composer-picker-takeover{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:grid;padding:var(--space-4);background:color-mix(in srgb,var(--surface-strong) 94%,var(--teal));animation:composer-picker-in .24s ease both}.composer-picker-takeover__body{display:grid;min-height:0;overflow:hidden}.composer-picker-takeover .sticker-picker,.composer-picker-takeover .gif-picker{width:100%;min-height:0;height:100%;box-sizing:border-box;border:0;background:transparent}.composer-picker-takeover .sticker-picker__grid,.composer-picker-takeover .gif-picker__grid{max-height:none;min-height:0;height:100%;align-content:start;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.comment-sticker-picker{position:absolute;z-index:calc(var(--z-modal) + 2);right:0;bottom:calc(100% + .5rem)}.bottom-bar.has-sticker-picker,.bottom-bar.has-sticker-picker .bottom-bar__composer,.bottom-bar.has-sticker-picker .bottom-bar__comment,.bottom-bar.has-sticker-picker.glass-surface,.bottom-bar.has-sticker-picker.fluid-glass,.bottom-bar.has-sticker-picker .fluid-glass__content{overflow:visible!important}.comment-sticker-picker{position:absolute;z-index:calc(var(--z-modal) + 20);right:0;bottom:calc(100% + .5rem)}.comment-sticker-picker .sticker-picker{width:min(360px,calc(100vw - 2.5rem));max-height:380px;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:#061a20f5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-lg),0 8px 32px #0009}@keyframes composer-picker-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width: 800px){.top-bar{min-height:88px;padding-top:var(--space-6)}.home-main{padding-top:var(--space-8)}.bottom-bar{display:none}.desktop-composer{display:block}.desktop-composer .composer-backdrop{display:grid;place-items:center}.post-card{padding:var(--space-6)}}@media (max-width: 799px){.app-shell{touch-action:pan-y}.desktop-composer{display:none}.top-bar{min-height:64px}.top-bar .header-create,.top-bar .top-menu{display:none}.mood-trigger{min-width:44px;justify-content:center;padding:0}.mood-trigger span{display:none}.mood-popover-backdrop{align-items:start;padding:76px var(--space-3)}.menu-panel{top:0;right:0;bottom:0;width:min(360px,calc(100vw - var(--space-8)));border-radius:0 var(--radius-xl) var(--radius-xl) 0;animation:sheet-from-right var(--duration-normal) var(--ease)}}@media (max-width: 520px){.top-bar{width:calc(100% - var(--space-6))}.account-switcher__panel{left:-4px;width:min(286px,calc(100vw - 24px))}.home-main{width:calc(100% - var(--space-6));padding-top:var(--space-6)}.post-card{padding:var(--space-4)}.post-card__header time{max-width:88px;overflow:hidden;font-size:.68rem;text-overflow:ellipsis}.bottom-bar{bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}.bottom-bar__closed>a,.bottom-bar__closed>button{min-width:68px}.bottom-bar .create-button{width:52px;min-width:52px}.composer--embedded footer{align-items:stretch;flex-direction:column}.publish-button{width:100%}.composer{width:calc(100vw - var(--space-6));padding:var(--space-4);gap:var(--space-3)}.composer textarea{min-height:96px}.composer-preview{grid-template-columns:repeat(5,minmax(0,1fr))}.composer-preview figure button{width:26px;height:26px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.fluid-glass__canvas{display:none}.vaibes-spinner,.feedback-spinner,.create-button.is-active{animation:none!important}}@keyframes sheet-from-right{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.brand-slogan{margin:.7rem 0 0;color:var(--muted);font-size:.82rem}.auth-panel label{line-height:1.35}.auth-panel input::placeholder{color:var(--faint)}.auth-google{display:inline-flex;width:100%;min-height:46px;align-items:center;justify-content:center;gap:.65rem;background:#fff;color:#202124;border-color:#dadce0;font-weight:600}.auth-google:hover{background:#f8fafd}.notifications-page{max-width:720px}.notifications-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-5) 0 var(--space-3);color:var(--muted);font-size:.9rem}.notification-list{display:grid;gap:var(--space-2)}.notification-row{display:flex;width:100%;min-height:72px;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text);text-align:left}.notification-row:hover,.notification-row:focus-visible{border-color:var(--line);background:#ffffff0d}.notification-row.is-unread{border-color:color-mix(in srgb,var(--yellow) 20%,transparent);background:color-mix(in srgb,var(--yellow) 7%,transparent)}.notification-row__icon{display:grid;width:38px;height:38px;flex:none;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--yellow)}.notification-row__body{display:grid;min-width:0;flex:1;gap:4px}.notification-row__body strong{font-weight:600;line-height:1.35}.notification-row__body small{color:var(--muted);font-size:.75rem}.notification-row__dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--yellow)}.notification-state{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-5);border:1px dashed var(--line);border-radius:var(--radius-lg);color:var(--muted);text-align:center}.notification-state h2,.notification-state p{margin:0}.notification-state h2{color:var(--text);font-size:1.15rem}.notification-state--error{color:var(--text)}.post-detail-page{width:min(calc(100% - var(--space-7)),760px);margin:0 auto;padding:var(--space-7) 0 120px}.post-detail-back-mobile{display:none}.post-detail-page>section{margin-bottom:var(--space-6)}.post-detail-conversation{display:grid;gap:var(--space-4);scroll-margin-top:90px}.post-detail-comment-form{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff09}.post-detail-comment-form textarea{resize:vertical}.post-detail-comment-form>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--faint);font-size:.75rem}.post-detail-comments{display:grid;gap:var(--space-3)}.post-detail-comment{display:grid;gap:var(--space-2);padding:var(--space-4) 0;border-bottom:1px solid var(--line)}.post-detail-comment.is-deep-linked{animation:vaibes-comment-target 2.2s ease-out}@keyframes vaibes-comment-target{0%,to{box-shadow:0 0 0 0 transparent}20%{box-shadow:0 0 0 4px #f7c957b3}}@media (prefers-reduced-motion: reduce){.post-detail-comment.is-deep-linked{animation:none;outline:3px solid rgba(247,201,87,.7)}}.post-detail-comment__head{display:flex;align-items:center;gap:var(--space-2)}.post-detail-comment__head>div{display:grid;gap:2px}.post-detail-comment__head time{color:var(--faint);font-size:.72rem}.post-detail-comment p{margin:0 0 0 50px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.post-detail-reply{margin-left:var(--space-6)}.vaibe-thread{display:grid;gap:var(--space-4)}.vaibe-thread__item{position:relative;padding-left:34px}.vaibe-thread__item:before{content:"";position:absolute;top:38px;bottom:-22px;left:13px;width:2px;background:color-mix(in srgb,var(--teal) 42%,var(--line))}.vaibe-thread__item:last-child:before{display:none}.vaibe-thread__marker{position:absolute;top:10px;left:0;z-index:2;display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--teal);border-radius:50%;background:var(--bg);color:var(--teal);font-size:.72rem;font-weight:800}.vaibe-thread__item.is-current .vaibe-thread__marker{border-color:var(--yellow);background:#f7c9571f;color:var(--yellow)}.post-detail-comment-branch{border-left:2px solid color-mix(in srgb,var(--teal) 26%,var(--line));padding-left:var(--space-3)}.post-detail-comment-branch.depth-0{border-left:0;padding-left:0}.post-detail-comment__menu{margin-left:auto}.post-detail-comment__menu-wrap{position:relative;display:block!important;margin-left:auto}.post-detail-comment__menu-options{position:absolute;top:calc(100% + 4px);right:0;z-index:5;display:grid;min-width:150px;padding:4px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-strong);box-shadow:var(--shadow-soft)}.post-detail-comment__menu-options button{display:flex;align-items:center;gap:8px;padding:9px;border:0;background:transparent;color:var(--text);text-align:left}.post-detail-comment__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-left:50px}.post-detail-comment__actions button{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:transparent;color:var(--muted);font-size:.78rem}.post-detail-comment__actions button:hover,.post-detail-comment__actions button.is-active{color:var(--teal)}.post-detail-comment__media{display:flex;gap:var(--space-2);margin:0 0 0 50px;overflow-x:auto;scrollbar-width:thin}.post-detail-comment__media-button{display:block;flex:0 0 min(220px,68vw);min-height:120px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:#020b0ecc;cursor:zoom-in}.post-detail-comment__media-button:hover,.post-detail-comment__media-button:focus-visible{border-color:var(--teal);outline:2px solid color-mix(in srgb,var(--teal) 35%,transparent);outline-offset:2px}.post-detail-comment__media-button img,.post-detail-comment__media-button video{display:block;width:100%;height:180px;object-fit:cover}.post-detail-comment__media-button .sticker-asset{display:grid;width:100%;height:180px;place-items:center;padding:var(--space-3)}.comment-media-lightbox .post-media-lightbox__content>video{display:block;max-width:100%;max-height:100%}.post-detail-reply-bar{display:none}.post-detail-reply-bar__field{display:grid;min-width:0;flex:1;gap:2px}.post-detail-reply-bar__field small{display:flex;align-items:center;gap:4px;color:var(--teal)}.post-detail-reply-bar__field small button{padding:0;border:0;background:transparent;color:inherit}.post-detail-reply-bar textarea{min-height:38px;padding:.55rem .7rem;resize:none}.post-detail-reply-bar .primary-button{min-height:38px;padding:0 var(--space-3)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text);font-weight:700;text-decoration:none}.back-link:hover{color:var(--teal)}@media (max-width: 520px){.post-detail-comment p,.post-detail-comment__media,.post-detail-comment__actions{margin-left:0}.post-detail-comment__media-button{flex-basis:min(190px,72vw)}.post-detail-reply{margin-left:var(--space-4)}}@media (max-width: 720px){.post-detail-back-mobile{display:inline-flex;align-items:center;gap:var(--space-2);margin:var(--space-3) var(--space-4) 0;color:var(--muted);font-size:.85rem;text-decoration:none}}.dm-page{display:grid;width:min(calc(100% - var(--space-7)),1100px);height:calc(100dvh - 104px);min-height:560px;grid-template-columns:minmax(260px,340px) minmax(0,1fr);margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(145deg,#0a262ab8,#041318b8);box-shadow:var(--shadow-soft)}.dm-inbox{min-width:0;overflow-y:auto;border-right:1px solid var(--line)}.dm-inbox__header{display:flex;min-height:92px;align-items:center;padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--line)}.dm-new-conversation{position:relative;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line)}.dm-new-conversation label{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted)}.dm-new-conversation input{width:100%;min-width:0;padding:var(--space-2) 0;border:0;outline:0;background:transparent;color:var(--text)}.dm-user-results{position:absolute;z-index:2;right:var(--space-4);left:var(--space-4);display:grid;max-height:220px;overflow:auto;margin-top:var(--space-2);padding:var(--space-1);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-strong);box-shadow:var(--shadow-lg)}.dm-user-results button{display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);text-align:left}.dm-user-results button:hover{background:#ffffff14}.dm-user-results small{color:var(--muted)}.dm-inbox__header h1{margin:var(--space-1) 0 0;font-size:1.7rem}.dm-conversation-list{display:grid}.dm-conversation-row{position:relative;display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;transition:background var(--duration-fast) ease}.dm-conversation-row:hover,.dm-conversation-row:focus-visible,.dm-conversation-row.is-active{background:#55d8c017;outline:0}.dm-conversation-row.has-menu{z-index:3;background:#55d8c021}.dm-conversation-menu{position:absolute;z-index:4;top:calc(100% - 8px);right:var(--space-4);display:grid;min-width:190px;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-strong);box-shadow:var(--shadow-lg)}.dm-conversation-menu span{padding:var(--space-2);color:var(--faint);font-size:.7rem}.dm-conversation-menu button{padding:var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);text-align:left}.dm-conversation-menu button:hover,.dm-conversation-menu button:focus-visible{background:#ffffff14;color:var(--yellow);outline:0}.dm-conversation-row__body{display:grid;min-width:0;gap:4px}.dm-conversation-row__body>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-conversation-row__body small{color:var(--faint);font-size:.72rem}.dm-muted,.dm-state p{color:var(--muted)}.dm-unread{display:grid;min-width:22px;min-height:22px;place-items:center;padding:0 5px;border-radius:var(--radius-pill);background:var(--yellow);color:var(--bg-deep);font-size:.68rem;font-weight:800}.dm-state{display:grid;min-height:180px;align-content:center;justify-items:start;gap:var(--space-2);padding:var(--space-6);color:var(--muted)}.dm-state strong{color:var(--text)}.dm-state p{max-width:280px;margin:0;line-height:1.5}.dm-state--empty{justify-items:center;text-align:center}.dm-state--empty svg{color:var(--teal)}.dm-state .text-button{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.dm-conversation-view{display:grid;min-width:0;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(circle at 80% 0%,rgba(85,216,192,.08),transparent 40%),#03101452}.dm-conversation-header{display:flex;min-height:76px;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line);background:#102e32c7;box-shadow:0 8px 24px #0000001f}.dm-call-actions-header{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.dm-conversation-header .dm-call-button--conversation{flex:0 0 40px;width:40px;height:40px;margin-left:0;color:var(--teal)}.dm-conversation-header .dm-call-button--conversation:disabled{opacity:.45}.dm-presence{color:var(--faint);font-size:.72rem}.dm-presence.is-online{color:var(--teal)}.dm-realtime-state{margin-left:auto;color:var(--faint);font-size:.7rem}.dm-back-button{flex:none}.dm-header-skeleton{width:150px;height:30px;border-radius:var(--radius-sm);background:#ffffff14}.profile-identity-link{display:inline-flex;min-width:0;align-items:center;gap:var(--space-2);color:var(--text);font-weight:700;text-decoration:none}.profile-identity-link>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-identity-link:hover{color:var(--teal)}.profile-identity-link--compact{flex:none}.dm-message-scroll{display:flex;min-height:0;flex-direction:column;gap:var(--space-3);overflow-y:auto;overscroll-behavior:contain;padding:var(--space-6) var(--space-5);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.dm-typing{align-self:start;color:var(--muted);font-size:.78rem;font-style:italic}.dm-load-earlier{align-self:center;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);background:transparent;color:var(--muted)}.dm-load-earlier:hover:not(:disabled){border-color:var(--teal);color:var(--text)}.dm-message{position:relative;display:grid;max-width:min(72%,520px);gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid rgba(255,255,255,.09);border-radius:18px 18px 18px 6px;background:#ffffff0e;overflow-wrap:anywhere;box-shadow:0 8px 24px #00000017;touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dm-message.is-swiping{border-color:var(--teal);box-shadow:0 10px 30px #55d8c03d}.dm-message--sent{align-self:end;border-color:#f7c95757;border-radius:18px 18px 6px;background:linear-gradient(145deg,#f7c9572e,#f7c95714)}.dm-message--received{align-self:start}.dm-message:hover{border-color:#ffffff2e;box-shadow:0 12px 30px #00000024}.dm-message__reply{display:grid;gap:3px;padding:8px 10px;border-left:3px solid var(--teal);border-radius:8px;background:#00000029;color:var(--muted);font-size:.72rem}.dm-message--sent .dm-message__reply{border-left-color:var(--yellow);background:#00000021}.dm-message__reply span{color:var(--teal);font-size:.66rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.dm-message--sent .dm-message__reply span{color:var(--yellow)}.dm-message__reply p{margin:0;max-height:3.1em;overflow:hidden;color:var(--text);line-height:1.45;text-overflow:ellipsis}.dm-message__reply time{color:var(--faint);font-size:.62rem}.dm-message__decrypt-error{display:flex;align-items:center;gap:var(--space-2);color:var(--yellow);font-size:.86rem}.dm-message__decrypt-error svg{color:var(--yellow);flex:none}.dm-message__text{margin:0;white-space:pre-wrap;line-height:1.45}.dm-message footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);color:var(--faint);font-size:.68rem}.dm-message__actions{display:grid;gap:4px;min-width:150px;padding-top:var(--space-2);border-top:1px solid var(--line)}.dm-message__actions span{color:var(--faint);font-size:.68rem}.dm-message__actions button{justify-self:start;padding:4px 0;border:0;background:transparent;color:var(--text);font-size:.78rem}.dm-message__actions button:hover,.dm-message__actions button:focus-visible{color:var(--teal)}.dm-sticker-message{display:block;max-width:min(220px,60vw);margin:0;padding:0;border:0;background:transparent}.dm-message--sent .dm-sticker-message{margin-left:auto}.dm-message--received .dm-sticker-message{margin-right:auto}.dm-sticker-message img,.dm-sticker-message video{display:block;width:auto;max-width:min(220px,60vw);height:auto;max-height:220px;object-fit:contain;border:0;border-radius:0;background:transparent}.dm-sticker-message figcaption{display:none}.dm-story-reference{display:grid;grid-template-columns:minmax(76px,104px) minmax(0,1fr);gap:var(--space-2);width:min(100%,360px);padding:0;overflow:hidden;border:1px solid rgba(85,216,192,.28);border-radius:var(--radius-md);background:#03171c6b;color:var(--text);text-align:left;cursor:pointer}.dm-story-reference:hover,.dm-story-reference:focus-visible{border-color:var(--teal);outline:2px solid rgba(85,216,192,.2);outline-offset:2px}.dm-story-reference img,.dm-story-reference video{width:100%;height:104px;object-fit:cover;background:#020b0e}.dm-story-reference>span:last-child{display:grid;align-content:center;gap:4px;min-width:0;padding:var(--space-2) var(--space-3) var(--space-2) 0}.dm-story-reference strong,.dm-story-reference small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-story-reference small{color:var(--muted)}.dm-story-reference__placeholder{display:grid;width:100%;height:104px;place-items:center;padding:var(--space-2);background:linear-gradient(145deg,#55d8c033,#020b0ecc);color:var(--teal);font-size:.72rem;text-align:center}.dm-story-reference>strong,.dm-story-reference>small{grid-column:1 / -1;padding:var(--space-3)}.dm-shared-post{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff0a;color:var(--text);cursor:pointer}.message-delivery-status{display:inline-flex;align-items:center;gap:3px}.message-delivery-status i{display:block;width:5px;height:5px;border-radius:50%;background:var(--muted)}.message-delivery-status--read i{background:var(--yellow)}.message-delivery-status i.is-hidden{display:none}.dm-composer-shell{position:relative;margin:var(--space-3) var(--space-5) max(var(--space-3),env(safe-area-inset-bottom));border-radius:var(--radius-xl);--glass-fill: linear-gradient(135deg, rgba(92,214,194,.16), rgba(255,255,255,.06) 46%, rgba(4,19,24,.42));--glass-blur: 24px;--glass-saturation: 165%}.dm-message-composer{display:block;padding:0}.dm-composer-field{display:flex;min-height:54px;align-items:center;gap:var(--space-1);padding:.35rem;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);background:var(--glass-fill);box-shadow:inset 0 1px #ffffff14,0 8px 24px #0000001f;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.dm-composer-field:focus-within{border-color:#55d8c0b3;box-shadow:inset 0 1px #ffffff1a,0 0 0 3px #55d8c01a}.dm-composer-field>.vaibes-input{flex:1;min-width:0;min-height:42px;max-height:112px;padding:.65rem .55rem;border:0;background:transparent;resize:none;box-shadow:none}.dm-composer-field>.vaibes-input:focus{border:0;box-shadow:none}.dm-composer-action{display:inline-grid;flex:0 0 42px;width:42px;height:42px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);transition:background var(--duration-fast) ease,color var(--duration-fast) ease,transform var(--duration-fast) ease}.dm-composer-action:hover:not(:disabled),.dm-composer-action:focus-visible{background:#55d8c024;color:var(--teal);outline:0}.dm-composer-shell{position:relative;margin:var(--space-3) var(--space-5) max(var(--space-3),env(safe-area-inset-bottom));border-radius:var(--radius-xl);overflow:visible!important;--glass-fill: linear-gradient(135deg, rgba(92,214,194,.16), rgba(255,255,255,.06) 46%, rgba(4,19,24,.42));--glass-blur: 24px;--glass-saturation: 165%}.dm-composer-shell .fluid-glass__content{overflow:visible!important}.dm-message-composer{display:block;padding:0;position:relative}.dm-composer-field{display:flex;min-height:52px;align-items:center;gap:var(--space-2);padding:5px var(--space-2);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-pill);background:var(--glass-fill);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffff1a,0 8px 24px #00000038;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.dm-composer-field:focus-within{border-color:#55d8c0bf;box-shadow:inset 0 1px #ffffff1f,0 0 0 3px #55d8c02e}.dm-composer-field>.vaibes-input{flex:1;min-width:0;min-height:40px;max-height:112px;padding:.6rem .4rem;border:0;background:transparent;resize:none;box-shadow:none;outline:0;color:var(--text);font-size:.95rem;line-height:1.45}.dm-composer-field>.vaibes-input:focus{border:0;box-shadow:none;outline:0}.dm-composer-action{display:inline-grid;flex:0 0 40px;width:40px;height:40px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:background var(--duration-fast) ease,color var(--duration-fast) ease,transform var(--duration-fast) ease}.dm-composer-action:hover:not(:disabled),.dm-composer-action:focus-visible{background:#55d8c029;color:var(--teal);outline:0}.dm-composer-action:active:not(:disabled){transform:scale(.94)}.dm-send-button{background:var(--teal);color:var(--bg-deep)}.dm-send-button:hover:not(:disabled),.dm-send-button:focus-visible{background:var(--teal);color:var(--bg-deep);box-shadow:0 4px 14px #55d8c047}.dm-send-button:disabled{opacity:.42}.dm-attachment-control{position:relative;flex:0 0 42px}.dm-sticker-popover{position:absolute;z-index:calc(var(--z-modal) + 2);bottom:calc(100% + .65rem);left:0}.dm-sticker-popover .sticker-picker{width:min(360px,calc(100vw - 2rem))}.dm-send-button{background:var(--teal);color:var(--bg-deep);flex:0 0 40px;width:40px;height:40px;margin-left:auto}.dm-send-button:hover:not(:disabled),.dm-send-button:focus-visible{background:var(--teal);color:var(--bg-deep);box-shadow:0 4px 14px #55d8c059}.dm-send-button:disabled{opacity:.42;cursor:not-allowed}.dm-attachment-control{position:relative;flex:0 0 40px}.dm-sticker-popover{position:absolute;z-index:calc(var(--z-modal) + 10);bottom:calc(100% + .75rem);left:0;filter:drop-shadow(0 12px 32px rgba(0,0,0,.45));animation:dm-popover-in .18s ease-out}.dm-sticker-popover .sticker-picker{width:min(360px,calc(100vw - 2.5rem));max-height:420px;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:#061a20f0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.dm-send-icon.is-spinning{animation:dm-spin .9s linear infinite}.dm-message-composer>small{display:block;margin:0 0 var(--space-2);color:var(--faint);font-size:.7rem}.dm-desktop-placeholder{display:grid;align-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-7);color:var(--muted);text-align:center}.dm-desktop-placeholder svg{color:var(--teal)}.dm-desktop-placeholder h2,.dm-desktop-placeholder p{margin:0}@media (max-width: 799px){.dm-page{display:block;width:100%;height:auto;min-height:calc(100dvh - 64px);margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.dm-inbox__header{min-height:76px;padding:var(--space-4) var(--space-5)}.dm-inbox.has-selection{display:none}.dm-conversation-view{min-height:calc(100dvh - 140px)}.dm-page--conversation .dm-conversation-view{height:100dvh;min-height:100dvh;grid-template-rows:auto minmax(0,1fr) auto}.dm-conversation-header{min-height:64px;padding:var(--space-2) var(--space-3)}.dm-message-scroll{min-height:0;padding:var(--space-4) var(--space-3)}.dm-message{max-width:88%}.dm-composer-shell{margin:var(--space-2) var(--space-3) max(var(--space-3),env(safe-area-inset-bottom))}.dm-message-composer{position:relative;bottom:auto}.dm-composer-field{min-height:50px}.dm-composer-field{min-height:48px;padding:4px}.dm-composer-action{flex-basis:38px;width:38px;height:38px}.dm-composer-field>.vaibes-input{min-height:38px;padding-inline:.35rem}.dm-composer-field>.vaibes-input{min-height:38px;padding-inline:.35rem;font-size:.9rem}.dm-sticker-popover{left:-.35rem}.dm-desktop-placeholder{display:none}}@media (max-width: 799px){.app-shell--dm-conversation{min-height:100dvh}.app-shell--dm-conversation>.top-bar,.app-shell--dm-conversation>.bottom-bar,.app-shell--dm-conversation>.bottom-bar-backdrop{display:none}}@media (prefers-reduced-motion: reduce){.dm-conversation-row{transition:none}}@keyframes dm-spin{to{transform:rotate(360deg)}}.search-page{max-width:760px}.search-field{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:#04131894;color:var(--muted);box-shadow:var(--shadow-soft)}.search-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #55d8c021,var(--shadow-soft)}.search-field .vaibes-input{min-height:44px;padding:0;border:0;background:transparent;box-shadow:none}.search-tabs{display:flex;gap:var(--space-2);margin:var(--space-5) 0;overflow-x:auto;scrollbar-width:none}.search-tabs::-webkit-scrollbar{display:none}.search-tabs button{min-height:40px;padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-pill);background:#ffffff09;color:var(--muted);font-weight:700;white-space:nowrap}.search-tabs button:hover{border-color:var(--line-strong);color:var(--text)}.search-tabs button.is-active{border-color:var(--yellow);background:#f7c95721;color:var(--text)}.search-state,.search-page>.muted-copy{margin:var(--space-6) 0;color:var(--muted)}.search-results{display:grid;gap:var(--space-6)}.search-results section{display:grid;gap:var(--space-2)}.search-results h2{margin:0 0 var(--space-2);font-size:1rem}.search-person,.search-hashtag{display:flex;min-height:58px;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff09;color:var(--text);text-decoration:none}.search-person:hover,.search-hashtag:hover{border-color:var(--teal);background:#55d8c012}.search-person span,.search-hashtag{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.search-person span{display:grid;justify-items:start;min-width:0}.search-person small,.search-hashtag small{color:var(--muted);font-size:.78rem}.search-hashtag{color:var(--teal);font-weight:700}.search-hashtag small{margin-left:auto;font-weight:400}.settings-accounts .section-heading{align-items:center}.settings-account-list{display:grid;gap:var(--space-2)}.settings-account{display:flex;min-height:66px;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff09;color:var(--text);text-align:left}.settings-account:hover:not(:disabled){border-color:var(--teal);background:#55d8c012}.settings-account.is-active{border-color:var(--yellow);background:#f7c95717}.settings-account__details{display:grid;min-width:0;flex:1;gap:2px}.settings-account>.hex-avatar{flex:0 0 36px;width:36px;height:36px}.settings-account small{color:var(--muted)}.sticker-picker{display:grid;width:min(420px,calc(100vw - 2rem));gap:.85rem;padding:1rem;border-radius:var(--radius-lg)}.sticker-picker__header,.sticker-picker__tabs{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sticker-picker h3{margin:.15rem 0 0}.sticker-picker__search{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted)}.sticker-picker__search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.sticker-picker__tabs{justify-content:flex-start}.sticker-picker__tabs button,.sticker-picker__create{display:inline-flex;align-items:center;gap:.35rem;border:0;border-radius:999px;padding:.45rem .7rem;background:transparent;color:var(--muted)}.sticker-picker__tabs button.is-active,.sticker-picker__tabs button:hover,.sticker-picker__create:hover{background:#55d8c01f;color:var(--text)}.sticker-picker__grid{display:grid;max-height:300px;grid-template-columns:repeat(4,1fr);gap:.5rem;overflow:auto}.sticker-picker__item{position:relative;display:grid;min-width:0;gap:.25rem;padding:.25rem;border:1px solid transparent;border-radius:var(--radius-md);background:#04131847;color:var(--muted);text-align:left}.sticker-picker__item:hover{border-color:var(--teal);color:var(--text)}.sticker-picker__item img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:.5rem;background:var(--bg-deep)}.sticker-picker__item>span:not(.sticker-picker__save){overflow:hidden;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.sticker-picker__save{position:absolute;top:.35rem;right:.35rem;display:grid;width:1.7rem;height:1.7rem;place-items:center;border-radius:50%;background:#0009;color:var(--text)}.sticker-picker__state{display:grid;min-height:120px;place-items:center;gap:.35rem;margin:0;color:var(--muted);text-align:center}.sticker-picker__create{justify-self:start;color:var(--teal)}.story-sticker-picker-layer{position:absolute;z-index:calc(var(--z-modal) + 4);right:1rem;bottom:5.5rem}.comment-sticker-preview{display:block;width:44px;height:44px;object-fit:contain;border-radius:var(--radius-sm);background:var(--bg-deep)}.stickers-hub,.sticker-creator{max-width:900px;margin:0 auto}.stickers-hub__title{display:flex;align-items:end;justify-content:space-between;gap:1rem}.stickers-hub__search{display:flex;align-items:center;gap:.55rem;margin:1.25rem 0;padding:.75rem 1rem;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted);background:#ffffff0a}.stickers-hub__search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.stickers-hub__tabs{display:flex;gap:.5rem;margin-bottom:1.2rem;border-bottom:1px solid var(--line)}.stickers-hub__tabs button{border:0;border-bottom:2px solid transparent;padding:.7rem .85rem;background:transparent;color:var(--muted)}.stickers-hub__tabs button.is-active{border-color:var(--teal);color:var(--text)}.sticker-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem}.sticker-gallery__item{display:grid;gap:.5rem;padding:.7rem;border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff0a;color:var(--text);text-align:left}.sticker-gallery__item:hover{border-color:var(--teal);transform:translateY(-1px)}.sticker-gallery__item img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:.65rem;background:var(--bg-deep)}.sticker-gallery__item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticker-detail-backdrop{position:fixed;z-index:var(--z-modal);top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#0000009e}.sticker-detail{width:min(480px,100%);padding:1rem;border-radius:var(--radius-lg)}.sticker-detail header,.sticker-detail__actions,.stickers-hub__title,.sticker-creator__tools,.sticker-creator__result-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sticker-detail__asset{display:grid;min-height:280px;margin:1rem 0;place-items:center;border-radius:var(--radius-md);background:var(--bg-deep)}.sticker-picker__item video,.sticker-gallery__item video{width:100%;aspect-ratio:1;object-fit:contain;border-radius:.5rem;background:var(--bg-deep)}.sticker-detail__asset video{max-width:100%;max-height:420px;object-fit:contain}.dm-sticker-compose-preview{display:block;width:44px;height:44px;object-fit:contain;border-radius:var(--radius-sm);background:var(--bg-deep)}.sticker-detail__asset img,.sticker-detail__asset video{max-width:100%;max-height:420px}.sticker-detail__asset img{max-width:100%;max-height:360px;object-fit:contain}.sticker-detail__creator{color:var(--muted)}.sticker-creator{min-height:calc(100vh - 4rem)}.sticker-creator__start-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.sticker-creator__editor,.sticker-creator__identity{display:grid;gap:1rem;margin-top:1.5rem}.sticker-creator__preview{display:grid;min-height:min(62vh,560px);place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-deep)}.sticker-creator__preview img,.sticker-creator__preview video{display:block;max-width:92%;max-height:min(58vh,520px);object-fit:contain}.sticker-creator__identity label{display:grid;gap:.4rem;color:var(--muted)}.sticker-creator__identity input{min-width:0;padding:.75rem;border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff0a;color:var(--text)}.sticker-creator__tags{display:flex;flex-wrap:wrap;gap:.4rem;padding:.45rem;border:1px solid var(--line);border-radius:var(--radius-md)}.sticker-creator__tags button{border:0;border-radius:999px;padding:.35rem .55rem;background:#55d8c024;color:var(--text)}.sticker-creator__tags input{flex:1;min-width:130px;padding:.35rem;border:0}.sticker-creator--processing{display:grid;place-content:center;justify-items:center;text-align:center}.sticker-creator--processing svg{color:var(--teal)}@media (max-width: 620px){.stickers-hub__title,.sticker-detail__actions,.sticker-creator__tools,.sticker-creator__result-actions{align-items:stretch;flex-direction:column}}.music-picker{display:grid;width:min(420px,calc(100vw - 2rem));gap:.85rem;padding:1rem;border-radius:var(--radius-lg)}.music-picker__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.music-picker h3{margin:.15rem 0 0}.music-picker__search{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted)}.music-picker__search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.music-picker__remove{display:inline-flex;align-items:center;gap:.35rem;justify-self:start;border:0;border-radius:999px;padding:.4rem .7rem;background:#dc26261f;color:#f87171;font-size:.8rem;cursor:pointer}.music-picker__remove:hover{background:#dc262638}.music-picker__list{display:grid;max-height:300px;gap:.35rem;overflow:auto}.music-picker__item{display:flex;align-items:center;gap:.65rem;padding:.45rem;border:1px solid transparent;border-radius:var(--radius-md);background:#04131847;color:var(--text);text-align:left;cursor:pointer}.music-picker__item:hover{border-color:var(--teal)}.music-picker__item.is-selected{border-color:var(--teal);background:#55d8c014}.music-picker__cover{position:relative;display:flex;width:2.75rem;height:2.75rem;border-radius:.5rem;overflow:hidden;background:var(--bg-deep);flex-shrink:0;align-items:center;justify-content:center}.music-picker__cover img{width:100%;height:100%;object-fit:cover}.music-picker__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0006;opacity:0;transition:opacity .15s;cursor:pointer}.music-picker__cover:hover .music-picker__play,.music-picker__play:focus-visible{opacity:1}.music-picker__info{display:grid;gap:.1rem;min-width:0;flex:1}.music-picker__title{font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-picker__artist{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-picker__check{display:grid;width:1.5rem;height:1.5rem;place-items:center;border-radius:50%;background:var(--teal);color:#000;flex-shrink:0}.music-picker__state{display:grid;min-height:120px;place-items:center;gap:.35rem;margin:0;color:var(--muted);text-align:center}.story-music-picker-layer{position:absolute;z-index:calc(var(--z-modal) + 4);right:1rem;bottom:5.5rem}.composer-picker-takeover .music-picker{width:100%;min-height:0;height:100%;box-sizing:border-box;border:0;background:transparent}.composer-picker-takeover .music-picker__list{max-height:none;min-height:0;height:100%;align-content:start}.music-card{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .65rem;border-radius:var(--radius-md);background:#041318b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:var(--text);max-width:280px}.music-card--minimal{gap:.35rem;padding:.3rem .6rem;border-radius:999px;font-size:.75rem}.music-card--playable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,border-color .15s}.music-card--playable:hover{border-color:var(--teal);background:#55d8c01f}.music-card--playing{border-color:var(--teal);background:#55d8c02e}.music-card__cover{position:relative;width:2.2rem;height:2.2rem;border-radius:.35rem;overflow:hidden;flex-shrink:0;background:var(--bg-deep);display:flex;align-items:center;justify-content:center}.music-card__cover img{width:100%;height:100%;object-fit:cover}.music-card--minimal .music-card__cover{width:0;height:0;display:none}.music-card__info{display:grid;gap:.05rem;min-width:0;flex:1}.music-card__title{font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-card__artist{font-size:.68rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-card--minimal .music-card__info{display:flex;gap:.3rem;align-items:center}.music-card--minimal .music-card__title{font-size:.72rem}.music-card--minimal .music-card__artist:before{content:"•";margin-right:.3rem;opacity:.5}.music-card__icon{color:var(--teal);flex-shrink:0}.music-card__remove{display:grid;width:1.4rem;height:1.4rem;place-items:center;border:0;border-radius:50%;background:#ffffff1a;color:var(--text);cursor:pointer;flex-shrink:0}.music-card__remove:hover{background:#ffffff40}.music-equalizer{display:inline-flex;align-items:flex-end;gap:2.5px;height:13px;width:13px;flex-shrink:0}.music-equalizer i{display:block;width:2.5px;height:100%;background:var(--teal);border-radius:1px;transform-origin:bottom;animation:eq-wave .6s ease-in-out infinite alternate}.music-equalizer i:nth-child(1){animation-delay:0s}.music-equalizer i:nth-child(2){animation-delay:.2s}.music-equalizer i:nth-child(3){animation-delay:.4s}@keyframes eq-wave{0%{height:25%}to{height:100%}}.post-card__music{margin-top:.35rem;display:flex}