style.css

body { background: linear-gradient(135deg,#ffd1e8,#cfe9ff); font-family: "Segoe UI", Roboto, Arial, sans-serif; }
.container{ max-width:1100px; margin:20px auto; padding:18px; border-radius:14px; background: linear-gradient(180deg, rgba(255,255,255,0.8), rgba(255,255,255,0.6)); box-shadow: 0 10px 40px rgba(0,0,0,0.08); }
.header{ display:flex; align-items:center; justify-content:space-between; }
.badge{ background: rgba(255,255,255,0.6); padding:8px 12px; border-radius:999px; box-shadow: inset 0 -2px 6px rgba(255,255,255,0.6); }
.card{ border-radius:12px; padding:12px; background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.85)); margin-top:12px; }
.codebox{ font-family: monospace; font-size:13px; }
.tree{ font-family: monospace; white-space: pre; background: rgba(255,255,255,0.6); padding:12px; border-radius:8px; }