*{box-sizing:border-box}html{min-inline-size:320px;min-block-size:100%;background:var(--color-bg-page);text-size-adjust:100%}body{min-inline-size:320px;min-block-size:100vh;margin:0;background:linear-gradient(180deg,var(--color-bg-page-tint),transparent 280px),var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button{color:inherit}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}#root{min-block-size:100dvh}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.startupError{display:grid;place-content:center;gap:12px;min-block-size:100dvh;padding:24px;background:Canvas;color:CanvasText;text-align:center}.button{display:inline-flex;min-block-size:var(--button-height);align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-2);padding-inline:var(--control-padding-inline);font-size:var(--font-size-button);font-weight:800;line-height:1.2;white-space:nowrap;cursor:pointer;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.68}.button__label{min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.buttonFullWidth{inline-size:100%}.buttonSize-large{min-block-size:var(--button-height-lg);border-radius:var(--radius-3)}.buttonVariant-primary{background:var(--color-primary);box-shadow:var(--shadow-subtle);color:var(--color-text-inverse)}.buttonVariant-primary:active:not(:disabled){background:var(--color-primary-pressed)}.buttonVariant-secondary{border-color:var(--color-border-default);background:var(--color-bg-card);color:var(--color-text-primary)}.buttonVariant-secondary:active:not(:disabled){border-color:var(--color-secondary-pressed);color:var(--color-secondary-pressed)}.buttonVariant-danger{background:var(--color-danger);color:var(--color-text-inverse)}.buttonVariant-danger:active:not(:disabled){background:var(--color-danger-pressed)}.buttonVariant-ghost{background:transparent;color:var(--color-text-secondary)}.dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding-block:calc(var(--safe-area-top) + var(--space-4)) calc(var(--safe-area-bottom) + var(--space-4));padding-inline:calc(var(--safe-area-left) + var(--space-4)) calc(var(--safe-area-right) + var(--space-4))}.dialog__overlay{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;border:0;padding:0;background:var(--color-overlay)}.dialog__panel{position:relative;display:flex;inline-size:min(calc(100% - var(--space-8)),420px);max-block-size:min(calc(100dvh - var(--space-8)),720px);flex-direction:column;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);padding:var(--space-5);background:var(--color-bg-dialog);box-shadow:var(--shadow-dialog);color:var(--color-text-primary)}.dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block-end:var(--space-3)}.dialog__title{margin:0;font-size:var(--font-size-section-title);line-height:var(--line-height-title)}.dialog__close{display:inline-flex;inline-size:44px;block-size:44px;flex:0 0 auto;align-items:center;justify-content:center;border:0;border-radius:var(--radius-pill);background:var(--color-bg-subtle);color:var(--color-text-secondary);cursor:pointer}.dialog__close:disabled{cursor:not-allowed;opacity:.45}.dialog__body{min-block-size:0;overflow:auto;color:var(--color-text-secondary)}.pageState{display:grid;justify-items:center;gap:var(--space-4);min-block-size:240px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);padding:var(--space-8) var(--space-6);background:var(--color-bg-card);box-shadow:var(--shadow-subtle);text-align:center}.pageState__visual{display:grid;place-items:center;inline-size:56px;block-size:56px;border-radius:var(--radius-card);background:var(--color-primary-soft);color:var(--color-primary)}.pageState--error .pageState__visual{background:var(--color-danger-soft);color:var(--color-danger)}.pageState__spinner{animation:page-state-spin .8s linear infinite}.pageState__icon{inline-size:28px;block-size:28px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.pageState__copy{display:grid;gap:var(--space-2);max-inline-size:32ch}.pageState__copy h2,.pageState__copy p{margin:0}.pageState__copy h2{font-size:var(--font-size-body-lg);line-height:var(--line-height-tight)}.pageState__copy p{color:var(--color-text-muted)}@keyframes page-state-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.pageState__spinner{animation:none}}.textField{display:grid;gap:var(--space-2)}.textField__label{color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:800}.textField__input{inline-size:100%;min-block-size:var(--control-height);border:1px solid var(--color-border-default);border-radius:var(--radius-2);padding-inline:var(--control-padding-inline);background:var(--color-bg-card);color:var(--color-text-primary);font-size:var(--font-size-body-lg);font-weight:650}.textField__input::placeholder{color:var(--color-text-muted);font-weight:500}.textField__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring);outline:0}.textField__input[aria-invalid=true]{border-color:var(--color-danger)}.textField--compact .textField__input{min-block-size:44px;font-size:var(--font-size-body)}.textField__description{margin:0;color:var(--color-text-muted);font-size:var(--font-size-caption)}.textField__description--error{color:var(--color-danger)}.captchaDialog__loading,.captchaDialog__form{display:grid;gap:var(--space-4)}.captchaDialog__imageButton{inline-size:100%;min-block-size:112px;overflow:hidden;border:1px solid var(--color-border-default);border-radius:var(--radius-2);padding:var(--space-2);background:var(--color-bg-subtle);cursor:pointer}.captchaDialog__imageButton:focus-visible{outline:4px solid var(--color-focus-ring);outline-offset:0}.captchaDialog__imageButton:disabled{cursor:not-allowed;opacity:.68}.captchaDialog__image{display:block;inline-size:100%;block-size:96px;object-fit:contain}.captchaDialog__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.toast{position:fixed;inset-block-start:calc(var(--safe-area-top) + var(--space-4));inset-inline:calc(var(--safe-area-inline-start) + var(--space-4)) calc(var(--safe-area-inline-end) + var(--space-4));z-index:80;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);inline-size:min(calc(100vw - var(--space-8)),420px);margin-inline:auto;border:1px solid var(--color-border-default);border-radius:var(--radius-card);padding:var(--space-3) var(--space-4);background:var(--color-bg-dialog);box-shadow:var(--shadow-dialog);color:var(--color-text-primary)}.toast__dismiss{display:inline-flex;inline-size:44px;block-size:44px;flex:0 0 auto;align-items:center;justify-content:center;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-secondary);cursor:pointer}.appShell{min-block-size:100dvh}body:has(.appShell--content){min-block-size:100dvh;block-size:100dvh;overflow:hidden}.appShell--content{display:grid;min-block-size:0;block-size:100dvh;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.appShell__content{inline-size:min(100%,var(--page-content-max));margin-inline:auto;padding-block:calc(var(--safe-area-top) + var(--page-block-padding)) calc(var(--safe-area-bottom) + var(--page-block-padding));padding-inline:calc(var(--safe-area-inline-start) + var(--page-inline-padding)) calc(var(--safe-area-inline-end) + var(--page-inline-padding))}.appShell--content .appShell__content{min-block-size:0;overflow-y:auto;overscroll-behavior-y:contain}.appShell__header,.appShell__footer{min-inline-size:0;min-block-size:0}.appShell--wide .appShell__content{inline-size:min(100%,var(--page-wide-content-max))}.errorPage .appShell__content{display:grid;min-block-size:100dvh;place-items:center}.errorPage .pageState{inline-size:100%}
