@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&display=swap";:root{color-scheme:light;--bg: #f7f5f1;--bg-elevated: #ffffff;--ink: #111110;--muted: #6b6760;--line: #e4e0d8;--accent: #2563ff;--accent-hover: #1d4ed8;--accent-soft: #e8efff;--danger: #dc2626;--radius: 14px;--radius-sm: 10px;--shadow: 0 12px 40px rgba(17, 17, 16, .08);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Bricolage Grotesque,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(37,99,255,.06),transparent 50%),var(--bg)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");z-index:0}#root{position:relative;z-index:1}a{color:inherit}button,input,textarea,select{font:inherit}.app-page{min-height:100vh}.shell{width:min(480px,100%);margin:0 auto;padding:1rem 1.25rem calc(5.5rem + var(--safe-bottom))}.shell--no-bar{padding-bottom:2rem}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;position:sticky;top:0;z-index:20;background:#f7f5f1d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.site-logo{font-weight:800;font-size:1.15rem;color:var(--ink);text-decoration:none;letter-spacing:-.03em}.site-nav-links{display:flex;align-items:center;gap:.5rem}.nav-link{color:var(--muted);text-decoration:none;font-size:.95rem;padding:.45rem .65rem}.nav-link:hover{color:var(--ink)}h1,h2,h3{margin:0;letter-spacing:-.03em;line-height:1.1}h1{font-size:clamp(2.4rem,8vw,3.6rem);font-weight:800}h2{font-size:1.5rem;font-weight:700}h3{font-size:1.1rem;font-weight:600}.lede{color:var(--muted);font-size:1.05rem;margin:.75rem 0 0;max-width:34ch}.eyebrow{color:var(--accent);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.25rem;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;text-decoration:none;transition:transform .15s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-elevated);color:var(--ink);border:1px solid var(--line)}.btn-ghost{background:transparent;color:var(--muted);border:none;min-height:44px;padding:.5rem .75rem}.btn-block{width:100%}.btn-sm{min-height:40px;padding:.5rem .9rem;font-size:.9rem}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.field label{font-size:.9rem;font-weight:600;color:var(--muted)}.field input,.field textarea,.field select{width:100%;min-height:48px;padding:.75rem 1rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--ink)}.field textarea{min-height:96px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.field-hint{font-size:.85rem;color:var(--muted)}.field-prefix{display:flex;align-items:center;gap:0}.field-prefix span{min-height:48px;display:flex;align-items:center;padding:0 .75rem;background:var(--line);border:1px solid var(--line);border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);color:var(--muted);font-weight:600}.field-prefix input{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.alert{padding:.85rem 1rem;border-radius:var(--radius-sm);font-size:.95rem;margin-bottom:1rem}.alert-error{background:#fef2f2;color:var(--danger);border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.landing-hero{padding:2.5rem 0 2rem;animation:fadeUp .7s ease both}.landing-visual{margin-top:2rem;border-radius:20px;overflow:hidden;aspect-ratio:4 / 5;max-height:70vh;background:linear-gradient(160deg,#2563ff1f,#1111100a),url(https://images.unsplash.com/photo-1611162617474-5b21e939e113?auto=format&fit=crop&w=1200&q=80) center / cover;animation:fadeUp .9s ease .15s both}.landing-cta{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.landing-cta-note{color:var(--muted);font-size:.9rem}.profile-hero{text-align:center;padding:1.5rem 0 1rem}.avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;background:var(--line);margin:0 auto 1rem;display:block}.avatar--lg{width:112px;height:112px}.avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--muted)}.avatar-upload{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:0 auto;padding:0;border:0;background:transparent;cursor:pointer;color:inherit}.avatar-upload:disabled{opacity:.7;cursor:wait}.avatar-upload .avatar{margin-bottom:0;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent-soft);transition:box-shadow .2s ease,transform .2s ease}.avatar-upload:hover:not(:disabled) .avatar,.avatar-upload:focus-visible:not(:disabled) .avatar{transform:scale(1.03);box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent)}.avatar-upload-label{font-size:.9rem;font-weight:600;color:var(--accent)}.profile-handle{color:var(--muted);font-size:.95rem;margin-top:.25rem}.profile-badge{display:inline-block;margin-top:.5rem;padding:.25rem .65rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:600;text-transform:capitalize}.profile-bio{color:var(--muted);margin:.75rem auto 0;max-width:32ch}.section{margin-top:2rem}.section-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.75rem}.link-stack{display:flex;flex-direction:column;gap:.65rem}.link-item{display:flex;align-items:center;justify-content:center;min-height:52px;padding:.85rem 1rem;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;font-weight:600;transition:border-color .15s ease,transform .15s ease}.link-item:hover{border-color:var(--accent);transform:translateY(-1px)}.service-item{padding:1rem 0;border-bottom:1px solid var(--line)}.service-item:last-child{border-bottom:none}.service-title{font-weight:700;font-size:1.05rem}.service-desc{color:var(--muted);font-size:.95rem;margin-top:.25rem}.service-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.65rem}.service-price{font-weight:700;color:var(--accent)}.clips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.clip-card{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--ink);aspect-ratio:9 / 16;animation:fadeUp .5s ease both}.clip-card video{width:100%;height:100%;object-fit:cover;display:block}.clip-card-title{position:absolute;left:0;right:0;bottom:0;padding:2rem .65rem .65rem;background:linear-gradient(transparent,#000000bf);color:#fff;font-size:.85rem;font-weight:600}.clip-card-actions{position:absolute;top:.5rem;right:.5rem}.explore-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.tab{flex:1;min-height:44px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);font-weight:600;cursor:pointer}.tab--active{background:var(--ink);color:#fff;border-color:var(--ink)}.creator-row{display:flex;align-items:center;gap:.85rem;padding:.85rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.creator-row .avatar{width:52px;height:52px;margin:0;flex-shrink:0}.creator-meta{flex:1;min-width:0}.creator-name{font-weight:700}.creator-sub{color:var(--muted);font-size:.9rem}.editor-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:1.25rem;position:sticky;top:57px;z-index:10;background:#f7f5f1eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem 0}.editor-tab{min-height:40px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-weight:600;font-size:.8rem;cursor:pointer}.editor-tab--active{background:var(--ink);color:#fff}.list-editor{display:flex;flex-direction:column;gap:.75rem}.list-editor-item{padding:1rem;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius)}.list-editor-actions{display:flex;gap:.5rem;margin-top:.75rem}.upload-zone{border:2px dashed var(--line);border-radius:var(--radius);padding:2rem 1rem;text-align:center;color:var(--muted);cursor:pointer}.upload-zone input{display:none}.bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:.75rem 1.25rem calc(.75rem + var(--safe-bottom));background:#f7f5f1eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);animation:slideUp .35s ease both}.bottom-bar-inner{width:min(480px,100%);margin:0 auto}.onboarding-steps{display:flex;gap:.5rem;margin-bottom:1.5rem}.onboarding-step{flex:1;height:4px;border-radius:999px;background:var(--line)}.onboarding-step--done{background:var(--accent)}.onboarding-step--active{background:var(--accent);opacity:.5}.auth-card{padding:2rem 0}.auth-back{margin-bottom:1.5rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;color:var(--muted);padding:2rem 1rem}@media(min-width:640px){.landing-hero{padding-top:4rem}.clips-grid{grid-template-columns:repeat(3,1fr)}}