:root{--ink:#111;--muted:#c8c8c8;--bg:#f5f5f5;--pad:24px;--rive-width:170%;--rive-bottom-overhang:12vh}*{box-sizing:border-box}html,body,#root{height:100lvh;margin:0;padding:0;overflow:hidden}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}.app{height:100lvh;padding:max(16px, env(safe-area-inset-top)) 0 0;flex-direction:column;display:flex;position:relative;overflow:hidden}.headline{padding:0 var(--pad);letter-spacing:-.03em;text-align:left;max-width:12ch;margin:8px 0 0;font-size:clamp(2.6rem,13.5vw,4.25rem);font-weight:800;line-height:.95}.headline .muted{color:var(--muted)}.rive-stage{flex:1;min-height:0;overflow:hidden}.rive-frame{width:var(--rive-width);height:calc(100% + var(--rive-bottom-overhang));margin-inline:calc((100% - var(--rive-width)) / 2)}.rive-frame canvas{width:100%;height:100%;display:block}.tilt-enable{padding-bottom:max(48px, env(safe-area-inset-bottom));color:var(--ink);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:flex-end;font-size:.85rem;font-weight:800;display:flex;position:absolute;inset:0}