*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#eee}button{padding:.35rem .75rem;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .2s}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=number]{padding:.35rem .5rem;border:1px solid #444;border-radius:4px;background:#2a2a4a;color:#fff;font-size:.85rem}input[type=checkbox]{width:16px;height:16px;accent-color:#00d4ff}.btn-primary{background:#00d4ff;color:#000;border:none;border-radius:6px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer}.btn-primary:hover{background:#00b8e6}.btn-secondary{background:#2a2a4a;color:#aaa;border:1px solid #444;border-radius:6px;padding:.5rem 1rem;font-size:.8rem;cursor:pointer}.btn-secondary:hover{background:#333;color:#fff}body.settings-page{min-height:100vh;padding:1rem}h1{color:#00d4ff;font-size:1.3rem;margin-bottom:1rem}h2{font-size:.9rem;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding-bottom:.3rem;border-bottom:1px solid #333}.container{max-width:720px;margin:0 auto}.section{background:#16162a;border:1px solid #2a2a4a;border-radius:8px;padding:1rem;margin-bottom:1rem}.field{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.field label{min-width:90px;font-size:.8rem;color:#aaa;text-align:right;flex-shrink:0}.field input[type=text],.field input[type=number]{flex:1}.field input[type=number]{max-width:80px}.field-group{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.field-group label{min-width:auto;font-size:.75rem}.field-group input[type=number]{width:64px;padding:.25rem .3rem;font-size:.8rem}.item-card{background:#1e1e3a;border:1px solid #333;border-radius:6px;padding:.75rem;margin-bottom:.5rem}.item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.item-header span{font-size:.85rem;font-weight:600;color:#00d4ff}.btn-remove{background:#ff4757;color:#fff;border:none;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;cursor:pointer}.btn-remove:hover{background:#f34}.btn-add{background:#2a2a4a;color:#00d4ff;border:1px dashed #00d4ff;border-radius:6px;padding:.5rem;width:100%;font-size:.8rem;cursor:pointer;margin-top:.25rem}.btn-add:hover{background:#333}.pair-row{display:grid;grid-template-columns:90px 1fr;gap:.5rem;align-items:center;margin-bottom:.4rem}.pair-row label{font-size:.8rem;color:#aaa;text-align:right}.pair-row input[type=text]{width:100%}.footer{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #333}.tags-field{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.tags-field>label{min-width:90px;font-size:.8rem;color:#aaa;text-align:right;flex-shrink:0}.tags-wrap{display:flex;flex-wrap:wrap;gap:4px;align-items:center;flex:1}.tag-pill{display:inline-flex;align-items:center;gap:2px;padding:1px 8px;border-radius:10px;font-size:.7rem;font-weight:500;color:#fff}.tag-pill .tag-x{cursor:pointer;opacity:.6;margin-left:2px}.tag-pill .tag-x:hover{opacity:1}.tag-preset{opacity:.35;border:1px dashed currentColor;background:transparent;cursor:pointer}.tag-preset:hover{opacity:.7}.tag-input{width:72px;padding:1px 6px;font-size:.7rem;border-radius:10px}.back-link{color:#888;text-decoration:none;font-size:.8rem}.back-link:hover{color:#00d4ff}.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}