:root{--hunch8-background:#0b1826;--hunch8-surface:#122333;--hunch8-amber:#c9a05c;--hunch8-on-background:#c9d4e0;--hunch8-error:#c77b67;--m3-outline:#938f99;--m3-outline-variant:#49454f;--m3-on-surface-variant:#cac4d0;--m3-surface-container-high:#2b2930;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Roboto,system-ui,sans-serif}html,body{background:var(--hunch8-surface);min-height:100dvh;color:var(--hunch8-on-background);margin:0}.screen{box-sizing:border-box;max-width:480px;min-height:100dvh;padding:calc(32px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:20px;margin:0 auto;display:flex}.header{justify-content:center;align-items:center;display:flex;position:relative}.title{margin:0;font-size:28px;font-weight:400;line-height:36px}.help-button{width:32px;height:32px;color:var(--hunch8-amber);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;font-size:16px;font-weight:500;position:absolute;right:0}.help-button:hover,.field-clear:hover{background:#c9a05c14}:is(.help-button,.field-clear,.text-button):focus-visible{outline:2px solid var(--hunch8-amber);outline-offset:2px}.field{display:grid;position:relative}.field textarea{box-sizing:border-box;width:100%;min-height:116px;max-height:200px;color:var(--hunch8-on-background);caret-color:var(--hunch8-amber);font:inherit;resize:none;background:0 0;border:0;outline:none;grid-area:1/1;padding:16px 52px 16px 16px;font-size:22px;line-height:28px;overflow-y:auto}.field-label,.field-outline legend span{letter-spacing:.15px;font-size:16px;font-weight:500;line-height:24px}.field-label{color:var(--m3-on-surface-variant);pointer-events:none;transform-origin:0 0;transition:transform .15s cubic-bezier(.4,0,.2,1),color .15s;position:absolute;top:16px;left:16px;right:52px}.field-outline{border:1px solid var(--m3-outline);pointer-events:none;border-radius:4px;min-width:0;margin:0;padding:0 12px;position:absolute;inset:-12px 0 0}.field-outline legend{visibility:hidden;white-space:nowrap;max-width:.01px;height:24px;padding:0;overflow:hidden}.field-outline legend span{padding:0 4px}.field:is(:focus-within,.is-filled) .field-label{white-space:nowrap;text-overflow:ellipsis;right:16px;overflow:hidden;transform:translateY(-28px)}.field:is(:focus-within,.is-filled) .field-outline legend{max-width:100%}.field:focus-within .field-outline{border:2px solid var(--hunch8-amber);padding:0 11px}.field:focus-within .field-label{color:var(--hunch8-amber)}.field-clear{width:48px;height:48px;color:var(--hunch8-amber);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;margin-top:-24px;padding:0;font-size:16px;font-weight:500;position:absolute;top:50%;right:4px}.field-clear[hidden]{display:none}.dialog{box-sizing:border-box;background:var(--m3-surface-container-high);width:min(560px,100vw - 48px);max-height:calc(100dvh - 48px);color:var(--m3-on-surface-variant);border:0;border-radius:28px;padding:24px}.dialog::backdrop{background:#00000052}.dialog-title{color:var(--hunch8-on-background);margin:0 0 16px;font-size:24px;font-weight:400;line-height:32px}.dialog-body{letter-spacing:.25px;flex-direction:column;gap:10px;font-size:14px;line-height:20px;display:flex}.dialog-body p{margin:0}.dialog-divider{border:0;border-top:1px solid var(--m3-outline-variant);width:100%;margin:4px 0}.dialog-subtitle{color:var(--hunch8-amber);letter-spacing:.1px;font-weight:500}.dialog-legal a{color:var(--hunch8-amber)}.dialog-actions{justify-content:flex-end;margin-top:24px;display:flex}.text-button{min-height:40px;color:var(--hunch8-amber);font:inherit;letter-spacing:.1px;cursor:pointer;background:0 0;border:0;border-radius:20px;padding:0 12px;font-size:14px;font-weight:500}.text-button:hover{background:#c9a05c14}.ball-area{flex:1;place-items:center;display:grid}.ball-box{width:300px;height:336px;position:relative}.ball{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:300px;height:300px;padding:0;position:absolute;inset:0 0 auto}.ball:focus-visible{outline:2px solid var(--hunch8-amber);outline-offset:6px}.ball-canvas{width:300px;height:300px;display:block}.ball-shadow{pointer-events:none;width:240px;height:36px;position:absolute;bottom:0;left:30px}