*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#f3f4f6}.page{position:relative;min-height:100vh;overflow:hidden}.aurora-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.overlay{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:56px 24px;max-width:720px;margin:0 auto;pointer-events:none}.panel,footer a{pointer-events:auto}.hero{text-align:center;text-shadow:0 2px 20px rgba(0,0,0,.5)}.hero h1{font-size:34px;margin-bottom:12px}.hero p{color:#ffffffd9;max-width:520px;margin:0 auto;line-height:1.6}.panel{background:#0a0a0f73;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px 24px;display:flex;flex-direction:column;gap:18px}.control-group{display:flex;flex-direction:column;gap:8px}.control-label{font-size:13px;font-weight:600;color:#ffffffd9}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#f3f4f6;border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.chip.active{background:#ffffffe6;color:#111827;border-color:#ffffffe6}input[type=range]{width:100%}footer{text-align:center;margin-top:24px}footer a{color:#ffffffbf;text-decoration:none;font-size:14px}footer a:hover{color:#fff}