:root{--primary: #ff8585;--primary-dark: #ff6b6b;--secondary: #667eea;--text-dark: #1a202c;--text-medium: #4a5568;--text-light: #718096;--bg: #faf9f7;--bg-card: #ffffff;--border: #e8e6e2;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .12);--radius: 18px;--gradient: linear-gradient(135deg, var(--primary), var(--primary-dark));--max-width: 1100px;--positive: #2f8f5b;--positive-strong: #1f6b41;--positive-tint: rgba(47, 143, 91, .1);--positive-border: rgba(47, 143, 91, .24);--info: #667eea;--info-strong: #3f49a8;--info-tint: rgba(102, 126, 234, .1);--info-border: rgba(102, 126, 234, .26)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;overscroll-behavior:none}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(900px 500px at 80% -20%,rgba(255,133,133,.18),transparent 60%),radial-gradient(700px 420px at -10% 10%,rgba(102,126,234,.1),transparent 55%),var(--bg);color:var(--text-dark);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom)}a,button,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}html[data-app-shell],html[data-app-shell] body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html[data-app-shell] input,html[data-app-shell] textarea,html[data-app-shell] select,html[data-app-shell] [contenteditable]:not([contenteditable=false]){-webkit-user-select:text;user-select:text}html[data-app-shell] *,html[data-app-shell] img,html[data-app-shell] a{-webkit-user-drag:none;user-drag:none}html[data-app-shell] img{-webkit-touch-callout:none}html[data-app-shell],html[data-app-shell] body{height:100%;overflow:hidden}html[data-app-shell] body{position:fixed;inset:0;padding-bottom:0}html[data-app-shell] #app{display:flex;flex-direction:column;height:100%}html[data-app-shell] .site-header-wrap{position:static;flex:0 0 auto}html[data-app-shell] .site-main{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:1.5rem!important}html[data-app-shell] .tab-bar{position:static;flex:0 0 auto}input,select,textarea{font-size:16px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header-wrap{position:sticky;top:0;z-index:50;background:#faf9f7c7;backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s ease,background .2s ease;padding-top:env(safe-area-inset-top)}.site-header-wrap.is-scrolled{border-bottom-color:var(--border);background:#faf9f7eb}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.5rem;max-width:var(--max-width);margin:0 auto;width:100%}.site-header__brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.25rem}.site-header__logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;overflow:hidden;background:var(--gradient);color:#fff;font-weight:800;box-shadow:0 4px 14px #ff6b6b47;animation:logo-hello .6s cubic-bezier(.2,.9,.3,1.3) .1s both;transition:transform .2s ease}.site-header__logo-img{width:100%;height:100%;object-fit:cover;display:block}.site-header__brand:hover .site-header__logo{transform:rotate(-6deg) scale(1.05)}@keyframes logo-hello{0%{transform:scale(.4) rotate(-12deg);opacity:0}60%{transform:scale(1.08) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.site-header__right{display:flex;align-items:center;gap:1.2rem}.site-header__bells{display:none}@media(max-width:640px){.site-header__bells{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto}}.site-header__nav{display:flex;gap:1.2rem}.site-header__nav a{font-weight:500;color:var(--text-medium)}html:not([data-authed="1"]) .site-header__nav{display:none}html:not([data-authed="1"]) .site-header-wrap,html:not([data-authed="1"]) .site-footer,html:not([data-authed="1"]) .tab-bar{display:none!important}html:not([data-authed="1"]){overflow-x:hidden}html:not([data-authed="1"]) body{overflow-x:hidden}html:not([data-authed="1"]) .site-main{padding-top:calc(env(safe-area-inset-top) + 1rem);padding-bottom:calc(env(safe-area-inset-bottom) + 1rem);display:flex;flex-direction:column;justify-content:center;min-height:100vh}html:not([data-authed="1"]) .login{width:100%;max-width:440px;margin-left:auto;margin-right:auto;box-sizing:border-box}.site-main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:1rem 1.5rem 3rem}.site-footer{text-align:center;padding:2rem 1.5rem;color:var(--text-light);font-size:.9rem;border-top:1px solid var(--border)}.site-footer p{margin:.2rem 0}.site-footer__muted{font-size:.8rem}.hero{padding:2.5rem 0 1.5rem}.hero__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:600;color:var(--primary-dark);margin:0 0 .6rem}.hero__title{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;margin:0 0 .8rem;line-height:1.1}.hero__title span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__subtitle{font-size:1.05rem;color:var(--text-medium);max-width:540px;margin:0}.spinner{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:spinner-rot .7s linear infinite;flex-shrink:0}.spinner--dark{border-color:#00000026;border-top-color:var(--text-dark)}@keyframes spinner-rot{to{transform:rotate(360deg)}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.8rem 1.6rem;border-radius:999px;background:var(--gradient);color:#fff;font-weight:600;font-family:inherit;font-size:.95rem;border:none;cursor:pointer;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .18s ease,opacity .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:scale(.97);box-shadow:var(--shadow-sm);transition-duration:.06s}.btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translate(-110%);transition:transform .55s ease;pointer-events:none}.btn:hover:not(:disabled):before{transform:translate(110%)}.btn>*{position:relative;z-index:1}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn--icon{padding-left:1.3rem;padding-right:1.5rem}.btn--disabled{background:var(--border);color:var(--text-light);cursor:not-allowed;box-shadow:none}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.hydration-skeleton{min-height:240px}.view-fade-enter-active,.view-fade-leave-active{transition:opacity .22s ease}.view-fade-enter-from,.view-fade-leave-to{opacity:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.tab-bar{display:none}@media(max-width:640px){.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffffff2;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid rgba(0,0,0,.08);z-index:90;transition:transform .22s cubic-bezier(.2,.8,.2,1)}html[data-keyboard-open="1"] .tab-bar{transform:translateY(100%);pointer-events:none}.tab-bar__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;height:58px;color:#8e8e8e;font-weight:600;-webkit-tap-highlight-color:transparent;transition:color .16s ease}.tab-bar__item span{display:block;font-size:.64rem;letter-spacing:.01em;line-height:1}.tab-bar__item svg{width:24px;height:24px}.tab-bar__item--active{color:var(--primary-dark)}.tab-bar__item--active span{font-weight:700}.tab-bar__item--active svg{stroke-width:2.4}.tab-bar__item--active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:26px;height:3px;border-radius:0 0 3px 3px;background:var(--gradient)}.tab-bar__item:active{opacity:.55;transform:scale(.9);transition:transform .06s ease,color .12s ease,opacity .12s ease}.site-main,.site-footer{padding-bottom:calc(4rem + env(safe-area-inset-bottom))!important}.site-header__nav,.site-header__right{display:none!important}.feed__actions-row{display:flex;position:fixed;top:calc(1.1rem + env(safe-area-inset-top));right:max(1.5rem,calc((100vw - var(--max-width)) / 2 + 1.5rem));z-index:51;margin:0;padding:0}}html[data-app-shell] .feed__actions-row,html[data-webview="1"] .tab-bar{display:none!important}html[data-webview="1"] .site-header,html[data-webview="1"] .site-header-wrap,html[data-webview="1"] .site-footer{display:none}html[data-webview="1"] body{padding-top:env(safe-area-inset-top)}html[data-webview="1"] .site-main{padding-top:.5rem}.notfound{text-align:center;padding:4rem 1rem}.notfound h1{font-size:1.8rem;margin-bottom:.5rem}.notfound p{color:var(--text-medium);margin-bottom:1.5rem}.app-notice{display:flex;align-items:flex-start;gap:.7rem;margin:0 0 1rem;padding:.75rem .9rem;background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent, var(--border));border-radius:14px;box-shadow:var(--shadow-sm);color:var(--text-medium);font-size:.88rem;line-height:1.45}.app-notice__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:999px;background:var(--accent-tint, var(--bg));color:var(--accent, var(--text-medium))}.app-notice__text{flex:1;min-width:0;padding-top:.1rem}.app-notice__text strong{color:var(--text-dark);font-weight:700}.app-notice--positive{--accent: var(--positive);--accent-tint: var(--positive-tint)}.app-notice--info{--accent: var(--secondary);--accent-tint: rgba(102, 126, 234, .12)}.pooled-video{display:block;width:100%;height:100%;transform:translateZ(0);will-change:transform}.pooled-video--feed{object-fit:cover}.pooled-video--full{object-fit:contain}
