:root{--apple-blue: #007AFF;--apple-green: #34C759;--light-gray: #F2F2F7;--medium-gray: #E5E5EA;--pure-black: #000000;--pure-white: #FFFFFF;--text-main: #111827;--text-sub: #6B7280}html,body{height:100%;width:100%;margin:0;padding:0;background-color:var(--light-gray);color:var(--pure-black);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.custom-scroll::-webkit-scrollbar{width:5px}.custom-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sidebar{background-color:var(--pure-white);border-right:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;height:100%;z-index:20}.mode-control{display:flex;background:#f3f4f6;padding:3px;border-radius:10px}.mode-btn{flex:1;padding:6px;font-size:11px;font-weight:700;text-align:center;border-radius:8px;color:#9ca3af;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.mode-btn:hover{color:#4b5563}.mode-btn.active{background:#fff;color:#111827;box-shadow:0 2px 4px #0000000a,0 1px 2px #00000005}#theme-dropdown-btn{background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1);color:#374151;font-weight:600}#theme-dropdown-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transform:translateY(-1px)}#theme-dropdown-btn:active{transform:translateY(0);background:#f3f4f6;box-shadow:inset 0 2px 4px #0000000d}#theme-dropdown-menu{background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 20px 25px -5px #0000001a;border-radius:12px}.theme-option{transition:all .2s cubic-bezier(.4,0,.2,1)!important;border-radius:10px!important;margin:4px!important;width:calc(100% - 8px)!important;color:#4b5563!important;background:transparent!important;border:1px solid transparent!important;display:flex!important;align-items:center!important;justify-content:space-between!important;cursor:pointer!important}.theme-option:hover{background:#f3f4f6!important;color:#111827!important}.theme-option span:first-child{font-weight:600;letter-spacing:-.01em}.theme-option.selected{background:#fff!important;color:#111827!important;border-color:#e5e7eb!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important}.theme-option[data-value=theme-compact-dark].selected{background:#000!important;color:#fff!important;border-color:#000!important}.theme-option.selected .material-symbols-rounded{opacity:1!important;transform:scale(1.1)}.feed-item{padding:12px 14px;margin-bottom:2px;border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.feed-item:hover{background-color:#f9fafb}.feed-item.active{background-color:#f3f4f6;border-color:#e5e7eb;box-shadow:0 1px 2px #00000008}.feed-item.active .text-gray-900{color:#000}.badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:6px;display:inline-block;margin-bottom:6px}.badge-capper{background:#ecfdf5;color:#059669;border:1px solid rgba(5,150,105,.1)}.badge-market{background:#eff6ff;color:#2563eb;border:1px solid rgba(37,99,235,.1)}.badge-matchup{background:#f5f3ff;color:#7c3aed;border:1px solid rgba(124,58,237,.1)}.stage{background-color:#f5f5f7;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.graphic-wrapper{transform-origin:center center;transition:transform .2s ease;margin:0;min-width:unset;min-height:unset;display:flex;align-items:flex-start;justify-content:flex-start;padding:60px}.controls-bar{position:absolute;bottom:24px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);padding:6px;border-radius:14px;display:flex;gap:6px;box-shadow:0 10px 30px -5px #0000001a;z-index:100}.control-btn{background:transparent;color:#555;border:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s}.control-btn:hover{background:#0000000d;color:#000}dialog.import-modal{border:none;border-radius:16px;padding:0;box-shadow:0 25px 50px -12px #00000040;background:transparent}dialog.import-modal::backdrop{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.graphic-card{width:800px;background-color:#fff;color:#111;font-family:Inter,system-ui,-apple-system,sans-serif;border-radius:24px;padding:clamp(20px,5vw,48px);box-shadow:0 30px 60px #0000001f,0 10px 20px #00000014;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;border:1px solid #000000}.sla-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:clamp(16px,4vw,32px);padding-bottom:clamp(8px,2vw,20px);border-bottom:3px solid #F3F4F6;gap:clamp(12px,2.5vw,20px);flex-wrap:wrap;min-width:100%}.sla-title{font-size:clamp(1.25rem,5vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;text-transform:uppercase;color:#111;white-space:normal;flex:1;min-width:0}.sla-date{font-size:clamp(.7rem,1.8vw,1.2rem);font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;text-align:right;white-space:nowrap;margin-bottom:clamp(2px,1vw,6px);flex-shrink:0;min-width:-moz-max-content;min-width:max-content}.sla-section{margin-bottom:clamp(16px,4vw,32px)}.perf-header{margin-bottom:clamp(16px,4vw,24px);display:flex;justify-content:space-between;align-items:center}.perf-title-group{display:flex;flex-direction:column}.capper-name{font-size:1.5rem;font-weight:800;color:#111;line-height:1.1;letter-spacing:-.02em}.perf-title{font-size:.8rem;font-weight:600;text-transform:uppercase;color:#9ca3af;letter-spacing:.05em;margin-top:4px}.perf-stat{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.picks-list{display:flex;flex-direction:column;gap:10px}.bet-card{display:flex;justify-content:space-between;align-items:center;background:#f9fafb;border:1px solid #F3F4F6;border-radius:12px;padding:12px 16px;transition:all .2s ease}.bet-info{flex:1;min-width:0;margin-right:12px}.team-name{font-size:1rem;font-weight:700;color:#111;line-height:1.3;display:block}.unit-badge{font-size:.75rem;font-weight:800;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.unit-badge.low{background:#eff6ff;color:#2563eb}.unit-badge.mid{background:#fff7ed;color:#ea580c}.unit-badge.high{background:#fef2f2;color:#dc2626}.graphic-card.dark-mode{background-color:#000;color:#fff;border-color:#1f1f23}.graphic-card.dark-mode .capper-name{color:#fff}.graphic-card.dark-mode .perf-title{color:#a1a1aa}.graphic-card.dark-mode .team-name{color:#fff}.graphic-card.dark-mode .bet-card{background:#18181b;border-color:#27272a}.graphic-card.dark-mode .unit-badge.low{background:#2563eb26;color:#60a5fa}.graphic-card.dark-mode .unit-badge.mid{background:#ea580c26;color:#fdba74}.graphic-card.dark-mode .unit-badge.high{background:#dc262626;color:#fca5a5}.rec-picks{display:flex;flex-direction:column;gap:clamp(8px,2vw,16px)}.rec-pick-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(8px,1.5vw,12px);padding:clamp(12px,3vw,16px) clamp(16px,4vw,24px);background:#f9fafb;border:1px solid #F3F4F6;border-radius:14px;transition:all .2s ease;min-height:clamp(48px,8vw,64px)}.rec-pick-row:hover{border-color:#cbd5e1;background:#fff;box-shadow:0 4px 12px #0000000d}.rec-pick-unit{color:var(--apple-blue);font-weight:700;font-size:clamp(1rem,2.5vw,1.4rem);letter-spacing:-.03em;line-height:1.5;white-space:nowrap;padding-right:clamp(6px,1.5vw,10px);border-right:2px solid #E5E5EA;min-width:clamp(32px,6vw,40px);text-align:center}.rec-pick-val{font-size:clamp(.9rem,2.2vw,1.25rem);font-weight:700;color:#111;line-height:1.5;letter-spacing:-.02em;padding:clamp(2px,.8vw,4px) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.graphic-card.wide{width:1200px}.graphic-card.wide .rec-picks{display:grid;grid-template-columns:1fr 1fr;gap:24px}.rec-stats{display:grid;grid-template-columns:1fr;gap:12px}.rec-stat-box{background:#f9fafb;padding:14px 20px;border-radius:12px;font-weight:700;font-size:1.1rem;color:#111;display:flex;align-items:center;gap:12px;line-height:1.5;letter-spacing:-.01em}.footer-brand{margin-top:clamp(16px,4vw,40px);text-align:center;font-size:clamp(.6rem,1.5vw,.75rem);font-weight:800;letter-spacing:.15em;color:#d1d5db;text-transform:uppercase}.rec-chart-container{background-color:#f9fafb;border:1px solid #E5E7EB;transition:all .3s ease}.graphic-card.dark-mode .rec-chart-container{background-color:#18181b;border-color:#27272a}.graphic-card.dark-mode .rec-chart-container canvas{background-color:transparent}.rec-chart-container canvas{background-color:transparent!important}.slate-chart-container{background-color:#f9fafb;border:1px solid #E5E7EB;border-radius:16px;padding:clamp(16px,4vw,24px);position:relative;min-height:clamp(280px,40vw,400px);display:flex;flex-direction:column}.slate-bars-container{display:flex;flex-direction:column;gap:clamp(8px,2vw,16px);margin-bottom:clamp(16px,4vw,24px);flex-shrink:0}.slate-bar-item{display:flex;align-items:center;gap:clamp(8px,2vw,16px)}.slate-bar-label{font-size:clamp(.8rem,2vw,1rem);font-weight:700;color:#111827;min-width:clamp(60px,15vw,120px);text-align:right;flex-shrink:0}.slate-bar-track{flex:1;background-color:#e5e7eb;border-radius:8px;height:clamp(24px,4vw,32px);position:relative;overflow:hidden}.slate-bar-fill{background:linear-gradient(90deg,var(--bar-color, #007AFF) 0%,var(--bar-color, #007AFF) 80%,var(--bar-color, #007AFF)CC 100%);height:100%;border-radius:8px;transition:width .8s ease-out}.slate-bar-value{position:absolute;right:clamp(8px,2vw,12px);top:50%;transform:translateY(-50%);font-size:clamp(.7rem,1.8vw,.9rem);font-weight:700;color:#374151;text-shadow:0 1px 2px rgba(255,255,255,.8)}.slate-chart-container canvas{flex:1;max-height:clamp(200px,30vw,300px);align-self:center}.slate-cappers-grid{display:grid;gap:clamp(12px,3vw,20px);margin-top:clamp(8px,2vw,16px)}.slate-cappers-grid.even-count{grid-template-columns:1fr 1fr}.slate-cappers-grid.odd-count{grid-template-columns:1fr;max-width:50%;margin-left:auto;margin-right:auto}.slate-capper-card{background:#f9fafb;border:1px solid #E5E7EB;border-radius:16px;padding:clamp(16px,4vw,24px);transition:all .2s ease;position:relative;overflow:hidden}.slate-capper-card:hover{border-color:#d1d5db;background:#fff;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.slate-capper-card.one-row{max-width:100%}.slate-capper-card.two-row{aspect-ratio:1}.slate-capper-header{margin-bottom:clamp(8px,2vw,16px)}.slate-capper-name{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:800;color:#111827;margin-bottom:clamp(2px,.5vw,4px);line-height:1.2}.slate-capper-stat{font-size:clamp(.7rem,1.8vw,.85rem);font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.slate-capper-picks{margin-bottom:clamp(8px,2vw,16px)}.slate-pick-item{font-size:clamp(.8rem,2vw,.95rem);font-weight:600;color:#374151;padding:clamp(4px,1vw,8px) 0;border-bottom:1px solid #E5E7EB}.slate-pick-item:last-child{border-bottom:none}.slate-capper-score{position:absolute;top:clamp(8px,2vw,12px);right:clamp(8px,2vw,12px);background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:clamp(.7rem,1.8vw,.8rem);font-weight:700;padding:clamp(4px,1vw,6px) clamp(8px,2vw,10px);border-radius:20px;min-width:clamp(40px,10vw,60px);text-align:center}.graphic-card.dark-mode .slate-chart-container{background-color:#18181b;border-color:#27272a}.graphic-card.dark-mode .slate-bar-label{color:#f9fafb}.graphic-card.dark-mode .slate-bar-track{background-color:#27272a}.graphic-card.dark-mode .slate-bar-value{color:#d1d5db;text-shadow:0 1px 2px rgba(0,0,0,.8)}.graphic-card.dark-mode .slate-capper-card{background-color:#18181b;border-color:#27272a}.graphic-card.dark-mode .slate-capper-card:hover{background-color:#1f1f23;border-color:#404040}.graphic-card.dark-mode .slate-capper-name{color:#f9fafb}.graphic-card.dark-mode .slate-capper-stat{color:#9ca3af}.graphic-card.dark-mode .slate-pick-item{color:#d1d5db;border-bottom-color:#27272a}.chart-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:inherit;border-radius:inherit}@media(max-width:768px){.slate-bars-container{gap:clamp(6px,1.5vw,12px)}.slate-bar-label{font-size:clamp(.7rem,1.8vw,.9rem);min-width:clamp(50px,12vw,80px)}.slate-cappers-grid.even-count{grid-template-columns:1fr;gap:clamp(10px,2.5vw,16px)}.slate-cappers-grid.odd-count{max-width:100%}}@keyframes barGrow{0%{width:0%}to{width:var(--bar-width, 0%)}}.slate-bar-fill{animation:barGrow 1s ease-out}.slate-card{background:#fff;border-radius:20px;box-shadow:0 4px 24px #00000014;padding:24px;width:100%;aspect-ratio:1/1;min-height:600px}.dark-mode .slate-card{background:#1a1a1a}.cappers-grid{display:grid;gap:16px}.grid-even{grid-template-columns:repeat(2,1fr)}.grid-odd{grid-template-columns:1fr}.capper-card{background:#f8fafc;border-radius:12px;padding:16px}.dark-mode .capper-card{background:#2d2d2d}.controls-bar{z-index:1000!important;pointer-events:auto!important}.slate-angle-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#fff;border:1px solid #E5E7EB;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:all .2s ease;margin-bottom:12px;position:relative;overflow:hidden;width:380px}.slate-angle-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;border-color:#d1d5db}.slate-angle-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#e5e7eb}.slate-angle-card.rank-1:before{background:#e31837}.slate-angle-card.rank-2:before{background:#f59e0b}.slate-angle-card.rank-3:before{background:#10b981}.matchup-card{width:700px;min-height:800px;display:flex;flex-direction:column}.dark-mode.matchup-card{background-color:#09090b;color:#fff}.matchup-donut{position:relative;box-shadow:0 4px 12px #0000001a}.matchup-capper-row{display:flex;gap:8px;align-items:center;padding:8px;border-radius:8px;background:#f9fafb;border:1px solid #f3f4f6}.dark-mode .matchup-capper-row{background:#18181b;border-color:#27272a}.mc-flame{font-size:1.2rem;line-height:1}.mc-name{font-weight:700;font-size:.95rem;line-height:1.2;margin-bottom:2px}.mc-stats{font-size:.7rem;color:#6b7280;font-weight:500;text-transform:uppercase}.dark-mode .mc-stats{color:#9ca3af}.dark-mode .matchup-side-col h3{border-color:#27272a;color:#a1a1aa}.matchup-donut-center{background-color:#fff}.dark-mode .matchup-donut-center{background-color:#09090b}.matchup-pick-count{color:#111}.dark-mode .matchup-pick-count{color:#fff}.slate-angle-card.rank-4:before{background:#3b82f6}.slate-angle-rank{font-size:.9rem;font-weight:800;color:#9ca3af;min-width:24px;text-align:center}.slate-angle-main{flex:1;display:flex;flex-direction:column}.slate-angle-term{font-size:1.1rem;font-weight:800;color:#111827;letter-spacing:-.01em}.slate-angle-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f3f4f6;border-radius:10px;padding:6px 12px;min-width:60px}.slate-angle-metric .count{font-size:1.25rem;font-weight:900;color:#111827;line-height:1}.slate-angle-metric .label{font-size:.6rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.graphic-card.dark-mode .slate-angle-card{background-color:#18181b;border-color:#27272a;box-shadow:0 4px 6px -1px #0000004d}.graphic-card.dark-mode .slate-angle-card:hover{background-color:#1f1f23;border-color:#404040}.graphic-card.dark-mode .slate-angle-term{color:#fff}.graphic-card.dark-mode .slate-angle-metric{background:#27272a}.graphic-card.dark-mode .slate-angle-metric .count{color:#fff}.graphic-card.dark-mode .slate-angle-metric .label{color:#9ca3af}.slate-capper-row{display:flex;flex-direction:column;padding:14px 16px;background:#f9fafb;border:1px solid #F3F4F6;border-radius:14px;margin-bottom:10px;transition:all .2s ease}.slate-capper-row:hover{border-color:#cbd5e1;background:#fff;box-shadow:0 4px 12px #0000000d}.slate-capper-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.slate-capper-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.slate-capper-name{font-size:1rem;font-weight:700;color:#111;white-space:nowrap}.slate-capper-roi{font-size:.9rem;font-weight:700}.slate-capper-roi.positive{color:#34c759}.slate-capper-roi.negative{color:#ff3b30}.slate-capper-tags{display:flex;flex-wrap:wrap;gap:6px}.slate-pick-tag{font-size:.75rem;font-weight:600;padding:4px 8px;background:#e5e7eb;color:#374151;border-radius:6px}.graphic-card.dark-mode .slate-angle-row,.graphic-card.dark-mode .slate-capper-row{background-color:#18181b;border-color:#27272a}.graphic-card.dark-mode .slate-angle-row:hover,.graphic-card.dark-mode .slate-capper-row:hover{background-color:#27272a;border-color:#404040}.graphic-card.dark-mode .slate-angle-name,.graphic-card.dark-mode .slate-capper-name{color:#fff}.graphic-card.dark-mode .slate-pick-tag{background:#27272a;color:#d1d5db;border:1px solid #404040}:root{--bg-body: #000000;--bg-card: #000000;--bg-highlight: #111111;--accent-green: #22c55e;--accent-green-dim: rgba(34, 197, 94, .1);--accent-gold: #fbbf24;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #52525b;--border: #27272a;--font-main: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}.card-container{width:480px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:0;box-shadow:0 25px 50px -12px #000000b3;overflow:hidden;position:relative;padding:0;margin:0}.header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.brand-group{display:flex;align-items:center;gap:12px}.logo-placeholder{width:42px;height:42px;background:linear-gradient(135deg,gold,#b8860b);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#000;font-size:14px}.brand-info h1{font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0}.brand-info span{font-size:13px;color:var(--text-secondary);font-weight:500}.sport-badge{background-color:var(--bg-highlight);padding:6px 12px;border-radius:100px;font-size:12px;font-weight:600;color:var(--text-secondary);border:1px solid var(--border);display:flex;align-items:center;gap:6px}.performance-section{padding:24px 24px 0;background:transparent!important;border-bottom:none}.perf-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.capper-name{font-size:36px;font-weight:800;letter-spacing:-1.5px;color:var(--text-primary);margin-bottom:4px;display:block;line-height:1}.perf-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-weight:600}.perf-stat{font-size:28px;font-weight:800;color:var(--accent-green);font-family:var(--font-mono);letter-spacing:-1px}.chart-container{position:relative;height:120px;width:100%;background:transparent!important}.chart-container canvas{background:transparent!important}.picks-container{padding:20px 24px}.section-label{font-size:13px;font-weight:600;color:var(--text-tertiary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.bet-card{background-color:var(--bg-highlight);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;transition:transform .2s ease}.bet-info{display:flex;flex-direction:column;gap:4px}.team-name{font-size:18px;font-weight:700;color:var(--text-primary)}.unit-badge{background-color:var(--accent-green-dim);color:var(--accent-green);border:1px solid rgba(34,197,94,.2);padding:6px 10px;border-radius:8px;font-size:13px;font-weight:700;min-width:45px;text-align:center}.unit-badge.high{background-color:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.unit-badge.mid{background-color:#84cc1626;color:#84cc16;border:1px solid rgba(132,204,22,.3)}.unit-badge.low{background-color:#eab30826;color:#eab308;border:1px solid rgba(234,179,8,.3)}.parlay-indicator{font-size:10px;color:var(--accent-gold);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.analyst-note{padding:16px 24px 24px;border-top:1px solid var(--border);background-color:#ffffff05}.note-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;color:var(--text-tertiary)}.note-content{font-size:13px;line-height:1.5;color:var(--text-secondary)}.fire-icon{display:inline-block;margin-left:4px}.controls-container{width:100%;max-width:480px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:16px;margin-top:24px;margin-left:auto;margin-right:auto}#import-cards-container{padding:16px;overflow-y:auto}.import-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:16px 20px;margin-bottom:12px;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.import-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.capper-search-input{width:100%;padding:8px 12px;font-size:14px;border:1px solid #E5E7EB;border-radius:10px;background:#f9fafb;transition:all .2s ease;outline:none}.capper-search-input:focus{border-color:var(--apple-blue);box-shadow:0 0 0 3px #007aff1a;background:#fff}.capper-dropdown{position:absolute;z-index:100;width:100%;margin-top:4px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 10px 25px #0000001f;max-height:200px;overflow-y:auto}.capper-dropdown-item{padding:10px 12px;font-size:14px;cursor:pointer;transition:background .15s ease;display:flex;align-items:center;justify-content:space-between}.capper-dropdown-item:first-child{border-radius:12px 12px 0 0}.capper-dropdown-item:last-child{border-radius:0 0 12px 12px}.capper-dropdown-item:hover{background:#f3f4f6}.capper-dropdown-item:active{background:#e5e7eb}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.import-card [class*=rounded-full] .w-1\.5{animation:pulse-dot 2s ease-in-out infinite}#import-cards-container::-webkit-scrollbar{width:6px}#import-cards-container::-webkit-scrollbar-track{background:transparent}#import-cards-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}#import-cards-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}#tweet-input-wrapper{position:relative;border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;overflow:hidden}#tweet-input-wrapper.ai-generating{border-color:#a855f780;box-shadow:0 0 0 4px #a855f71a;background-color:#fafafa80}#tweet-input-wrapper.ai-generating:after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(105deg,transparent 20%,rgba(168,85,247,.03) 40%,rgba(236,72,153,.05) 50%,rgba(168,85,247,.03) 60%,transparent 80%);z-index:10;pointer-events:none;animation:shimmerSlide 2s infinite linear;mix-blend-mode:multiply}@keyframes shimmerSlide{0%{transform:translate(-100%)}to{transform:translate(50%)}}#tweet-input-wrapper textarea{position:relative;z-index:5;background:transparent!important}#tweet-input-wrapper button{z-index:20}.parity-badge{position:absolute;bottom:30px;right:30px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:99px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;pointer-events:none}.theme-dark .parity-badge,.theme-editorial-dark .parity-badge,.card-container.dark-mode .parity-badge{background:#ffffff0d;border-color:#ffffff1a}.parity-badge-text{font-size:10px;font-weight:800;color:inherit;opacity:.4;letter-spacing:.1em;text-transform:uppercase}.parity-badge .material-symbols-rounded{font-size:16px;opacity:.6}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-in{animation:slide-in .4s cubic-bezier(.16,1,.3,1)}.custom-scroll::-webkit-scrollbar{width:6px;height:6px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:#0000000d;border-radius:10px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#0000001a}