@font-face{font-family:Open Sauce Sans;src:url(/fonts/OpenSauce/OpenSauceSans-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Open Sauce Sans;src:url(/fonts/OpenSauce/OpenSauceSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Open Sauce Sans;src:url(/fonts/OpenSauce/OpenSauceSans-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Open Sauce One;src:url(/fonts/OpenSauce/OpenSauceOne-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #ffffff;--panel: #ffffff;--muted: #6b7280;--text: #0f172a;--accent: #3751ff;--accent-soft: #e9edff;--yes: #3b82f6;--no: #ef4444;--danger: #f85149;--border: #e5e7eb;--shadow: 0 10px 30px rgba(15, 23, 42, .08);font-family:Open Sauce Sans,Open Sauce One,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.app-shell{max-width:1280px;margin:0 auto;padding:24px 20px 80px}.header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.logo{font-size:20px;font-weight:800;letter-spacing:.3px;color:var(--text)}.nav-links{display:flex;gap:14px;align-items:center;font-weight:600}.link-btn{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--muted);transition:color .12s ease,transform 80ms ease}.link-btn:hover{color:var(--text)}.link-btn:active{transform:translateY(1px)}.link-btn.active{color:var(--text);text-decoration:none}.tabs{display:flex;gap:10px}.tab{padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel);cursor:pointer;font-weight:600;color:var(--muted)}.tab.active{border-color:var(--accent);color:var(--text);box-shadow:var(--shadow)}.connect-btn{padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--panel);cursor:pointer;font-weight:600;transition:all .14s ease}.connect-btn.connected{border-color:var(--accent);color:var(--accent)}.connect-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.connect-btn:active{transform:translateY(0);filter:brightness(.96)}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.pill-filter{padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer}.pill-filter.active{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.search{min-width:220px;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--panel)}.search input{border:none;outline:none;background:transparent;width:100%;color:var(--text)}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));justify-items:start}.card{padding:16px;border-radius:6px;border:1px solid var(--border);background:var(--panel);box-shadow:none;transition:transform .1s ease,background .12s ease;width:100%;display:flex;flex-direction:column;overflow:hidden;gap:10px;animation:fadeInUp .16s ease}.market-card{max-width:320px;height:auto}.card:hover{transform:translateY(-2px);box-shadow:none;background:#00000005}.modal.card,.dropdown.card{background:#fff!important}.modal.card:hover,.dropdown.card:hover{background:#fff!important;transform:none}.featured-card{border:1px solid var(--border);border-radius:6px;padding:16px;background:#fff;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,.6fr);gap:16px;align-items:start;animation:fadeInUp .16s ease;box-shadow:0 10px 30px #3b82f614,0 6px 18px #ec48990f,0 -4px 12px #10b9810d}.featured-card.slide-flip{animation:swipeIn .18s ease}.featured-next{color:#6b7280;cursor:pointer;padding:0}.featured-next:hover{color:#0f172a}@keyframes swipeIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.mini-comment{animation:fadeInUp .16s ease}.skeleton-card{padding:6px 0;display:grid;gap:8px;background:transparent}.skeleton-line{height:12px;border-radius:999px;background:linear-gradient(90deg,#f5f5f6,#e5e7eb,#f5f5f6);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.feed-item{animation:fadeInUp .16s ease}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;color:var(--muted);font-size:13px}.badge{padding:6px 10px;border-radius:6px;background:#f3f4f6;border:1px solid var(--border);color:var(--muted)}.row{display:flex;justify-content:space-between;align-items:center}.prices{display:flex;gap:12px}.pill{padding:10px 14px;border-radius:4px;border:1px solid var(--border);background:#f3f4f6;cursor:pointer;transition:all .14s ease;font-weight:500}.pill.trade{border-radius:4px}.pill.yes{background:#3b82f6;color:#fff}.pill.question-yes{background:#00c853;color:#fff}.pill.no{background:#ef4444;color:#fff}.resolved-win{box-shadow:none;transform:none}.pill.question-no{background:#ef4444;color:#fff}.pill:hover{filter:brightness(1.05)}.pill:active{transform:translateY(0);filter:brightness(.97)}.pulse-dot{animation:pulseDot 1.4s ease-in-out infinite;transform-origin:center}@keyframes pulseDot{0%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.stake-chip{padding:4px 8px;border-radius:8px;font-size:12px;font-weight:400;color:#fff}.stake-chip.chip-yes{background:#2563eb}.stake-chip.chip-no{background:#ef4444}.stake-chip.chip-green{background:#00c853}.stake-chip.chip-red{background:#ef4444}.like-btn{transition:transform .12s ease,color .14s ease}.like-btn.liked{color:#e53935!important;animation:pop-like .16s ease}.like-btn:active{transform:scale(.92)}@keyframes fadeInComment{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.comment-row{animation:fadeInComment .16s ease}.comment-input{line-height:1.25;padding:0}@keyframes pop-like{0%{transform:scale(.9)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pill.selected{outline:2px solid var(--accent)}.pill:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.muted{color:var(--muted);font-size:13px}.section{margin:24px 0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field input,.field textarea{background:#fff;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-family:inherit;box-shadow:inset 0 1px 2px #0f172a0f}.field input:focus,.field textarea:focus{outline:2px solid var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px #3751ff26}.button-row{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:#eef2ff;color:var(--text);cursor:pointer;transition:all .14s ease}.btn.primary{border-color:var(--accent);background:var(--accent);color:#fff}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn:active{transform:translateY(0);filter:brightness(.96)}.card-title{font-weight:700;margin:0}.mono{font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px}.status{padding:8px 12px;border-radius:999px;background:#f3f4f6;border:1px solid var(--border);display:inline-block;color:var(--muted)}.stack{display:flex;flex-direction:column;gap:8px}.status-pill{padding:6px 10px;border-radius:999px;background:#f3f4f6;border:1px solid var(--border);font-size:12px}.status-pill.open{border-color:#3fb950;color:#166534}.status-pill.settling{border-color:#f2cc60;color:#92400e}.status-pill.resolved{border-color:#6ca6ff;color:#1d4ed8}.status-pill.void{border-color:#f85149;color:#b91c1c}.status-pill.outcome{border-color:#7b8ba5;color:#475569}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px;animation:fadeInBackdrop .14s ease}.modal-card{background:#fff;color:#0f172a;border-radius:8px;padding:20px;width:100%;max-width:480px;box-shadow:0 20px 40px #0f172a29;animation:popInModal .16s ease}@keyframes confettiFloat{0%{transform:translateY(0)}to{transform:translateY(-30px)}}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes popInModal{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
