:root{--paper:#f6f5f1;--ink:#141310;--muted:#6f6b61;--faint:#9b968a;--card:#fff;--border:#e6e3da;--border-strong:#d8d4c8;--badge-bg:#f7ecc8;--badge-text:#7d651c;--green:#1a7f4b;--green-bg:#e3f2e9;--mono:var(--font-geist-mono), ui-monospace, "SF Mono", Menlo, monospace;--sans:var(--font-geist-sans), -apple-system, sans-serif}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;padding:0}a{color:inherit}.container{max-width:1060px;margin:0 auto;padding:0 20px}.site-header{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.site-logo{font-family:var(--mono);letter-spacing:-.02em;color:var(--muted);font-size:15px;font-weight:700;text-decoration:none}.site-logo:hover{color:var(--ink)}.header-links{font-family:var(--mono);align-items:center;gap:18px;font-size:13px;display:flex}.header-links a{color:var(--muted);text-decoration:none}.header-links a:hover{color:var(--ink)}.hero{text-align:center;padding:48px 0 28px}.hero h1{font-family:var(--mono);letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(30px,5.5vw,52px);font-weight:700;line-height:1.1}.hero .sub{color:var(--muted);font-family:var(--mono);max-width:640px;margin:0 auto 10px;font-size:15px;line-height:1.65}.hero .sub a{color:var(--ink)}.hero-stats{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:28px;margin:22px 0 30px;font-size:13px;display:flex}.hero-stats b{color:var(--ink);font-weight:700}.search-row{justify-content:center;gap:12px;max-width:640px;margin:0 auto;display:flex}.search-input{background:var(--card);border:1px solid var(--border-strong);border-radius:10px;flex:1;align-items:center;gap:10px;height:50px;padding:0 16px;display:flex}.search-input input{font-family:var(--mono);color:var(--ink);background:0 0;border:none;outline:none;flex:1;height:100%;font-size:15px}.search-input input::placeholder{color:var(--faint)}.btn-primary{background:var(--ink);color:#fff;height:50px;font-family:var(--mono);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary:hover{background:#2c2a25}.btn-secondary{background:var(--card);color:var(--ink);border:1px solid var(--border-strong);height:42px;font-family:var(--mono);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--ink)}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:34px 0 18px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--mono);border:1px solid var(--border-strong);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:12px}.chip:hover{color:var(--ink);border-color:var(--ink)}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.sort-select{font-family:var(--mono);color:var(--muted);border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:8px;padding:7px 10px;font-size:12px}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px;padding-bottom:60px;display:grid}.tool-card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:18px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;position:relative}.tool-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.tool-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.tool-name{font-family:var(--mono);margin:0;font-size:16px;font-weight:700}.tool-replaces-line{font-family:var(--mono);color:var(--muted);margin-top:4px;font-size:12px}.tool-replaces-line b{color:var(--ink)}.tool-tagline{color:var(--muted);flex:1;margin:0;font-size:13.5px;line-height:1.5}.badge{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--badge-bg);color:var(--badge-text);white-space:nowrap;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:700}.badge.green{background:var(--green-bg);color:var(--green)}.stat-row{border-top:1px solid var(--border);gap:0;padding-top:12px;display:flex}.stat{flex:1}.stat-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:3px;font-size:10px}.stat-value{font-family:var(--mono);font-size:15px;font-weight:700}.stat-value.green{color:var(--green)}.vote-btn{background:var(--card);border:1px solid var(--border-strong);cursor:pointer;font-family:var(--mono);color:var(--ink);border-radius:8px;flex-direction:column;align-items:center;gap:1px;min-width:44px;padding:5px 10px;font-size:13px;font-weight:700;line-height:1.2;display:flex}.vote-btn:hover{border-color:var(--ink)}.vote-btn.voted{background:var(--ink);color:#fff;border-color:var(--ink)}.vote-btn .arrow{font-size:10px}.section-title{font-family:var(--mono);margin:0 0 12px;font-size:14px;font-weight:700}.detail-wrap{max-width:760px;margin:0 auto;padding:30px 20px 80px}.detail-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:30px}.detail-title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.detail-title-row h1{font-family:var(--mono);letter-spacing:-.02em;margin:0;font-size:30px;font-weight:700}.badges-row{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.detail-desc{color:#3c3a34;font-size:15px;line-height:1.7}.savings-box{background:var(--green-bg);font-family:var(--mono);border:1px solid #c4e2d0;border-radius:10px;margin:18px 0;padding:16px 18px;font-size:14px}.savings-box b{color:var(--green)}.hosting-box{background:var(--paper);border:1px solid var(--border);color:var(--muted);border-radius:10px;margin:18px 0;padding:14px 18px;font-size:13.5px;line-height:1.6}.links-row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.back-link{font-family:var(--mono);color:var(--muted);margin-bottom:18px;font-size:13px;text-decoration:none;display:inline-block}.back-link:hover{color:var(--ink)}.form-wrap{max-width:620px;margin:0 auto;padding:30px 20px 80px}.form-card{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:18px;padding:30px;display:flex}.form-card h1{font-family:var(--mono);margin:0;font-size:24px}.field label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.field input,.field textarea,.field select{border:1px solid var(--border-strong);width:100%;font-family:var(--sans);color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ink)}.field .hint{color:var(--faint);margin-top:5px;font-size:12px}.fetch-row{gap:8px;display:flex}.fetch-row input{flex:1}.error-text{color:#b3261e;font-size:13px;font-family:var(--mono)}.success-text{color:var(--green);font-size:13px;font-family:var(--mono)}.admin-row{background:var(--card);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;display:flex}.admin-row .meta{font-family:var(--mono);color:var(--muted);font-size:12px}.btn-danger{color:#b3261e;font-family:var(--mono);cursor:pointer;background:#fbe9e7;border:1px solid #f0c6c0;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:700}.btn-danger:hover{background:#f6d7d2}.site-footer{border-top:1px solid var(--border);text-align:center;font-family:var(--mono);color:var(--faint);padding:26px 0 40px;font-size:12px;line-height:1.8}.site-footer a{color:var(--muted)}.empty-state{text-align:center;font-family:var(--mono);color:var(--muted);padding:60px 0}@media (max-width:560px){.search-row{flex-direction:column}.detail-card{padding:20px}}