:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%}*{box-sizing:border-box}.app-container{display:grid;grid-template-columns:400px 1fr;min-height:100vh;gap:1rem;padding:1rem;background:radial-gradient(circle at top right,#1e293b,#0f172a)}@media(max-width:1000px){.app-container{grid-template-columns:1fr;height:auto;overflow-y:auto}.glass-panel{height:auto;overflow-y:visible}.visualizer-section{min-height:400px;order:-1}}.glass-panel{background:#1e293bb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;box-shadow:0 8px 32px #0000005e;overflow-y:auto}.input-section{display:flex;flex-direction:column;gap:1.5rem}h1,h2,h3{margin-top:0;color:#f8fafc}.dice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.dice-button{background:#33415580;border:1px solid rgba(255,255,255,.1);padding:.75rem;border-radius:.5rem;color:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.25rem}.dice-button:hover{background:#475569cc;border-color:#38bdf880;transform:translateY(-2px)}.dice-button.active{background:#38bdf8;color:#0f172a}.active-dice-list{display:flex;flex-direction:column;gap:.5rem}.active-dice-item{display:flex;align-items:center;justify-content:space-between;background:#0f172a80;padding:.5rem 1rem;border-radius:.5rem;border-left:4px solid #38bdf8}.remove-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:.25rem;border-radius:50%;transition:background .2s}.remove-btn:hover{background:#ef44441a}.slider-group{display:flex;flex-direction:column;gap:.5rem}.slider-label{display:flex;justify-content:space-between;font-size:.9rem;color:#94a3b8}input[type=range]{width:100%;cursor:pointer}.visualizer-section{display:grid;grid-template-rows:1fr auto;gap:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.stat-card{background:#0f172a66;padding:1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.05);text-align:center}.stat-label{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.5rem;font-weight:700;color:#38bdf8;margin-top:.25rem}.checkbox-group{display:flex;align-items:center;gap:.5rem;-webkit-user-select:none;user-select:none;cursor:pointer}.modifier-input{display:flex;align-items:center;gap:1rem}.modifier-input input{background:#0f172a80;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem;border-radius:.5rem;width:60px}