:root{--bg-primary:#000;--bg-secondary:#121212;--bg-elevated:#1a1a1a;--bg-card:#181818;--bg-card-hover:#262626;--bg-surface:#ffffff14;--bg-input:#262626;--border-color:#262626;--border-light:#ffffff1f;--text-primary:#f5f5f5;--text-secondary:#a8a8a8;--text-muted:#737373;--text-link:#e0f1ff;--accent-blue:#0095f6;--accent-blue-hover:#1877f2;--accent-red:#ff3040;--accent-green:#10b981;--accent-green-bg:#10b98126;--accent-amber:#f59e0b;--accent-amber-bg:#f59e0b26;--accent-purple:#8b5cf6;--story-gradient:linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);--story-ring-viewed:#363636;--header-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #0009;--shadow-lg:0 16px 48px #000c;--shadow-glow:0 0 25px #e1306c40;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-brand:"Outfit", sans-serif}[data-theme=light]{--bg-primary:#fafafa;--bg-secondary:#fff;--bg-elevated:#f4f4f5;--bg-card:#fff;--bg-card-hover:#f3f4f6;--bg-surface:#0000000d;--bg-input:#efefef;--border-color:#dbdbdb;--border-light:#00000014;--text-primary:#262626;--text-secondary:#737373;--text-muted:#8e8e8e;--text-link:#00376b;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 24px #0000001a;--shadow-lg:0 16px 48px #00000026;--shadow-glow:0 0 25px #e1306c26;--story-ring-viewed:#dbdbdb}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);background:#121212bf}[data-theme=light] .glass{border-color:var(--border-color);background:#ffffffd9}.story-ring-gradient{background:var(--story-gradient);border-radius:50%;justify-content:center;align-items:center;padding:2.5px;transition:transform .2s,opacity .2s;display:inline-flex}.story-ring-gradient:hover{transform:scale(1.04)}.story-ring-viewed{background:var(--story-ring-viewed)}.badge-status{border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-status.approved{background:var(--accent-green-bg);color:var(--accent-green);border:1px solid #10b9814d}.badge-status.changes-requested{background:var(--accent-amber-bg);color:var(--accent-amber);border:1px solid #f59e0b4d}.badge-status.pending{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color)}button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-blue);color:#fff;border-radius:var(--radius-md);padding:8px 16px;font-size:.875rem;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 14px;font-size:.875rem;font-weight:500}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--text-muted)}.btn-success{background:var(--accent-green);color:#fff;border-radius:var(--radius-md);padding:8px 16px;font-size:.875rem;font-weight:600}.btn-success:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn-amber{background:var(--accent-amber);color:#fff;border-radius:var(--radius-md);padding:8px 16px;font-size:.875rem;font-weight:600}.btn-amber:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{opacity:.8}50%{opacity:1;filter:drop-shadow(0 0 10px #f0943399)}}@keyframes heartPop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes storyProgressFill{0%{width:0%}to{width:100%}}.feed-grid-item .feed-hover-overlay{opacity:0;transition:opacity .2s}.feed-grid-item:hover .feed-hover-overlay{opacity:1}.timeline-thumb-preview{opacity:0;transition:opacity .2s}.timeline-thumb:hover .timeline-thumb-preview{opacity:1}.animate-fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}.device-wrapper{min-height:calc(100vh - var(--header-height));justify-content:center;align-items:flex-start;padding:24px 16px 60px;transition:all .3s;display:flex}.iphone-frame{background:var(--bg-primary);border:12px solid #222225;border-radius:54px;width:100%;max-width:420px;margin:0 auto;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #000000b3,inset 0 0 0 1px #ffffff26}[data-theme=light] .iphone-frame{border-color:#2b2b2e;box-shadow:0 25px 60px -15px #00000040,inset 0 0 0 1px #0000001a}.iphone-island{z-index:100;pointer-events:none;background:#000;border-radius:20px;justify-content:flex-end;align-items:center;width:110px;height:28px;margin-bottom:-38px;padding-right:10px;display:flex;position:sticky;top:10px;left:50%;transform:translate(-50%)}.iphone-camera{background:#112;border:1px solid #1f1f33;border-radius:50%;width:10px;height:10px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:960px;max-height:92vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}