*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f4f4f8;color:#1a1a2e}#app{height:100%;display:flex;align-items:center;justify-content:center}.widget{width:320px;border-radius:12px;background:#fff;box-shadow:0 4px 16px #00000014;overflow:hidden}.widget-header{padding:12px 16px;background:linear-gradient(135deg,#0a0a1a,#1a1a3e);color:#fff}.widget-title{font-size:1rem;font-weight:600;letter-spacing:-.01em}.widget-body{padding:16px}.widget-placeholder{font-size:.875rem;color:#6a6a85;text-align:center}