.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--target-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius-action);font-weight:var(--font-weight-black);transition:transform var(--duration-standard) var(--ease-spring), box-shadow var(--duration-standard) var(--ease-in), background-color var(--duration-standard) var(--ease-in);display:inline-flex;position:relative;overflow:hidden}.button--full{width:100%}.button:active:not([aria-disabled=true]){transform:scale(.97)}.button--primary{background:var(--color-action);color:var(--color-ink-on-action);font-size:var(--text-title-size);line-height:var(--text-title-line);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-lifted)}.button--primary:hover:not([aria-disabled=true]){background:var(--color-action-hover)}.button--secondary{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-raised)}.button--quiet{color:var(--color-ink-quiet);font-weight:var(--font-weight-semibold);font-size:var(--text-caption-size);line-height:var(--text-caption-line);text-decoration:underline;-webkit-text-decoration-color:var(--color-hairline);text-decoration-color:var(--color-hairline);text-underline-offset:4px;box-shadow:none;background:0 0}.button[aria-disabled=true]{background:var(--color-surface-sunken);color:var(--color-ink-quiet);box-shadow:none;cursor:not-allowed}.button--primary:before{content:"";pointer-events:none;background:linear-gradient(100deg,#fff0,#ffffff59,#fff0);width:45%;height:200%;animation:5.5s ease-in-out infinite button-shine;position:absolute;top:-50%;left:-60%}@keyframes button-shine{0%,62%{transform:translate(0)}92%,to{transform:translate(340%)}}.button[aria-disabled=true]:before{display:none}@media (prefers-reduced-motion:reduce){.button--primary:before{opacity:0;animation:none}}.enterFromRight,.enterFromLeft{animation:screen-in var(--duration-large) var(--ease-in) both}.enterFromLeft{animation-name:screen-in-reverse}@keyframes screen-in{0%{opacity:0;transform:translate(6%)}}@keyframes screen-in-reverse{0%{opacity:0;transform:translate(-6%)}}.enter>*{animation:piece-rise var(--duration-enter) var(--ease-spring) both}@keyframes piece-rise{0%{transform:translate3d(0, var(--enter-rise), 0) scale(.98);opacity:0}}.enter>:first-child{animation-delay:calc(var(--stagger-step) * 0)}.enter>:nth-child(2){animation-delay:calc(var(--stagger-step) * 1)}.enter>:nth-child(3){animation-delay:calc(var(--stagger-step) * 2)}.enter>:nth-child(4){animation-delay:calc(var(--stagger-step) * 3)}.enter>:nth-child(5){animation-delay:calc(var(--stagger-step) * 4)}.enter>:nth-child(6){animation-delay:calc(var(--stagger-step) * 5)}.enter>:nth-child(7){animation-delay:calc(var(--stagger-step) * 6)}.enter>:nth-child(8){animation-delay:calc(var(--stagger-step) * 7)}.enter>:nth-child(n+9){animation-delay:calc(var(--stagger-step) * 8)}.pulse{animation:pulse-squash var(--duration-standard) var(--ease-spring)}@keyframes pulse-squash{40%{transform:scale(1.06,.95)}70%{transform:scale(.98,1.02)}}.touchGlow{border-radius:var(--radius-pill);pointer-events:none;width:140px;height:140px;animation:touch-glow var(--duration-large) var(--ease-out) forwards;background:radial-gradient(circle,#ffffff8c,#fff0 68%);margin:-70px 0 0 -70px;position:absolute}@keyframes touch-glow{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.enterFromRight,.enterFromLeft,.enter>*,.pulse{animation:none}.touchGlow{display:none}}.screen{z-index:1;width:100%;min-height:0;max-width:var(--layout-content-max);grid-template-rows:1fr auto;margin:0 auto;display:grid;position:relative}.screen__body{gap:var(--space-4);width:100%;min-width:0;min-height:0;max-width:var(--layout-reading-max);padding:var(--space-4);overscroll-behavior:contain;flex-direction:column;margin-inline:auto;display:flex;overflow-y:auto}.screen__body>*{flex:none;min-width:0}.screen__body--centred{justify-content:center}.screen__actions{gap:var(--space-3);width:100%;max-width:var(--layout-reading-max);padding:var(--space-4);padding-bottom:max(var(--space-4), env(safe-area-inset-bottom));background:var(--color-canvas);margin-inline:auto;display:grid}@media (width>=900px){.screen{gap:var(--space-5);padding:var(--space-7) var(--space-6)}.screen__body{padding:0}.screen__actions{background:0 0;padding:0}}.screen__body>*{transition:opacity var(--duration-standard) var(--ease-in)}.screen__body:has(:is(input,textarea):focus)>:not(:has(:is(input,textarea):focus)){opacity:var(--writing-dim)}.is-writing .screen__actions{padding-top:var(--space-2);padding-bottom:var(--space-2)}.screen__actions{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.screen__body>*{transition:none}}