:root{--bg:#f4f2ee;--surface:#ffffff;--surface-2:#eceae4;--border:#e0dbd2;--text:#1a1816;--text-2:#68635c;--text-3:#a8a098;--accent:#b5691f;--accent-dim:#8f4f0e;--hot:#dc2626;--warm:#c47828;--cool:#2563eb;--cold:#71717a;--green:#16a34a;--font-display:"DM Serif Display",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif;--radius:6px;--radius-lg:12px;--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.08),0 2px 4px rgba(0,0,0,0.04)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:400;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font-body);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(181,105,31,.12)}select option{background:var(--surface)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.serif{font-family:var(--font-display)}.mono{font-family:SF Mono,Fira Code,monospace;font-size:.85em}.tier-hot{color:var(--hot)}.tier-warm{color:var(--warm)}.tier-cool{color:var(--cool)}.tier-cold{color:var(--cold)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge-hot{background:rgba(224,82,82,.15);color:var(--hot)}.badge-warm{background:rgba(212,168,83,.15);color:var(--warm)}.badge-cool{background:rgba(91,143,212,.15);color:var(--cool)}.badge-cold{background:rgba(107,107,107,.15);color:var(--cold)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(1turn)}}.fade-up{animation:fadeUp .35s ease both}.pulsing{animation:pulse 1.5s ease-in-out infinite}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}