:root{--text: #f2efe9;--dim: #a3a7ad;--faint: #7f848b;--accent: #d9a648;--line: rgba(255, 255, 255, .075);--line-strong: rgba(255, 255, 255, .15);--panel2: rgba(255, 255, 255, .07);--radius: 14px;--radius-sm: 9px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--z-overlay: 50}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:#e8e4db;color:#111827;font:14.5px/1.6 var(--font);-webkit-font-smoothing:antialiased;letter-spacing:.005em}::selection{background:#b99a5e4d}a{color:inherit;cursor:pointer}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid rgba(185,154,94,.6);outline-offset:1px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--dim);font-size:13px}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:#06060899;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;padding-top:14vh;animation:palette-fade .15s ease both}.palette{width:min(560px,calc(100vw - 32px));height:fit-content;background:#16161b;border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 24px 80px -12px #000c;overflow:hidden;animation:palette-pop .18s cubic-bezier(.22,1,.36,1) both}.palette input{flex:1;border:none;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);padding:15px 18px;font:15px/1.4 var(--font)}.palette input::placeholder{color:var(--faint)}.palette input:focus-visible{outline:none}.palette .items{max-height:320px;overflow-y:auto;padding:6px}.palette .item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:none;border-radius:var(--radius-sm);background:none;color:var(--dim);font-size:13.5px;text-align:left}.palette .item.sel{background:var(--panel2);color:var(--text)}.palette .item.sel svg{color:var(--accent)}.palette .item .hint{margin-left:auto;color:var(--faint);font-size:11.5px}@keyframes palette-fade{0%{opacity:0}}@keyframes palette-pop{0%{opacity:0;transform:scale(.97) translateY(-8px)}}@media(prefers-reduced-motion:reduce){.palette-overlay,.palette{animation:none}}