:root{color-scheme:dark;--bg:#0d1014;--surface:#14181d;--surface-raised:#1a1f26;--surface-soft:#222831;--text:#f3f2ee;--muted:#a8aab0;--subtle:#777b84;--line:#2b3139;--accent:#f06457;--accent-soft:#2a1b1b;--accent-glow:#f0645724;--safe:env(safe-area-inset-bottom,0px);--ease:cubic-bezier(.2,.8,.2,1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-synthesis:none}
@media(prefers-color-scheme:light){:root{color-scheme:light;--bg:#f5f4f0;--surface:#fff;--surface-raised:#efeee9;--surface-soft:#e7e5df;--text:#17191d;--muted:#676a70;--subtle:#8b8e93;--line:#dddcd6;--accent:#d9554a;--accent-soft:#fff1ef;--accent-glow:#d9554a1c}}

:root[data-theme="dark"]{color-scheme:dark;--bg:#0d1014;--surface:#14181d;--surface-raised:#1a1f26;--surface-soft:#222831;--text:#f3f2ee;--muted:#a8aab0;--subtle:#777b84;--line:#2b3139;--accent:#f06457;--accent-soft:#2a1b1b;--accent-glow:#f0645724}
:root[data-theme="light"]{color-scheme:light;--bg:#f5f4f0;--surface:#fff;--surface-raised:#efeee9;--surface-soft:#e7e5df;--text:#17191d;--muted:#676a70;--subtle:#8b8e93;--line:#dddcd6;--accent:#d9554a;--accent-soft:#fff1ef;--accent-glow:#d9554a1c}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}html,body{margin:0;color:var(--text)}body{min-height:100dvh;background:var(--bg)}button,input,textarea{font:inherit}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.app-shell{width:min(100%,700px);margin:0 auto;min-height:100dvh;padding-bottom:calc(90px + var(--safe));background:var(--bg);position:relative}.desktop-rail{display:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fill{fill:currentColor;stroke:none}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.brand-lockup{display:block;line-height:0}.brand img{display:block;width:112px;height:auto}.top-actions{display:flex;gap:8px}.icon-button,.avatar-button{border:1px solid var(--line);background:var(--surface);color:var(--text);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;transition:transform .18s var(--ease),background .18s}.icon-button:active,.avatar-button:active{transform:scale(.94)}.avatar-button.signed-out svg{opacity:.78}main{padding:0 14px}.surface-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:18px 3px 14px;transition:opacity .18s var(--ease),transform .18s var(--ease)}.surface-kicker{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.15em}.surface-kicker .live-dot{background:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.live-dot,.tiny-live{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.surface-head h1{font-size:32px;line-height:1;letter-spacing:-.04em;margin:7px 0 5px;font-weight:760}.surface-head p{margin:0;color:var(--muted);font-size:13px}.create-pill{min-height:44px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 15%,var(--surface));color:var(--text);padding:0 14px;border-radius:999px;font-weight:800;display:flex;align-items:center;gap:5px;transition:transform .18s var(--ease)}.create-pill svg{width:17px}.create-pill:active{transform:scale(.96)}.feed-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 12px}.tab{min-height:46px;flex:1;border:0;background:transparent;color:var(--muted);padding:10px 8px;font-weight:720;position:relative;transition:color .18s}.tab.active{color:var(--text)}.tab.active:after{content:"";position:absolute;left:28%;right:28%;bottom:-1px;height:2px;background:var(--text);border-radius:2px;animation:tabIn .22s var(--ease)}@keyframes tabIn{from{transform:scaleX(.35);opacity:.3}to{transform:scaleX(1);opacity:1}}.context-strip{display:flex;gap:9px;overflow:auto;padding:2px 0 12px;scrollbar-width:none;transition:max-height .22s var(--ease),opacity .18s,padding .22s}.context-strip[hidden]{display:none}.context-card{min-width:118px;min-height:58px;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:10px 11px;text-align:left;color:var(--text);display:grid;grid-template-columns:18px 1fr;gap:1px 7px;transition:transform .18s,background .18s}.context-card:active{transform:scale(.97)}.context-card small{grid-column:2;color:var(--muted);font-size:10px}.context-card svg{width:15px;height:15px}.context-card.active{background:color-mix(in srgb,var(--surface-raised) 88%,var(--accent-soft));border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}.pulse{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);margin-top:3px;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px transparent}}.mini-icon{font-size:10px;font-weight:900;width:17px;height:17px;border:1px solid var(--line);border-radius:5px;display:grid;place-items:center}.feed:not([hidden]){display:grid;gap:14px;animation:feedIn .24s var(--ease)}@keyframes feedIn{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}.blarm-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;position:relative;transition:transform .18s var(--ease),border-color .2s}.freshness-line{height:2px;background:var(--line)}.freshness-line span{display:block;height:100%;width:88%;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 72%,var(--text)),color-mix(in srgb,var(--accent) 24%,transparent));transition:width .3s}.creator-row{display:flex;align-items:center;padding:12px 13px}.creator-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#696b73,#25262b);margin-right:10px;box-shadow:inset 0 0 0 1px #ffffff16}.creator-copy{display:flex;flex-direction:column;gap:2px}.creator-copy strong{font-size:14px}.creator-copy span{font-size:11px;color:var(--muted)}.more{margin-left:auto;border:0;background:transparent;color:var(--muted);width:44px;height:44px;display:grid;place-items:center}.more svg{width:20px}.media-frame{aspect-ratio:4/5;background:radial-gradient(circle at 72% 18%,#755146 0 7%,transparent 28%),linear-gradient(145deg,#454850,#202226 60%,#171719);position:relative;overflow:hidden}.media-frame:before{content:"";position:absolute;inset:13% 14% 10% 18%;border-radius:46% 54% 36% 64%;background:linear-gradient(165deg,#8a8d95,#34363c);opacity:.55;filter:blur(2px)}.media-frame:after{content:"PREVIEW · MEDIA SAFETY GATE ACTIVE";position:absolute;left:14px;bottom:14px;font-size:9px;letter-spacing:.12em;color:#ffffff90}.media-overlay{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;z-index:2}.live-chip,.expiry-chip{background:#09090ac9;color:#fff;backdrop-filter:blur(12px);padding:7px 9px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.07em}.live-chip{display:flex;align-items:center;gap:7px;color:#f4b0aa}.expiry-chip{transition:opacity .2s}.media-caption{position:absolute;bottom:13px;right:13px;z-index:2}.engagement-row{display:flex;justify-content:space-between;align-items:center;padding:9px 11px 4px}.engagement-row>div{display:flex;gap:2px}.engagement-row button{width:44px;height:44px;border:0;background:transparent;color:var(--text);display:grid;place-items:center;border-radius:50%;transition:transform .18s var(--ease),background .18s}.engagement-row button:active{transform:scale(.88)}.engagement-row button.liked{color:var(--accent)}.engagement-row button.liked svg{fill:currentColor}.engagement-row .keep{width:auto;min-width:66px;font-size:11px;border:1px solid var(--line);border-radius:999px;padding:0 12px;font-weight:800}.engagement-row .keep.saved{background:var(--text);color:var(--bg);animation:keepPop .28s var(--ease)}@keyframes keepPop{50%{transform:scale(1.08)}}.caption{padding:0 13px;margin:2px 0 7px;font-size:13px;line-height:1.48}.meta-row{display:flex;justify-content:space-between;padding:0 13px 14px;color:var(--muted);font-size:10px}.placeholder-view{padding:54px 22px;text-align:center;animation:feedIn .24s var(--ease)}.placeholder-view .placeholder-icon{width:54px;height:54px;border-radius:18px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;margin:0 auto 16px}.placeholder-view h2{font-size:22px;margin:0 0 8px}.placeholder-view p{color:var(--muted);font-size:13px;line-height:1.5;margin:0 auto;max-width:310px}.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,700px);height:calc(74px + var(--safe));padding:7px 10px calc(7px + var(--safe));display:grid;grid-template-columns:1fr 1fr 66px 1fr 1fr;align-items:center;background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(24px);border-top:1px solid var(--line)}.nav-item,.nav-create{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;gap:1px;border-radius:14px;transition:color .18s,transform .18s}.nav-item svg{width:21px}.nav-item small{font-size:9px;font-weight:650}.nav-item.active{color:var(--text)}.nav-item:active{transform:scale(.93)}.nav-create{width:56px;height:56px;border-radius:18px;background:var(--text);color:var(--bg);justify-self:center;box-shadow:0 8px 28px #0007}.nav-create svg{width:25px;height:25px}.sheet{border:0;padding:0;background:transparent;color:var(--text);width:min(100% - 12px,640px);max-width:none;margin:auto auto 6px;opacity:0;transform:translateY(20px) scale(.99);transition:opacity .2s var(--ease),transform .28s var(--ease),display .28s allow-discrete,overlay .28s allow-discrete}.sheet[open]{opacity:1;transform:none}@starting-style{.sheet[open]{opacity:0;transform:translateY(24px) scale(.99)}}.sheet::backdrop{background:#0000;backdrop-filter:blur(0);transition:background .25s,backdrop-filter .25s,display .25s allow-discrete,overlay .25s allow-discrete}.sheet[open]::backdrop{background:#0009;backdrop-filter:blur(6px)}@starting-style{.sheet[open]::backdrop{background:#0000;backdrop-filter:blur(0)}}.sheet-inner{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:9px 15px 17px;box-shadow:0 -18px 60px #0006}.sheet-handle{width:34px;height:4px;border-radius:4px;background:var(--subtle);margin:2px auto 11px}.sheet-title{display:flex;align-items:flex-start;justify-content:space-between}.sheet-title h2{font-size:21px;letter-spacing:-.025em;margin:2px 0 10px}.sheet-kicker{font-size:9px;letter-spacing:.15em;font-weight:850;color:var(--accent);margin:2px 0}.sheet-title button{background:var(--surface-raised);border:0;color:var(--text);width:44px;height:44px;border-radius:50%;display:grid;place-items:center}.sheet-title button svg{width:18px}.field-label{display:block;font-size:11px;font-weight:800;margin:10px 0 7px}.sheet textarea,.sheet input{width:100%;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 70%,var(--surface));color:var(--text);border-radius:15px;padding:13px;outline:none;min-height:46px}.sheet textarea{height:120px;resize:none}.sheet textarea:focus,.sheet input:focus{border-color:var(--subtle);box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 6%,transparent)}.compose-tools{display:flex;gap:7px;padding:9px 0}.tool{min-height:44px;border:1px solid var(--line);background:var(--surface-raised);color:var(--text);border-radius:999px;padding:0 11px;font-size:11px;display:flex;align-items:center;gap:6px}.tool svg{width:16px}.tool.disabled{opacity:.42}.duration-options{display:flex;gap:6px;padding:0 0 10px}.duration-options button{min-height:40px;flex:1;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised);color:var(--muted);font-size:11px}.duration-options button.selected{color:var(--text);border-color:var(--subtle);background:var(--surface-soft)}.compose-note{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;padding:0 2px 13px}.compose-note>span:first-child{display:flex;align-items:center;gap:6px}.primary-action{width:100%;min-height:48px;border:0;background:var(--text);color:var(--bg);border-radius:15px;padding:13px;font-weight:850;transition:transform .18s}.primary-action:active{transform:scale(.985)}.muted,.status{color:var(--muted);font-size:12px;line-height:1.5}.status.success{color:#6fd291}.status.error{color:#ff8178}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(min-width:860px){body{background:var(--bg)}.desktop-rail{display:block;position:fixed;left:max(32px,calc(50vw - 620px));top:50%;transform:translateY(-50%);width:260px}.rail-copy{display:flex;flex-direction:column;gap:20px}.rail-copy>span{font-size:20px;font-weight:900;letter-spacing:-.04em}.rail-copy strong{font-size:34px;line-height:1.02;letter-spacing:-.05em}.rail-copy small{color:var(--muted);line-height:1.6}.app-shell{margin-left:calc(50% - 80px);border-inline:1px solid var(--line);box-shadow:0 0 70px #0002}.bottom-nav{left:calc(50% + 270px - 80px)}.media-frame{aspect-ratio:16/12}}
@media(min-width:1180px){.app-shell{margin-left:auto;margin-right:max(40px,calc(50vw - 570px))}.bottom-nav{left:auto;right:max(40px,calc(50vw - 570px));transform:none}.desktop-rail{left:max(50px,calc(50vw - 570px))}}

/* Phase 2 real-state additions */
.sheet-kicker{color:var(--text);opacity:.78}
.feed-empty{margin:28px 16px;padding:26px 20px;border:1px solid var(--line);border-radius:22px;display:grid;gap:8px;text-align:center;background:var(--surface)}
.feed-empty strong{font-size:18px}.feed-empty span{color:var(--muted);line-height:1.5}
.profile-summary{display:grid;justify-items:center;gap:7px;padding:54px 20px 28px;text-align:center}.profile-avatar{width:72px;height:72px;border:1px solid var(--line);border-radius:24px;display:grid;place-items:center;background:var(--surface)}.profile-avatar svg{width:32px;height:32px}.profile-summary h2{margin:8px 0 0;font-size:28px}.profile-summary p{margin:0;color:var(--muted)}.profile-summary strong{margin-top:8px}.kept-preview{display:grid;gap:10px;padding:0 16px 120px}.kept-row{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:16px}.kept-row span{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.kept-row p{margin:8px 0 0;line-height:1.45}


/* Phase 2 v0.20 closed-beta UX readiness */
.account-button{min-height:46px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:0 15px;display:flex;align-items:center;gap:8px;font-weight:800;transition:transform .18s var(--ease),background .18s}.account-button svg{width:20px;height:20px}.account-button:not(.signed-out){width:46px;padding:0;justify-content:center;border-radius:50%}.account-button:not(.signed-out) span{display:none}.account-button:active{transform:scale(.95)}
.auth-reassurance{margin:8px 2px 13px;color:var(--muted);font-size:11px;line-height:1.45}.auth-legal{margin:11px 2px 0;color:var(--subtle);font-size:10px;line-height:1.45;text-align:center}.auth-legal a{color:var(--muted);text-underline-offset:2px}.auth-legal a:hover{color:var(--text)}
.feed-empty .empty-action{justify-self:center;margin-top:6px;min-height:42px;border:0;border-radius:999px;background:var(--text);color:var(--bg);padding:0 15px;font-weight:800}.feed-empty .empty-action:active{transform:scale(.97)}
.compact-sheet{width:min(100% - 12px,520px)}.keep-info{padding-bottom:18px}.keep-info .muted{margin:0 0 16px}.keep-info .primary-action{margin-top:2px}
body:not(.is-authenticated) .auth-only-nav{display:none}body:not(.is-authenticated) .bottom-nav{grid-template-columns:1fr 1fr 66px;justify-content:center;padding-inline:max(28px,14vw)}
@media(min-width:860px){body:not(.is-authenticated) .bottom-nav{padding-inline:110px}}

.legal-page{max-width:760px;margin:0 auto;padding:34px 18px 70px}.legal-brand{display:inline-block;color:var(--text);text-decoration:none;font-size:24px;font-weight:900;letter-spacing:-.05em;margin-bottom:24px}.legal-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,38px)}.legal-card h1{font-size:36px;letter-spacing:-.04em;margin:6px 0 4px}.legal-card h2{font-size:18px;margin:28px 0 8px}.legal-card p{color:var(--muted);line-height:1.65}.legal-card a,.legal-foot a{color:var(--text)}.legal-meta{font-size:12px}.legal-foot{text-align:center;color:var(--muted);font-size:12px;margin:18px 0}

.auth-intro{margin:2px 0 12px}.auth-sent{text-align:center}.auth-sent .sheet-title{text-align:left}.auth-sent-mark{width:58px;height:58px;margin:8px auto 14px;border-radius:20px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,var(--surface-raised));border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));font-size:26px;font-weight:900;color:var(--accent)}.auth-sent-address{margin:12px auto 18px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface-raised);font-size:12px;font-weight:750;overflow-wrap:anywhere}.secondary-action{width:100%;min-height:46px;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:15px;padding:12px;font-weight:760;margin-top:8px}.settings-button{margin-top:9px;min-height:44px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:0 15px;display:flex;align-items:center;gap:7px;font-weight:760}.settings-button svg{width:17px;height:17px}.settings-panel{max-width:520px;margin:0 auto;text-align:left}.settings-panel h2{font-size:27px;margin:0 0 6px}.settings-panel>p{margin:0 0 24px}.settings-group{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:16px;margin:12px 0}.settings-group h3{font-size:13px;margin:0 0 4px}.settings-group>p{color:var(--muted);font-size:11px;margin:0 0 13px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.theme-option{min-height:44px;border:1px solid var(--line);background:var(--surface-raised);color:var(--muted);border-radius:12px;font-weight:760}.theme-option.active{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface-raised))}.settings-links{display:grid;gap:2px}.settings-row{min-height:46px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;padding:0 2px;display:flex;align-items:center;justify-content:space-between}.settings-row:last-child{border-bottom:0}.settings-danger{margin-top:16px;border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.settings-danger .settings-row:last-child{color:var(--accent)}