@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--lightningcss-light,oklch(75% .01 265))var(--lightningcss-dark,oklch(30% .02 265)) transparent;scrollbar-width:thin;font-size:16px}[hidden]{display:none!important}}@layer base{body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-block-size:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}#app{min-block-size:100dvh;padding-block-end:env(safe-area-inset-bottom,0px);padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px);flex-direction:column;display:flex}#app-header{background:var(--color-bg-surface);border-block-end:1px solid var(--color-border);z-index:100;view-transition-name:app-header;padding-block-start:env(safe-area-inset-top,0px);animation:linear both header-shadow;animation-timeline:scroll();animation-range:0 1.5rem;position:sticky;inset-block-start:0}@keyframes header-shadow{0%{box-shadow:0 0 oklch(0% 0 0/0)}to{box-shadow:0 4px 16px var(--lightningcss-light,oklch(0% 0 0/.08))var(--lightningcss-dark,oklch(0% 0 0/.4))}}#app-main{view-transition-name:app-main;outline:none;flex-direction:column;flex:1;inline-size:100%;max-inline-size:600px;margin-inline:auto;padding-block:1.5rem;padding-inline:1rem;display:flex;container-type:inline-size}#app-main[data-layout=unauthenticated]{max-inline-size:none;padding-inline:0}login-page,register-page,recover-page,account-page,verify-page{display:contents}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--color-border:var(--lightningcss-light,oklch(70% .02 265))var(--lightningcss-dark,oklch(40% .04 275));--color-text-muted:var(--lightningcss-light,oklch(30% .02 265))var(--lightningcss-dark,oklch(82% .02 265));--color-text-dim:var(--lightningcss-light,oklch(40% .02 265))var(--lightningcss-dark,oklch(65% .02 265))}.form-input,.inline-edit-value{border-width:2px}:focus-visible{outline-width:3px}}@media (prefers-reduced-transparency:reduce){.confirm-popover::backdrop,.confirm-dialog::backdrop{background:var(--lightningcss-light,oklch(92% .005 265))var(--lightningcss-dark,oklch(8% .02 280))}:root{--color-hover-overlay:var(--lightningcss-light,oklch(93% .005 265))var(--lightningcss-dark,oklch(22% .03 275));--color-hover-overlay-subtle:var(--lightningcss-light,oklch(94% .005 265))var(--lightningcss-dark,oklch(23% .03 275))}}}@layer components{.header-content{align-items:center;block-size:56px;inline-size:100%;max-inline-size:600px;margin-inline:auto;padding-inline:1rem;display:flex}.header-left{flex:1;align-items:center;min-inline-size:0;display:flex}.logo{font-size:var(--font-size-xl);color:var(--color-text);letter-spacing:-.02em;cursor:pointer;flex-shrink:0;align-items:center;gap:.5rem;font-weight:300;text-decoration:none;display:flex}.header-logo-icon{block-size:28px;inline-size:28px}.logo-background{fill:var(--lightningcss-light,#f0f0f5)var(--lightningcss-dark,#1a1a2e)}.nav-container{flex:1;min-inline-size:0;position:relative}.nav-container:before{content:"";background:linear-gradient(to right, var(--color-bg-surface), transparent);pointer-events:none;z-index:1;inline-size:2rem;position:absolute;inset-block:0;inset-inline-start:0}#header-nav{scrollbar-width:none;gap:.25rem;padding-inline-start:1rem;display:flex;overflow-x:auto}#header-nav::-webkit-scrollbar{display:none}#header-nav:after{content:"";flex-shrink:0;min-inline-size:2rem}.nav-link{font-size:var(--font-size-base);color:var(--color-text-dim);border-radius:var(--radius-small);white-space:nowrap;transition:all var(--transition);flex-shrink:0;padding:.25rem .5rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--color-text);background:var(--color-hover-overlay-subtle)}.nav-divider{background:var(--color-border);flex-shrink:0;block-size:1.25rem;inline-size:1px;margin-inline-start:1rem}#nav-account{flex-shrink:0;margin-inline-start:auto;position:relative}#nav-account:before{content:"";background:linear-gradient(to right, transparent, var(--color-bg-surface));pointer-events:none;inline-size:2rem;position:absolute;inset-block:0;inset-inline-end:100%}#app-header a[aria-current=page]:not(.logo){color:var(--color-primary);background:var(--color-primary-bg)}app-banner{view-transition-name:app-banner;display:block}verification-banner{view-transition-name:verification-banner;display:block}app-banner:empty,verification-banner:empty{display:none}.app-banner{border-radius:var(--radius-md);margin-block-end:1rem;padding:.5rem 1rem}.app-banner-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning)}.app-banner-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.app-banner-content{align-items:center;gap:.75rem;display:flex}.app-banner-message{font-size:var(--font-size-md);flex:1}.app-banner-dismiss{color:inherit;cursor:pointer;border-radius:var(--radius-small);opacity:.7;transition:opacity var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;display:inline-flex}.app-banner-dismiss:hover{opacity:1}.app-banner-dismiss svg{block-size:14px;inline-size:14px}.auth-page-centered{flex-direction:column;flex:1;justify-content:center;display:flex}.auth-page-centered>auth-layout{flex:initial}.auth-header{z-index:10;background:var(--color-bg);text-align:center;padding-block:.75rem 0;padding-inline:1rem;animation:linear both header-shadow;animation-timeline:scroll();animation-range:0 1.5rem;position:sticky;inset-block-start:0}.auth-header .page-title{margin-block-end:0}.auth-header-divider{border:none;border-block-start:1px solid var(--color-border);margin-block:1.25rem 0;margin-inline:-1rem}.app-logo{view-transition-name:app-logo;justify-content:center;inline-size:fit-content;margin-block-end:.75rem;margin-inline:auto;padding-inline:1rem;display:flex}.app-logo a{display:flex}.app-logo svg{block-size:72px;inline-size:72px}.app-logo.app-logo-large{margin-block-end:.5rem}.app-logo.app-logo-large svg{block-size:144px;inline-size:144px}.auth-app-name{text-align:center;font-size:var(--font-size-3xl);color:var(--color-text);letter-spacing:-.02em;margin-block-end:2rem;font-weight:700}.page-title{font-size:var(--font-size-2xl);text-wrap:balance;margin-block-end:.5rem;font-weight:700}.page-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);text-wrap:pretty;margin-block-end:1.5rem}.form-group{margin-block-end:1rem}.form-label{font-size:var(--font-size-md);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition);margin-block-end:.375rem;font-weight:600;display:block}.form-group:has(.form-input:focus)>.form-label{color:var(--color-text)}.form-input{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-small);inline-size:100%;color:var(--color-text);font-size:var(--font-size-lg);transition:border-color var(--transition);padding-block:.75rem;padding-inline:1rem}.form-input:focus-visible{border-color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:-1px}.form-input::placeholder{color:var(--color-text-dim)}.form-input[readonly]{opacity:.6;cursor:default}.form-input-row{align-items:center;gap:.5rem;display:flex}.form-input-row .form-input{flex:1}.button{border-radius:var(--radius-small);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding-block:.75rem;padding-inline:1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--color-primary);color:#fff}.button-primary:hover:not(:disabled){background:var(--color-primary-hover)}.button-secondary{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.button-secondary:hover:not(:disabled){border-color:var(--color-text-muted);background:var(--color-hover-overlay)}.button-ghost{color:var(--color-text-muted);background:0 0;padding-block:.5rem;padding-inline:.75rem}.button-ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-hover-overlay)}.button-danger{color:var(--color-error);border:1px solid var(--color-error-border);background:0 0}.button-danger:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-error)}.button-danger-solid{background:var(--color-error);color:#fff;border:1px solid var(--color-error)}.button-danger-solid:hover:not(:disabled){background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.button svg{flex-shrink:0;block-size:1em;inline-size:1em}.button-small{font-size:var(--font-size-md);padding-block:.375rem;padding-inline:.75rem}.button-full{inline-size:100%}.button-row{gap:.5rem;display:flex}.button-icon{border-radius:var(--radius-small);block-size:32px;inline-size:32px;color:var(--color-text-dim);cursor:pointer;transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.button-icon:hover{color:var(--color-text);background:var(--color-hover-overlay-subtle)}.button-icon:has(+[popover]:popover-open){color:var(--color-text);background:var(--color-hover-overlay-subtle)}.button-icon svg{block-size:16px;inline-size:16px}.button-icon-success:hover{color:var(--color-success)}.button-icon-spinner{border:2px solid var(--color-border);border-block-start-color:var(--color-primary);block-size:16px;inline-size:16px;animation:spin var(--animation-spin);border-radius:50%;display:block}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.card-danger{border-color:var(--color-error-border);background:oklch(from var(--color-error) l c h / .05)}.section-card{flex-direction:column;gap:.75rem;display:flex}.section-card .page-title{font-size:var(--font-size-xl);margin-block:-.25rem .25rem}.section-card .page-subtitle{margin-block-end:0}.section-card>.button{align-self:flex-start}@container (inline-size>=480px){.section-card{flex-direction:row;justify-content:space-between;align-items:center}.section-card>.button{flex-shrink:0;align-self:auto}}.section-card-header{justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.section-card-header .page-title{font-size:var(--font-size-xl);margin-block:-.25rem .25rem}.section-card-header .page-subtitle{margin-block-end:0}.confirm-popover{inset:unset;position-area:inline-start center;position-try-fallbacks:--popover-inline-end, --popover-block-end, --popover-block-start;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:var(--shadow-elevated);opacity:1;max-inline-size:240px;margin:0;margin-inline-end:8px;padding:1rem;overflow:visible;scale:1}.confirm-popover:popover-open{transition:opacity var(--transition), scale var(--transition), overlay var(--transition) allow-discrete, display var(--transition) allow-discrete}@starting-style{.confirm-popover:popover-open{opacity:0;scale:.9}}.confirm-popover[data-arrow]:before,.confirm-popover[data-arrow]:after{content:"";border:6px solid #0000;position:absolute}.confirm-popover[data-arrow]:after{border-width:5px}.confirm-popover[data-arrow=right]:before{left:100%;top:var(--arrow-y,50%);border-left-color:var(--color-border);margin-top:-6px}.confirm-popover[data-arrow=right]:after{left:calc(100% - 1px);top:var(--arrow-y,50%);border-left-color:var(--color-bg-surface);margin-top:-5px}.confirm-popover[data-arrow=left]:before{right:100%;top:var(--arrow-y,50%);border-right-color:var(--color-border);margin-top:-6px}.confirm-popover[data-arrow=left]:after{right:calc(100% - 1px);top:var(--arrow-y,50%);border-right-color:var(--color-bg-surface);margin-top:-5px}.confirm-popover[data-arrow=down]:before{left:var(--arrow-x,50%);border-top-color:var(--color-border);margin-left:-6px;top:100%}.confirm-popover[data-arrow=down]:after{left:var(--arrow-x,50%);border-top-color:var(--color-bg-surface);margin-left:-5px;top:calc(100% - 1px)}.confirm-popover[data-arrow=up]:before{left:var(--arrow-x,50%);border-bottom-color:var(--color-border);margin-left:-6px;bottom:100%}.confirm-popover[data-arrow=up]:after{left:var(--arrow-x,50%);border-bottom-color:var(--color-bg-surface);margin-left:-5px;bottom:calc(100% - 1px)}.confirm-popover::backdrop{background:var(--backdrop-overlay);animation:popover-backdrop-fade-in var(--transition)}.confirm-popover p{font-size:var(--font-size-base);margin-block-end:.75rem}@position-try --popover-inline-end{position-area: inline-end center; margin-inline-end: 0; margin-inline-start: 8px;}@position-try --popover-block-end{position-area: block-end span-inline-end; margin-inline-end: 0; margin-block-start: 8px;}@position-try --popover-block-start{position-area: block-start span-inline-end; margin-inline-end: 0; margin-block-end: 8px;}@keyframes popover-backdrop-fade-in{0%{background:oklch(0% 0 0/0)}to{background:var(--backdrop-overlay)}}html:has(dialog:modal){overflow:hidden}.confirm-dialog{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:var(--shadow-elevated);overscroll-behavior:contain;opacity:1;inline-size:calc(100% - 2rem);max-inline-size:400px;transition:opacity var(--transition), scale var(--transition), overlay var(--transition) allow-discrete, display var(--transition) allow-discrete;margin:auto;padding:1.5rem;scale:1}@starting-style{.confirm-dialog{opacity:0;scale:.95}}.confirm-dialog::backdrop{background:var(--backdrop-overlay);transition:background var(--transition), overlay var(--transition) allow-discrete, display var(--transition) allow-discrete}@starting-style{.confirm-dialog::backdrop{background:oklch(0% 0 0/0)}}.confirm-dialog .confirm-dialog-title{font-size:var(--font-size-xl);margin-block-end:.5rem;font-weight:600}.confirm-dialog .confirm-dialog-message{font-size:var(--font-size-base);color:var(--color-text-muted);text-wrap:pretty;margin-block-end:1.25rem}.confirm-dialog .form-group{margin-block-end:1rem}.confirm-dialog-danger{border-color:var(--color-error-border)}.alert{border-radius:var(--radius-small);font-size:var(--font-size-base);animation:alert-enter var(--transition);margin-block-end:1rem;padding-block:.75rem;padding-inline:1rem}.alert-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.alert-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.alert-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning)}.loading-spinner{border:3px solid var(--color-border);border-block-start-color:var(--color-primary);block-size:32px;inline-size:32px;animation:spin var(--animation-spin);border-radius:50%;margin-block:3rem;margin-inline:auto}:where(auth-layout,app-layout)>.loading-spinner{margin:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes alert-enter{0%{opacity:0;transform:translateY(-.5rem)}}@keyframes pulse{0%,to{opacity:.25}50%{opacity:.15}}.empty-state{text-align:center;color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;padding-inline:1rem;display:flex}.empty-state-icon{letter-spacing:.25em;text-indent:.25em;animation:pulse var(--animation-pulse);font-size:6rem}.empty-state-title{font-size:var(--font-size-xl);color:var(--color-text);margin-block-end:.5rem;font-weight:600}.empty-state-description{font-size:var(--font-size-base)}.link{font:inherit;color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}.auth-toggle{text-align:center;font-size:var(--font-size-base);color:var(--color-text-muted);margin-block-start:1.5rem}.recover-hint{font-size:var(--font-size-md);color:var(--color-text-dim);text-align:center;margin-block:.75rem 0}.privacy-policy{font-size:var(--font-size-base);line-height:1.6}.privacy-section{margin-block-end:1.5rem}.privacy-heading{font-size:var(--font-size-lg);margin-block-end:.5rem;font-weight:600}.privacy-text{color:var(--color-text-muted)}.privacy-list{color:var(--color-text-muted);flex-direction:column;gap:.5rem;padding-inline-start:1.25rem;display:flex}.auth-footer{text-align:center;font-size:var(--font-size-md);color:var(--color-text-dim);margin-block-start:1rem}passkey-list{display:block}passkey-list.card{padding:0}passkey-list:has(.empty-state) .section-card-header{border-block-end:1px solid oklch(from var(--color-border) l c h / .5)}passkey-list:state(loading) .loading-spinner{display:block}passkey-list .passkey-item{border-block-start:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-block:1rem;padding-inline:1.25rem;display:flex}passkey-list .passkey-item-name{font-size:var(--font-size-lg);margin-block-end:.25rem;font-weight:600}passkey-list .card-meta{font-size:var(--font-size-md);color:var(--color-text-muted)}passkey-list .collection-item-actions{align-items:center;gap:.5rem;display:flex}passkey-list .badge-active{font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-bg);border-radius:var(--radius-small);padding-block:.25rem;padding-inline:.5rem;font-weight:700}account-page .account-card{padding:0}account-page .account-row{transition:background var(--transition);flex-direction:column;gap:.25rem;padding-block:1rem;padding-inline:1.25rem;display:flex}account-page .account-row+:is(account-page .account-row){border-block-start:1px solid var(--color-border)}account-page .account-row:has(.inline-edit-input:not([hidden])){background:var(--color-hover-overlay-subtle)}account-page .account-field-label{font-size:var(--font-size-sm);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em}account-page .account-field-row{align-items:center;gap:.5rem;display:flex}account-page .account-field{flex:1;min-inline-size:0}account-page .account-field-value{font-size:var(--font-size-lg);align-items:center;gap:.5rem;block-size:32px;display:flex}account-page .account-field-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}account-page .inline-edit-value{border:1px solid #0000}account-page .inline-edit-input{field-sizing:content;background:var(--color-bg-surface);block-size:32px;min-inline-size:8ch;padding-block:0;padding-inline:.5rem}account-page .inline-edit-error{font-size:var(--font-size-md);color:var(--color-error)}account-page .inline-edit-error:empty{display:none}account-page .inline-edit-error .alert{font-size:inherit;color:inherit;background:0 0;border:none;border-radius:0;margin:0;padding:0;animation:none}account-page .inline-edit-hint{font-size:var(--font-size-md);color:var(--color-text-muted)}account-page .account-row:has(.inline-edit-error:not(:empty)) .inline-edit-submit{color:var(--color-error)}account-page .account-row:has(.inline-edit-error:not(:empty)) .inline-edit-submit:hover{color:var(--color-error)}account-page .verified-badge{color:var(--color-success);flex-shrink:0;align-items:center;display:inline-flex}account-page .verified-badge svg{block-size:16px;inline-size:16px}image-upload{justify-content:center;padding-block:2rem;padding-inline:2rem;display:flex}.image-upload-zone{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;flex-shrink:0;block-size:144px;inline-size:144px;position:relative}.image-upload-zone:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.image-upload-circle{border-radius:50%}.image-upload-circle .image-upload-preview,.image-upload-circle .image-upload-placeholder{border-radius:50%}.image-upload-rounded{border-radius:var(--radius-md)}.image-upload-rounded .image-upload-preview,.image-upload-rounded .image-upload-placeholder{border-radius:var(--radius-md)}.image-upload-preview{object-fit:cover;border:2px solid var(--color-border);block-size:144px;inline-size:144px;display:block}.image-upload-placeholder{border:2px dashed var(--color-border);background:var(--color-bg-card);block-size:144px;inline-size:144px;color:var(--color-text-dim);transition:border-color var(--transition), color var(--transition);justify-content:center;align-items:center;display:flex;position:relative}.image-upload-zone:hover .image-upload-placeholder,.image-upload-zone:focus-visible .image-upload-placeholder{border-color:var(--color-primary);color:var(--color-primary)}.image-upload-placeholder-icon{display:flex}.image-upload-placeholder-icon svg{block-size:48px;inline-size:48px}.image-upload-placeholder-badge{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;block-size:28px;inline-size:28px;display:flex;position:absolute;inset-block-end:0;inset-inline-end:0}.image-upload-placeholder-badge svg{block-size:16px;inline-size:16px}.image-upload-remove{background:var(--color-error);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;block-size:28px;inline-size:28px;padding:0;display:flex;position:absolute;inset-block-end:2px;inset-inline-end:2px}.image-upload-remove svg{block-size:14px;inline-size:14px}.image-upload-remove:hover{filter:brightness(.9)}#image-upload-confirm-remove{position-area:block-start span-inline-start;position-try-fallbacks:--popover-block-end, --popover-inline-end, --popover-block-start;margin-block-end:8px;margin-inline-end:0}.image-upload-drop-active{outline:2px dashed var(--color-primary);outline-offset:4px}.image-upload-drop-active .image-upload-placeholder{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary)}export-dialog{display:contents}.export-progress{background:var(--color-border);border-radius:2px;block-size:4px;margin-block:1.5rem;overflow:hidden}.export-progress-bar{background:var(--color-primary);block-size:100%;animation:export-progress var(--animation-progress);border-radius:2px}.export-status-text{animation:fade-in var(--transition)}@keyframes fade-in{0%{opacity:0}}@keyframes export-progress{0%{inline-size:0}to{inline-size:100%}}.export-ready{opacity:1;transition:opacity var(--transition)}@starting-style{.export-ready{opacity:0}}.export-summary{border:1px solid var(--color-border);border-radius:var(--radius-small);margin-block-end:1rem}.export-summary-item{flex-direction:column;gap:.25rem;padding-block:.75rem;padding-inline:1rem;display:flex}.export-summary-item+.export-summary-item{border-block-start:1px solid var(--color-border)}.export-summary-label{font-size:var(--font-size-base);font-weight:600}.export-summary-detail{font-size:var(--font-size-md);color:var(--color-text-muted)}.export-meta{font-size:var(--font-size-md);color:var(--color-text-dim);margin-block-end:1.25rem}}@layer utilities{.margin-top-1{margin-block-start:.5rem}.margin-top-2{margin-block-start:1rem}.margin-top-3{margin-block-start:1.5rem}.skip-navigation{z-index:200;background:var(--color-primary);color:#fff;border-radius:var(--radius-small);padding-block:.5rem;padding-inline:1rem;font-weight:600;text-decoration:none;position:absolute;inset-block-start:-100%;inset-inline-start:1rem}.skip-navigation:focus{inset-block-start:.5rem}.screen-reader-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@property --color-bg{syntax:"<color>";inherits:true;initial-value:oklch(97% .005 265)}@property --color-bg-surface{syntax:"<color>";inherits:true;initial-value:oklch(100% 0 0)}@property --color-bg-card{syntax:"<color>";inherits:true;initial-value:oklch(98% .003 265)}@property --color-bg-input{syntax:"<color>";inherits:true;initial-value:oklch(98% .003 275)}@property --color-primary{syntax:"<color>";inherits:true;initial-value:oklch(50% .22 17)}@property --color-text{syntax:"<color>";inherits:true;initial-value:oklch(15% .02 265)}@property --color-text-muted{syntax:"<color>";inherits:true;initial-value:oklch(40% .02 265)}@property --color-text-dim{syntax:"<color>";inherits:true;initial-value:oklch(55% .02 265)}@property --color-border{syntax:"<color>";inherits:true;initial-value:oklch(87% .01 265)}@property --color-success{syntax:"<color>";inherits:true;initial-value:oklch(45% .16 150)}@property --color-error{syntax:"<color>";inherits:true;initial-value:oklch(50% .2 22)}@property --color-warning{syntax:"<color>";inherits:true;initial-value:oklch(45% .17 80)}:root{interpolate-size:allow-keywords;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;accent-color:var(--color-primary);--color-bg:var(--lightningcss-light,oklch(97% .005 265))var(--lightningcss-dark,oklch(18% .03 280));--color-bg-surface:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(20% .04 265));--color-bg-card:var(--lightningcss-light,oklch(98% .003 265))var(--lightningcss-dark,oklch(28% .09 255));--color-bg-input:var(--lightningcss-light,oklch(98% .003 275))var(--lightningcss-dark,oklch(19% .04 275));--color-primary:var(--lightningcss-light,oklch(50% .22 17))var(--lightningcss-dark,oklch(59% .2 17));--color-primary-hover:oklch(from var(--color-primary) calc(l * .85) c h);--color-text:var(--lightningcss-light,oklch(15% .02 265))var(--lightningcss-dark,oklch(95% .005 250));--color-text-muted:var(--lightningcss-light,oklch(40% .02 265))var(--lightningcss-dark,oklch(72% .02 265));--color-text-dim:var(--lightningcss-light,oklch(55% .02 265))var(--lightningcss-dark,oklch(52% .02 265));--color-border:var(--lightningcss-light,oklch(87% .01 265))var(--lightningcss-dark,oklch(24% .04 275));--color-success:var(--lightningcss-light,oklch(45% .16 150))var(--lightningcss-dark,oklch(79% .18 150));--color-error:var(--lightningcss-light,oklch(50% .2 22))var(--lightningcss-dark,oklch(69% .17 22));--color-warning:var(--lightningcss-light,oklch(45% .17 80))var(--lightningcss-dark,oklch(82% .17 80));--color-error-bg:oklch(from var(--color-error) l c h / .1);--color-error-border:oklch(from var(--color-error) l c h / .3);--color-success-bg:oklch(from var(--color-success) l c h / .1);--color-success-border:oklch(from var(--color-success) l c h / .3);--color-warning-bg:oklch(from var(--color-warning) l c h / .1);--color-warning-border:oklch(from var(--color-warning) l c h / .3);--color-primary-bg:oklch(from var(--color-primary) l c h / .1);--color-danger-hover:oklch(from var(--color-error) calc(l * .85) c h);--color-hover-overlay:var(--lightningcss-light,oklch(0% 0 0/.04))var(--lightningcss-dark,oklch(100% 0 0/.05));--color-hover-overlay-subtle:var(--lightningcss-light,oklch(0% 0 0/.03))var(--lightningcss-dark,oklch(100% 0 0/.06));--font-size-xs:.625rem;--font-size-sm:.75rem;--font-size-md:.8125rem;--font-size-base:.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--radius-small:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px var(--lightningcss-light,oklch(0% 0 0/.04))var(--lightningcss-dark,oklch(0% 0 0/.2));--shadow:0 2px 8px var(--lightningcss-light,oklch(0% 0 0/.08))var(--lightningcss-dark,oklch(0% 0 0/.3));--shadow-elevated:0 8px 32px var(--lightningcss-light,oklch(0% 0 0/.12))var(--lightningcss-dark,oklch(0% 0 0/.3)), 0 2px 8px var(--lightningcss-light,oklch(0% 0 0/.06))var(--lightningcss-dark,oklch(0% 0 0/.2));--backdrop-overlay:oklch(0% 0 0/.4);--transition:.15s ease;--animation-spin:.8s linear infinite;--animation-progress:2s ease-out forwards;--animation-pulse:3s ease-in-out infinite;transition:--color-bg var(--transition), --color-bg-surface var(--transition), --color-text var(--transition), --color-primary var(--transition)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}::view-transition{background:var(--color-bg-surface)}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-old(app-header){animation:none}::view-transition-new(app-header){animation:none}::view-transition-old(app-banner){animation:none}::view-transition-new(app-banner){animation:none}::view-transition-old(verification-banner){animation:none}::view-transition-new(verification-banner){animation:none}html:active-view-transition-type(from-auth)::view-transition-old(root){animation:.4s ease-out both view-fade-out}html:active-view-transition-type(from-auth)::view-transition-new(app-header){animation:.5s cubic-bezier(.34,1.56,.64,1) .4s both view-slide-from-top}html:active-view-transition-type(from-auth)::view-transition-new(app-main){animation:.6s .4s both view-fade-in-from-bottom}@keyframes view-fade-out{to{opacity:0}}@keyframes view-slide-from-top{0%{translate:0 -100%}}@keyframes view-fade-in-from-bottom{0%{opacity:0;translate:0 1rem}}@keyframes banner-reveal{0%{opacity:0;margin-block-start:calc(-1 * var(--banner-height))}}app-banner[data-entering],verification-banner[data-entering]{animation:.5s cubic-bezier(.34,1.56,.64,1) both banner-reveal}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}::view-transition-old(app-main){animation:none!important}::view-transition-new(app-main){animation:none!important}::view-transition-new(app-header){animation:none!important}::view-transition-old(app-banner){animation:none!important}::view-transition-new(app-banner){animation:none!important}::view-transition-old(verification-banner){animation:none!important}::view-transition-new(verification-banner){animation:none!important}app-banner[data-entering],verification-banner[data-entering]{animation:none!important}}
