:root{color:#f3efe7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at 0 0,#ff85523d,#0000 34%),radial-gradient(circle at 100% 0,#4298ff33,#0000 28%),linear-gradient(160deg,#120f16 0%,#16151b 48%,#0c1018 100%);font-family:Manrope,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100svh;padding:28px;position:relative;overflow:hidden}.app-shell__glow,.app-shell__mesh{pointer-events:none;position:absolute}.app-shell__glow{filter:blur(60px);opacity:.42;border-radius:999px;width:42rem;height:42rem;animation:14s ease-in-out infinite driftGlow}.app-shell__glow--left{background:#ff874f42;top:-12rem;left:-10rem}.app-shell__glow--right{background:#499fff33;bottom:-10rem;right:-12rem}.app-shell__mesh{opacity:.35;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:72px 72px;animation:18s linear infinite shimmerMesh;inset:0;-webkit-mask-image:linear-gradient(#00000073,#0000 88%);mask-image:linear-gradient(#00000073,#0000 88%)}.auth-screen,.workspace{z-index:1;position:relative}.auth-screen{place-items:center;min-height:calc(100svh - 56px);display:grid}.auth-card,.hero-panel,.preview-card,.feed-card,.camera-stage,.notice,.topbar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0e1118bd;border:1px solid #ffffff14;box-shadow:0 22px 80px #00000057,inset 0 1px #ffffff0a}.auth-card{border-radius:32px;width:min(100%,560px);padding:40px}.eyebrow{color:#f3ab84;letter-spacing:.2em;text-transform:uppercase;font-size:.8rem}.auth-title,.panel-title,.topbar__title{color:#fff8f0;margin:0;font-family:Space Grotesk,Segoe UI,sans-serif}.auth-title{letter-spacing:-.06em;margin-top:16px;font-size:clamp(3rem,8vw,5.25rem);line-height:.96}.auth-copy,.panel-copy,.feed-card__subtle,.field__label{color:#f3efe7b8}.auth-copy{max-width:32rem;margin:18px 0 28px;font-size:1.02rem}.field{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.field__label{font-size:.92rem}.field__input{color:#fff8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;outline:none;width:100%;padding:16px 18px;transition:border-color .2s,transform .2s,background .2s}.field__input::placeholder{color:#f3efe76b}.field__input:focus{background:#ffffff14;border-color:#ffa76e94;transform:translateY(-1px)}.auth-hints,.hero-panel__badges,.preview-card__actions{flex-wrap:wrap;gap:14px;display:flex}.auth-hints{margin-top:26px}.stat-card,.badge-card{background:#ffffff0d;border:1px solid #ffffff12;border-radius:22px;flex:160px;padding:16px 18px}.stat-card__value,.badge-card__value{color:#fff8f0;font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:700;display:block}.stat-card__value{font-size:1.5rem}.badge-card__kicker,.stat-card__label{color:#f3efe7a6;font-size:.88rem}.workspace{flex-direction:column;gap:18px;min-height:calc(100svh - 56px);display:flex}.topbar,.hero-panel{border-radius:28px}.topbar{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.topbar__title{margin-top:4px;font-size:1.3rem}.hero-panel{justify-content:space-between;gap:20px;padding:28px;display:flex}.hero-panel__copy{max-width:34rem}.panel-title{letter-spacing:-.05em;margin:14px 0 12px;font-size:clamp(1.9rem,4vw,3rem);line-height:1}.panel-title--compact{font-size:clamp(1.45rem,3vw,2rem)}.panel-copy{max-width:30rem;margin:0}.button{appearance:none;letter-spacing:.01em;border:0;border-radius:999px;padding:13px 20px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s,opacity .2s;position:relative;overflow:hidden}.button:after{content:"";border-radius:inherit;opacity:.45;pointer-events:none;background:linear-gradient(120deg,#ffffff3d,#0000 32% 68%,#ffffff14);position:absolute;inset:1px}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{color:#1a120f;background:linear-gradient(135deg,#ffbc8e 0%,#ff8751 55%,#ea5a42 100%);box-shadow:0 14px 30px #ff754947}.button--secondary{color:#fff4eb;background:#ffffff14;border:1px solid #ffffff14}.button--ghost{color:#fff4eb;background:#ffffff0d;border:1px solid #ffffff14}.button--xl{min-height:56px;padding-inline:24px}.overlay{z-index:20;padding:28px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07090ed1;place-items:center;display:grid;position:fixed;inset:0}.camera-stage,.preview-card,.feed-card{border-radius:32px;width:min(100%,460px);padding:24px}.camera-stage__header,.preview-card__header,.feed-card__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.camera-stage__frame,.preview-card__video,.feed-card__video{background:radial-gradient(circle at top,#ff91603d,#0000 44%),#ffffff0a;border:1px solid #ffffff17;border-radius:50%;width:min(78vw,320px);height:min(78vw,320px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 22px 50px #00000059,inset 0 0 0 12px #ffffff05}.camera-stage__canvas,.preview-card__video,.feed-card__video{object-fit:cover;width:100%;height:100%}.camera-stage__progress-ring{pointer-events:none;z-index:2;width:calc(100% + 20px);height:calc(100% + 20px);position:absolute;inset:-10px;transform:rotate(-90deg)}.camera-stage__progress-track{fill:none;stroke:#ffffff24;stroke-width:6px}.camera-stage__progress-fill{fill:none;stroke:#ff9461;stroke-width:7px;stroke-linecap:round;filter:drop-shadow(0 0 10px #ff845873);opacity:.4;transition:stroke-dashoffset .18s linear,opacity .2s}.camera-stage__progress-fill--active{opacity:1}.camera-stage__video{opacity:0;width:1px;height:1px;position:absolute}.camera-stage__hint{text-align:center;color:#f3efe7b8;max-width:18rem;margin:18px auto 0}.recording-dock{padding-bottom:max(4px, env(safe-area-inset-bottom,0px));flex-direction:column;align-items:center;gap:14px;margin-top:18px;display:flex}.recording-dock__status{color:#fff4ebe0;text-align:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;display:inline-flex}.recording-dock__status--cancel{color:#ffd0c5;background:#ff75491f}.timer-pill{color:#fff5ea;background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:68px;padding:10px 14px;display:inline-flex}.timer-pill--quiet{color:#ffcda9;background:#ffbc8e1f}.record-button{touch-action:none;background:radial-gradient(circle at 32% 30%,#fff7f1 0%,#f9d7c8 22%,#ff8751 62%,#eb5b41 100%);border-radius:50%;width:108px;height:108px;margin:0 auto;transition:transform .18s,box-shadow .18s,filter .18s;animation:2.6s ease-in-out infinite recordPulse;box-shadow:0 0 0 10px #ffffff0d,0 20px 40px #eb5b4157}.record-button--active{filter:saturate(1.1);transform:scale(1.08);box-shadow:0 0 0 14px #ff795229,0 26px 44px #eb5b4166}.record-button--cancel{filter:grayscale(.25)}.notice{border-radius:22px;width:min(100%,720px);padding:14px 18px}.notice--compact{width:100%;margin-top:16px}.notice--error{color:#ffc5bb}.notice--success{color:#b6ffd3}.preview-card__actions{justify-content:center;margin-top:22px}.feed-card{text-align:center}.feed-card__empty{flex-direction:column;align-items:center;gap:12px;display:flex}.feed-card__subtle{max-width:18rem}@keyframes driftGlow{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(12px,-10px)scale(1.06)}}@keyframes shimmerMesh{0%{transform:translate(0,0)}50%{transform:translate(8px,-6px)}to{transform:translate(0,0)}}@keyframes recordPulse{0%,to{box-shadow:0 0 0 10px #ffffff0d,0 20px 40px #eb5b4157}50%{box-shadow:0 0 0 16px #ff79521a,0 24px 46px #eb5b416b}}@media (prefers-reduced-motion:reduce){.app-shell__glow,.app-shell__mesh,.record-button{animation:none}.button,.field__input,.record-button{transition:none}}@media (width<=900px){.app-shell{padding:18px}.topbar,.hero-panel{flex-direction:column;align-items:stretch}.auth-card,.camera-stage,.preview-card,.feed-card{border-radius:26px;padding:22px}.auth-title{font-size:3.2rem}}@media (width<=560px){.app-shell{padding:14px}.auth-card,.topbar,.hero-panel,.camera-stage,.preview-card,.feed-card{border-radius:24px}.auth-card,.camera-stage,.preview-card,.feed-card{width:100%}.button{width:100%;min-height:56px}.preview-card__actions,.auth-hints,.hero-panel__badges{flex-direction:column}.overlay{padding:14px;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));align-items:end}.camera-stage,.preview-card,.feed-card{border-radius:28px;width:100%;max-width:100%;padding:20px 18px 22px}.camera-stage__frame,.preview-card__video,.feed-card__video{width:min(76vw,320px);height:min(76vw,320px)}.recording-dock{position:sticky;bottom:0}.recording-dock__status{width:min(100%,280px);font-size:.95rem}.record-button{width:116px;height:116px}}