@layer quartz-base{#theme-randomizer{font-family:var(--font-default);background:var(--light);border:1px solid var(--lightgray);border-radius:8px;max-width:1100px;margin:2rem auto;padding:1.5rem}#theme-randomizer h1,#theme-randomizer h2{margin-top:0}#theme-randomizer button{border:1px solid var(--gray);background:var(--bg);color:var(--dark);cursor:pointer;border-radius:4px;margin:.2rem;padding:.4rem .9rem;font-size:.875rem;transition:all .1s}#theme-randomizer button:hover{background:var(--lightgray);border-color:var(--accent)}#theme-randomizer button:active{transform:translateY(1px)}#theme-randomizer [data-theme-catalog]{border:1px solid var(--lightgray);background:var(--bg);border-radius:4px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.4rem;max-height:420px;padding:.5rem;display:grid;overflow-y:auto}#theme-randomizer .theme-btn{text-align:left;font-family:var(--font-monospace);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}#theme-randomizer .mode-badge{background:var(--gray);color:var(--light);vertical-align:middle;border-radius:3px;margin-left:.3rem;padding:.05rem .35rem;font-size:.65rem;display:inline-block}#theme-randomizer input[data-theme-filter]{border:1px solid var(--gray);background:var(--bg);width:100%;color:var(--dark);border-radius:6px;margin-bottom:1rem;padding:.5rem .75rem;font-size:.95rem}#theme-randomizer ul[data-theme-history],#theme-randomizer ul[data-theme-favorites]{border:1px solid var(--lightgray);background:var(--bg);border-radius:4px;max-height:280px;margin:.5rem 0;padding:0;list-style:none;overflow-y:auto}#theme-randomizer li{border-bottom:1px solid var(--lightgray);align-items:center;gap:.4rem;padding:.35rem .6rem;font-size:.85rem;display:flex}#theme-randomizer li:last-child{border-bottom:none}#theme-randomizer [data-current-theme],#theme-randomizer [data-current-mode]{font-family:var(--font-monospace);color:var(--accent);font-weight:600}#theme-randomizer [data-theme-status]{color:var(--red);min-height:1.2em;font-size:.8rem}}