@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Mono:wght@300;400&family=Cormorant+Garamond:ital,wght@0,300;0,600;1,300&display=swap");:root{--ink:#1a1208;--parchment:#f5efe2;--warm:#e8dcc8;--gold:#c8963a;--rust:#b04a2a;--slate:#3d4a5c;--muted:#8a7d6b;--card-bg:#faf6ee;--border:#d4c9b0}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--parchment);color:var(--ink);font-family:Cormorant Garamond,serif;font-weight:300;min-height:100vh;overflow-x:hidden}a{text-decoration:none}header{text-align:center;padding:5rem 2rem 3rem;position:relative;background:linear-gradient(180deg,#ede3d0 0,var(--parchment) 100%);border-bottom:1px solid var(--border)}header:before{content:"⚖";position:absolute;top:1.5rem;left:50%;transform:translateX(-50%);font-size:1.4rem;color:var(--gold);opacity:.7}h1{font-family:Playfair Display,serif;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--ink);margin-bottom:.6rem}h1 em{font-style:italic;color:var(--rust)}.subtitle{font-family:DM Mono,monospace;font-size:.75rem;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin-bottom:2.5rem}.intro-text{max-width:640px;margin:0 auto 2rem;font-size:1.15rem;line-height:1.8;color:var(--slate);font-style:italic}.admin-link{display:inline-block;font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;padding:.6rem 1.4rem;border:1px solid var(--gold);color:var(--gold);cursor:pointer;transition:all .2s;border-radius:2px;margin-top:.5rem}.admin-link:hover{background:var(--gold);color:var(--parchment)}.filter-bar{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap;padding:1.5rem 1rem;background:var(--parchment);position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border)}.filter-btn{font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding:.45rem 1.1rem;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:all .2s;border-radius:2px}.filter-btn.active,.filter-btn:hover{background:var(--ink);color:var(--parchment);border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));grid-gap:1.5rem;gap:1.5rem;max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:3px;overflow:hidden;transition:all .25s;position:relative;animation:fadeIn .4s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(26,18,8,.12);border-color:var(--gold)}.card-accent{height:4px;width:100%}.card-inner{padding:1.8rem 1.8rem 1.4rem}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tag{font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;padding:.25rem .6rem;border-radius:2px;background:var(--warm)}.tag,.thinker{font-family:DM Mono,monospace;color:var(--muted)}.thinker{font-size:.65rem;letter-spacing:.05em}.card-title{font-family:Playfair Display,serif;font-size:1.45rem;font-weight:700;margin-bottom:.6rem;line-height:1.25;color:var(--ink)}.card-hook{font-style:italic;color:var(--slate);font-size:1rem;line-height:1.6;margin-bottom:1.2rem}.expand-btn{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:none;border:none;cursor:pointer;padding:.5rem 0;transition:color .2s;-webkit-tap-highlight-color:transparent}.expand-btn:hover{color:var(--rust)}.card-detail{max-height:0;overflow:hidden;transition:max-height .4s ease;border-top:1px solid transparent}.card-detail.open{max-height:2000px;border-top-color:var(--border)}.card-detail-inner{padding:1.4rem 1.8rem 1.8rem}.section-label{font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;margin-top:1.2rem}.section-label:first-child{margin-top:0}.detail-text{font-size:.98rem;line-height:1.75;color:var(--slate)}.positions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.4rem}.position-pill{font-family:DM Mono,monospace;font-size:.65rem;padding:.3rem .7rem;border-radius:20px;border:1px solid}.position-pill.pro{border-color:#5a8a6a;color:#3a6a4a;background:#eef5f0}.position-pill.con{border-color:#8a5a5a;color:#6a3a3a;background:#f5eeee}.position-pill.neutral{border-color:var(--border);color:var(--muted);background:var(--warm)}.verdict{margin-top:1rem;padding:.8rem 1rem;background:var(--warm);border-left:3px solid var(--gold);font-style:italic;font-size:.95rem;line-height:1.6;color:var(--ink)}.legend{text-align:center;padding:1.5rem;font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.1em;color:var(--muted);border-top:1px solid var(--border)}.admin-page{max-width:700px;margin:0 auto;padding:3rem 1.5rem 5rem}.admin-page h2{font-family:Playfair Display,serif;font-size:2rem;margin-bottom:.5rem}.admin-page .back-link{font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;display:inline-block;margin-bottom:2rem}.admin-page .back-link:hover{color:var(--gold)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;font-family:Cormorant Garamond,serif;font-size:1rem;padding:.75rem 1rem;border:1px solid var(--border);background:var(--card-bg);color:var(--ink);border-radius:2px;outline:none;transition:border-color .2s;line-height:1.6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold)}.form-group textarea{resize:vertical;min-height:100px}.positions-builder{display:flex;flex-direction:column;gap:.75rem}.position-row{display:flex;gap:.5rem}.position-row input{flex:1 1}.position-row select{width:120px;flex-shrink:0}.btn-add-position{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;padding:.5rem 1rem;border:1px dashed var(--border);background:none;color:var(--muted);cursor:pointer;border-radius:2px;transition:all .2s;width:-moz-fit-content;width:fit-content}.btn-add-position:hover{border-color:var(--gold);color:var(--gold)}.btn-remove{font-family:DM Mono,monospace;font-size:.7rem;padding:.5rem .6rem;border:1px solid var(--border);background:none;color:var(--muted);cursor:pointer;border-radius:2px;transition:all .2s}.btn-remove:hover{border-color:var(--rust);color:var(--rust)}.submit-btn{font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;padding:.9rem 2.5rem;background:var(--ink);color:var(--parchment);border:none;cursor:pointer;border-radius:2px;transition:all .2s;margin-top:1rem}.submit-btn:hover{background:var(--rust)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.success-msg{background:#eef5f0;border:1px solid #5a8a6a;color:#3a6a4a;border-radius:2px}.error-msg,.success-msg{padding:1rem;font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.1em;margin-top:1rem}.error-msg{background:#f5eeee;border:1px solid #8a5a5a;color:#6a3a3a;border-radius:2px}.divider{border:none;border-top:1px solid var(--border);margin:2.5rem 0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--warm)}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:3px}.copyright-footer{text-align:center;padding:40px 20px;margin-top:80px;border-top:1px solid #e5e7eb;color:#9ca3af;font-size:14px;letter-spacing:.3px}.copyright-footer p{margin:0;font-weight:400}.search-input{font-family:Cormorant Garamond,serif;font-size:1rem;padding:.5rem 1rem;border:1px solid var(--border);background:var(--card-bg);color:var(--ink);border-radius:2px;outline:none;width:100%;max-width:320px;transition:border-color .2s}.search-input:focus{border-color:var(--gold)}.search-input::placeholder{color:var(--muted);font-style:italic}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.sort-select{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:.45rem .8rem;border:1px solid var(--border);background:var(--card-bg);color:var(--muted);border-radius:2px;cursor:pointer;outline:none}.sort-select:focus{border-color:var(--gold)}.theme-toggle{position:fixed;top:1rem;right:1rem;z-index:1000;background:var(--card-bg);border:1px solid var(--border);border-radius:50%;width:38px;height:38px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--ink)}.theme-toggle:hover{border-color:var(--gold)}.share-btn{font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:none;border:none;cursor:pointer;padding:.3rem 0;transition:color .2s;margin-left:.8rem}.share-btn:hover{color:var(--gold)}.share-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--parchment);font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.1em;padding:.6rem 1.4rem;border-radius:3px;z-index:2000;animation:toastIn .3s ease,toastOut .3s ease 1.5s forwards}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.bookmark-btn{font-size:1.1rem;background:none;border:none;cursor:pointer;padding:.2rem;transition:transform .2s;line-height:1}.bookmark-btn:hover{transform:scale(1.2)}.draft-badge{display:inline-block;font-family:DM Mono,monospace;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;padding:.15rem .5rem;background:#fef3cd;color:#856404;border:1px solid #ffc107;border-radius:2px;margin-left:.5rem}.admin-experiment-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.admin-experiment-row .exp-title{flex:1 1;font-family:Playfair Display,serif;font-size:1rem}.admin-actions{display:flex;gap:.4rem;align-items:center}.btn-small{font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .7rem;border:1px solid var(--border);background:none;color:var(--muted);cursor:pointer;border-radius:2px;transition:all .2s}.btn-small:hover{border-color:var(--gold);color:var(--gold)}.btn-small.danger:hover{border-color:var(--rust);color:var(--rust)}.bulk-bar{display:flex;gap:.75rem;align-items:center;padding:.75rem 0;margin-bottom:1rem;border-bottom:1px solid var(--border)}.dragging{opacity:.5}.drag-over{border-top:2px solid var(--gold)}.field-error{font-family:DM Mono,monospace;font-size:.6rem;color:#6a3a3a;margin-top:.25rem}[data-theme=dark]{--ink:#e8dcc8;--parchment:#1a1208;--warm:#2a2218;--gold:#d4a64a;--rust:#d06a4a;--slate:#a0b0c8;--muted:#8a8070;--card-bg:#241e14;--border:#3a3228}[data-theme=dark] header{background:linear-gradient(180deg,#241e14 0,var(--parchment) 100%)}[data-theme=dark] .success-msg{background:#1a2a1a;border-color:#3a6a4a;color:#8aba9a}[data-theme=dark] .error-msg{background:#2a1a1a;border-color:#6a3a3a;color:#ba8a8a}[data-theme=dark] .position-pill.pro{border-color:#3a6a4a;color:#8aba9a;background:#1a2a1a}[data-theme=dark] .position-pill.con{border-color:#6a3a3a;color:#ba8a8a;background:#2a1a1a}[data-theme=dark] .position-pill.neutral{border-color:var(--border);color:var(--muted);background:var(--warm)}[data-theme=dark] .draft-badge{background:#2a2510;color:#d4a64a;border-color:#5a4a20}.error-boundary{text-align:center;padding:4rem 2rem;max-width:500px;margin:0 auto}.error-boundary h2{font-family:Playfair Display,serif;margin-bottom:1rem}.error-boundary button{margin-top:1rem}.experiment-page{max-width:740px;margin:0 auto;padding:3rem 1.5rem 5rem}.experiment-page .back-link{font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;display:inline-block;margin-bottom:2rem}.experiment-page .back-link:hover{color:var(--gold)}.experiment-page h1{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:.5rem}.experiment-page .exp-meta{display:flex;gap:1rem;align-items:center;margin-bottom:2rem}.filter-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;width:100%}.hamburger-btn{display:none;font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:.5rem .9rem;border:1px solid var(--border);border-radius:2px;background:var(--card-bg);color:var(--ink);align-items:center;gap:.6rem;cursor:pointer}.hamburger-lines{display:flex;flex-direction:column;gap:3px}.hamburger-lines span{display:block;width:14px;height:1.5px;background:var(--ink)}@media (max-width:900px){header{padding:4rem 1.2rem 2.3rem}.intro-text{font-size:1.02rem;line-height:1.7}.filter-bar{justify-content:flex-start;gap:.9rem;padding:.85rem .8rem}.hamburger-btn{display:inline-flex}.filter-controls{display:none;width:100%;flex-direction:column;align-items:stretch;gap:.7rem;padding-top:.2rem}.filter-controls.open{display:flex}.search-input,.sort-select{max-width:100%;width:100%}.filter-buttons{justify-content:flex-start}.filter-btn{font-size:.62rem;padding:.4rem .75rem}.grid{gap:1rem;padding:1.6rem .9rem 3rem}.card-detail-inner,.card-inner{padding-left:1.1rem;padding-right:1.1rem}}