:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-subtle:#fdf8f5;--card:#fff8f4;--card-hover:#fff1e8;--primary:#f97316;--primary-hover:#ea6b0f;--primary-10:#f973161a;--primary-15:#f9731626;--primary-20:#f9731633;--primary-25:#f9731640;--primary-30:#f973164d;--primary-gradient:linear-gradient(135deg, #f97316 0%, #ea6b0f 100%);--primary-glow:0 4px 14px #f9731640;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#0000006b;--text-faint:#0000004d;--text-hint:#0003;--surface:#00000008;--surface-2:#0000000d;--border:#00000014;--border-strong:#00000024;--success:#16a34a;--error:#dc2626;--p-4:16px;--p-5:20px;--radius-lg:16px;--radius-xl:20px;--font-main:"Inter", -apple-system, system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-main);min-height:100vh;margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh}.app-container{background:var(--bg);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.iphone-frame{background:var(--bg);width:390px;height:844px;box-shadow:0 8px 48px #0000001a, 0 0 0 1px var(--border);border:8px solid #e5e7eb;border-radius:48px;flex-direction:column;display:flex;position:relative;overflow:hidden}.desktop-shell{background:var(--bg);flex-direction:row;width:100%;height:100vh;display:none}@media (width>=1024px){.desktop-shell{display:flex}}.web-sidebar{background:var(--card);border-right:1px solid var(--border);flex-direction:column;width:280px;height:100%;padding:32px 24px;display:flex}.web-content{background:var(--bg);-ms-overflow-style:none;scrollbar-width:none;flex:1;max-width:1200px;margin:0 auto;padding:48px;overflow-y:auto}.screen-container{padding:var(--p-5);background:var(--bg);-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;flex:1;padding-bottom:100px;display:flex;overflow-y:auto}.no-scrollbar::-webkit-scrollbar{display:none}.screen-container::-webkit-scrollbar{display:none}.web-content::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}h1,h2{letter-spacing:-.02em;color:var(--text-primary);font-weight:600}.caption{color:var(--text-secondary);font-size:12px}.glass{background:var(--card);border:1px solid var(--border);box-shadow:0 1px 4px #0000000d}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;height:48px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:var(--primary-hover);transform:scale(.96)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-2)}input,select,textarea{color:var(--text-primary);background:var(--card)}input::placeholder{color:var(--text-secondary)}.shimmer-box{background:#f0ede8;position:relative;overflow:hidden}.shimmer-box:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.spin{animation:.9s linear infinite spin}.pulse{animation:1.4s ease-in-out infinite pulse-dot}@keyframes hook-pulse{0%,to{background-color:#7c3aed0f}50%{background-color:#7c3aed24}}.media-card{cursor:default;transition:transform .2s,box-shadow .2s}.media-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000002e}.media-card video,.media-card img{transition:opacity .2s}.media-card:hover video,.media-card:hover img,.media-card:hover .media-play-hint{opacity:1!important}.upload-drop-zone{border:2px dashed var(--border);background:#ffffff03;border-radius:32px;transition:border-color .2s,background .2s}.upload-drop-zone.drag-over{border-color:var(--primary);background:var(--primary-10)}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}
