*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#0a0d16;--bg-card:#0d1120;--bg-nav:#070a12;--bg-input:#0f1420;--border:#1c2540;--border-hover:#2a3860;--red:#c41230;--red-glow:#c4123059;--red-dim:#3d0a0e;--text-primary:#e8eaf0;--text-secondary:#8a96b8;--text-muted:#3d4a6b;--text-nav:#3d4e72;--text-nav-active:#c8d0e8;--tag-red-bg:#1a0a0c;--tag-red:#e50914;--tag-blue-bg:#080e1f;--tag-blue:#4d82e8;--tag-green-bg:#061510;--tag-green:#2db87a;--tag-purple-bg:#120b1f;--tag-purple:#9b59e8;--font-display:"Playfair Display", serif;--font-body:"DM Sans", sans-serif}html,body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.safe-top{padding-top:env(safe-area-inset-top,20px)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,16px)}.bottom-nav{background:var(--bg-nav);border-top:1px solid var(--border);padding:10px 4px env(safe-area-inset-bottom,16px);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{cursor:pointer;flex-direction:column;align-items:center;gap:3px;min-width:52px;text-decoration:none;display:flex}.nav-icon{color:var(--text-nav);font-size:22px;transition:color .2s}.nav-icon.active{color:var(--text-nav-active)}.nav-label{color:var(--text-nav);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-family:var(--font-body);transition:color .2s}.nav-label.active{color:var(--text-nav-active)}.nav-fab{background:var(--red);width:52px;height:52px;box-shadow:0 0 20px var(--red-glow), 0 0 40px #e5091426;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:-12px;text-decoration:none;display:flex}.take-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:12px;overflow:hidden}.card-glow{background:var(--red);height:2px;box-shadow:0 0 8px var(--red-glow)}.card-body{padding:14px}.tag{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:3px 9px;font-size:10px;display:inline-block}.tag-red{background:var(--tag-red-bg);color:var(--tag-red);border:1px solid #3d0a0e}.tag-blue{background:var(--tag-blue-bg);color:var(--tag-blue);border:1px solid #0d1a3d}.tag-green{background:var(--tag-green-bg);color:var(--tag-green);border:1px solid #0a2e1e}.tag-purple{background:var(--tag-purple-bg);color:var(--tag-purple);border:1px solid #1e1040}.btn-primary{background:var(--red);color:#fff;width:100%;font-size:14px;font-weight:500;font-family:var(--font-body);cursor:pointer;box-shadow:0 0 16px var(--red-glow);letter-spacing:.02em;text-align:center;border:none;border-radius:12px;padding:14px;text-decoration:none;transition:opacity .2s;display:block}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{width:100%;color:var(--text-secondary);border:1px solid var(--border);font-size:14px;font-family:var(--font-body);cursor:pointer;text-align:center;background:0 0;border-radius:12px;padding:13px;text-decoration:none;transition:border-color .2s;display:block}.btn-secondary:hover{border-color:var(--border-hover)}.cn-input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);font-size:15px;font-family:var(--font-body);border-radius:12px;outline:none;padding:14px 16px;transition:border-color .2s}.cn-input:focus{border-color:var(--border-hover)}.cn-input::placeholder{color:var(--text-muted)}textarea.cn-input{resize:none;line-height:1.6}.avatar{border:1.5px solid var(--red);width:36px;height:36px;font-family:var(--font-display);color:var(--text-primary);background:#12192e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;box-shadow:0 0 8px #e5091433}.avatar-lg{width:56px;height:56px;font-size:20px}.page{min-height:100vh;padding-bottom:80px}.page-header{justify-content:space-between;align-items:flex-start;padding:20px 20px 10px;display:flex}.page-title{font-family:var(--font-display);color:var(--text-primary);font-size:24px}.page-title em{color:var(--red);text-shadow:0 0 12px var(--red-glow);font-style:italic}.page-sub{color:var(--text-muted);letter-spacing:.04em;margin-top:3px;font-size:12px}.section-feed{padding:8px 16px}.film-divider{text-align:center;color:var(--border);letter-spacing:.14em;text-transform:uppercase;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:4px 0 12px;padding:10px 0;font-size:10px}.notif-dot{background:var(--red);border-radius:50%;width:7px;height:7px;position:absolute;top:-1px;right:-1px;box-shadow:0 0 6px #e50914cc}::-webkit-scrollbar{display:none}*{scrollbar-width:none}