:root{--x9-pink:#e0006a;--x9-pink-dark:#a80050;--x9-yellow:#f5c200;--x9-black:#0a0a0a;--x9-red:var(--x9-pink);--x9-red-dark:var(--x9-pink-dark);--text:#2a2520;--text-h:#0a0a0a;--bg:#c2bfb9;--surface:#fff;--border:#d8d2c8;--accent:var(--x9-pink);--accent-bg:#e0006a12;--accent-border:#e0006a59;--shadow-sm:0 1px 4px #0000001a, 0 0 0 1px #0000000a;--shadow-md:0 4px 16px #00000021, 0 1px 4px #0000000f;--shadow-hover:0 8px 28px #0000002e, 0 2px 6px #00000014;--sans:"Helvetica Neue", Arial, system-ui, sans-serif;--heading:"Impact", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.55 var(--sans);letter-spacing:.1px;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--text:#9a9590;--text-h:#f0ede8;--bg:#181614;--surface:#1c1a16;--border:#302c26;--accent-bg:#e0006a26;--shadow-sm:0 1px 4px #0006, 0 0 0 1px #0000004d;--shadow-md:0 4px 16px #00000080, 0 1px 4px #0000004d;--shadow-hover:0 8px 28px #0009, 0 2px 6px #0006}}#root{text-align:left;border-inline:none;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}body{background-color:var(--bg);background-image:linear-gradient(#00000017 1px,#0000 1px),linear-gradient(90deg,#00000017 1px,#0000 1px);background-size:4px 4px;background-attachment:fixed;margin:0}@media (prefers-color-scheme:dark){body{background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px)}}h1,h2,h3,h4,h5,h6{font-family:var(--sans);color:var(--text-h);letter-spacing:-.02em;font-weight:700}p{margin:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.layout{flex-direction:column;min-height:100svh;display:flex}.layout-main{background:0 0;flex:1}.app-footer{background:var(--x9-black,#0a0a0a);color:#555;letter-spacing:.08em;text-align:center;border-top:1px solid #1a1a1a;padding:.6rem 1rem;font-size:.7rem}.app-footer-link{color:#555;text-decoration:none}.app-footer-link:hover{color:#999}.masthead{background:var(--x9-black,#0a0a0a);color:#fff;border-bottom:4px solid var(--x9-yellow,#f5c200);flex-shrink:0;padding:0}.masthead-inner{flex-wrap:wrap;align-items:center;gap:.25rem 1rem;max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;display:flex}.masthead-logo{font-family:var(--heading,"Impact", Arial, sans-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--x9-pink,#e0006a);text-shadow:2px 2px #00000080;font-size:clamp(1.6rem,4.5vw,2.6rem);font-weight:900;line-height:1;text-decoration:none}.masthead-logo-accent{color:#fff;text-shadow:3px 3px 0 var(--x9-pink,#e0006a);font-style:italic}.masthead-tagline{letter-spacing:.18em;text-transform:uppercase;color:#ffffff59;font-size:.65rem;font-weight:500}.page{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem 3rem}.page-header{border-bottom:2px solid var(--x9-black,#0a0a0a);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.page-header-actions{gap:.5rem;display:flex}.back-link{color:var(--text,#3e3b38);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.3rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--x9-pink,#c00)}.page-state{text-align:center;color:var(--text);letter-spacing:.05em;padding:5rem 1rem;font-size:1.05rem}.page-state.error{color:var(--x9-pink,#c00)}.empty-state{text-align:center;color:var(--text);flex-direction:column;align-items:center;gap:1.25rem;padding:5rem 1rem;display:flex}.empty-state p{opacity:.65;font-size:1.1rem}.btn{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:2px solid #0000;border-radius:2px;justify-content:center;align-items:center;padding:.5rem 1.2rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--x9-pink,#c00);border-color:var(--x9-pink,#c00);color:#fff}.btn-primary:hover:not(:disabled){background:var(--x9-pink-dark,#a00000);border-color:var(--x9-pink-dark,#a00000)}.btn-secondary{border-color:var(--text-h,#0a0a0a);color:var(--text-h,#0a0a0a);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--text-h,#0a0a0a);color:#fff}.btn-danger{border-color:var(--x9-pink,#c00);color:var(--x9-pink,#c00);background:0 0}.btn-danger:hover:not(:disabled){background:var(--x9-pink,#c00);color:#fff}.btn-sm{padding:.3rem .7rem;font-size:.75rem}.btn-full{width:100%}.input{border:2px solid var(--border,#d5d0c8);background:var(--surface,#fff);width:100%;color:var(--text-h);border-radius:2px;padding:.55rem .75rem;font-family:inherit;font-size:.95rem;transition:border-color .12s}.input:focus{border-color:var(--x9-pink,#c00);outline:none;box-shadow:0 0 0 3px #cc00001f}.input::placeholder{color:var(--text);opacity:.45}.magazine-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.75rem;list-style:none;display:grid}.magazine-card{background:var(--surface,#fff);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;transition:box-shadow .15s,transform .15s;display:flex;position:relative}.magazine-card:before{content:"";background:var(--x9-pink,#c00);transform-origin:0;height:3px;transition:transform .15s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.magazine-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.magazine-card:hover:before{transform:scaleX(1)}.magazine-card-link{color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.magazine-cover{aspect-ratio:3/4;background:var(--x9-black,#0a0a0a);width:100%;position:relative;overflow:hidden}.magazine-cover img:not(.mb-splash){object-fit:cover;width:100%;height:100%}.mb-badge{background:var(--x9-pink,#c00);color:#fff;font-family:var(--heading,Impact, Arial Narrow, Arial, sans-serif);letter-spacing:.08em;pointer-events:none;z-index:2;padding:2px 5px;font-size:.6rem;font-weight:900;line-height:1.4;position:absolute;top:5px;right:5px}.mb-splash{pointer-events:none;z-index:2;filter:drop-shadow(0 1px 3px #0000008c);width:80px;height:80px;position:absolute;bottom:4px;right:4px}.magazine-grid .mb-splash{position:absolute;top:-10px;right:0}.year-section .mb-splash{width:44px;height:44px;bottom:3px;right:3px}.magazine-cover-placeholder{color:#ffffff26;width:100%;height:100%;font-family:var(--heading);letter-spacing:.2em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.7rem;display:flex}.magazine-cover-placeholder:before{content:"";border:3px solid #ffffff26;border-radius:0;width:40px;height:40px}.magazine-card-body{border-top:1px solid var(--border);flex-direction:column;flex:1;gap:.2rem;padding:.85rem 1rem .6rem;display:flex}.magazine-title{color:var(--text-h);letter-spacing:-.01em;font-size:.95rem;font-weight:700;line-height:1.25}.magazine-issue,.magazine-date{opacity:.6;font-size:.78rem}.magazine-comics-count{color:var(--x9-pink,#c00);letter-spacing:.08em;text-transform:uppercase;margin-top:auto;padding-top:.4rem;font-size:.72rem;font-weight:700}.magazine-card-actions{border-top:1px solid var(--border);background:var(--bg);gap:.4rem;padding:.5rem .85rem;display:flex}.detail-layout{grid-template-columns:240px 1fr;align-items:start;gap:3rem;display:grid}@media (width<=680px){.detail-layout{grid-template-columns:1fr}}.detail-cover-col{flex-direction:column;gap:.75rem;display:flex}.detail-cover{aspect-ratio:3/4;cursor:pointer;background:var(--x9-black,#0a0a0a);width:100%;box-shadow:var(--shadow-md);border:1px solid var(--border);position:relative;overflow:hidden}.detail-cover img{object-fit:cover;width:100%;height:100%}.detail-cover-placeholder{color:#fff3;width:100%;height:100%;font-family:var(--heading);letter-spacing:.2em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:.65rem;display:flex}.detail-cover-placeholder:before{content:"";border:3px solid #fff3;width:50px;height:50px}.detail-cover-overlay{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:#0009;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex;position:absolute;inset:0}.detail-title{letter-spacing:-.03em;color:var(--text-h);margin-bottom:.6rem;font-size:2rem;font-weight:900;line-height:1.1}.detail-meta{color:var(--text);margin-bottom:.3rem;font-size:.88rem}.detail-meta strong{color:var(--text-h)}.comics-section{margin-top:2rem}.comics-section-header{border-bottom:2px solid var(--x9-black,#0a0a0a);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.comics-section-header h2{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:1rem;font-weight:900}.comics-list{flex-direction:column;gap:0;list-style:none;display:flex}.comic-item{border-bottom:1px solid var(--border);padding:.6rem .75rem;transition:background .1s}.comic-item:last-child{border-bottom:none}.comic-item:hover{background:var(--accent-bg)}.comic-add-panel{margin-bottom:1rem}.empty-state-small{color:var(--text);opacity:.55;padding:1rem 0;font-style:italic}.comic-form{background:var(--surface,#fff);border:2px solid var(--x9-black,#0a0a0a);box-shadow:4px 4px 0 var(--x9-pink,#c00);flex-direction:column;gap:.55rem;padding:1rem;display:flex}.comic-form-row{align-items:center;gap:.5rem;display:flex}.comic-form-row .input{flex:1}.comic-form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.comic-form-rating{align-items:center;gap:.6rem;display:flex}.rating-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text);opacity:.7;font-size:.72rem;font-weight:700}.comic-form-actions{gap:.4rem;display:flex}.comic-row{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.comic-row-main{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.comic-row-title-line{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.comic-title{color:var(--text-h);font-size:.95rem;font-weight:600;line-height:1.3}.comic-meta{color:var(--text);opacity:.65;font-size:.77rem}.comic-link{color:var(--x9-pink,#c00);word-break:break-all;font-size:.77rem;text-decoration:none}.comic-link:hover{text-decoration:underline}.comic-actions{flex-shrink:0;gap:.35rem;margin-top:2px;display:flex}.modesty-badge{letter-spacing:.1em;text-transform:uppercase;color:#c006;white-space:nowrap;border:1.5px solid #cc00004d;border-radius:1px;flex-shrink:0;justify-content:center;align-items:center;padding:.1rem .4rem;font-size:.65rem;font-weight:900;display:inline-flex}.modesty-badge.active{background:var(--x9-pink,#c00);border-color:var(--x9-pink,#c00);color:#fff}.modesty-toggle{cursor:pointer;flex-shrink:0;align-items:center;display:inline-flex}.modesty-toggle input{opacity:0;width:0;height:0;position:absolute}.star-picker{align-items:center;gap:1px;display:inline-flex}.star-btn{cursor:pointer;color:#00000026;background:0 0;border:none;padding:0 1px;font-size:1.3rem;line-height:1;transition:color .1s,transform .1s}@media (prefers-color-scheme:dark){.star-btn{color:#ffffff26}}.star-btn:hover,.star-btn.star-filled{color:#d97706}.star-btn:hover{transform:scale(1.2)}.star-clear{cursor:pointer;color:var(--text);opacity:.45;background:0 0;border:none;padding:0 3px;font-size:.72rem}.star-clear:hover{color:var(--x9-pink,#c00);opacity:1}.comic-stars{gap:1px;font-size:.85rem;display:flex}.comic-stars .star-filled{color:#d97706}.comic-stars .star-empty{color:#0000001f}@media (prefers-color-scheme:dark){.comic-stars .star-empty{color:#ffffff1f}}.form-page{max-width:560px}.form-page h1{letter-spacing:-.03em;border-bottom:3px solid var(--x9-black,#0a0a0a);margin-bottom:1.75rem;padding-bottom:.75rem;font-size:1.75rem;font-weight:900}.error-dialog-backdrop{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.error-dialog{background:#fff;border-radius:10px;flex-direction:column;gap:.9rem;width:100%;max-width:360px;padding:1.75rem 1.75rem 1.5rem;display:flex;box-shadow:0 8px 40px #00000038}.error-dialog-title{font-size:1.05rem;font-family:var(--heading,Impact, Arial Narrow, Arial, sans-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--x9-pink,#c00);margin:0}.error-dialog-message{color:#333;margin:0;font-size:.88rem;line-height:1.55}.error-dialog-btn{align-self:flex-end;min-width:80px}.confirm-dialog-actions{justify-content:flex-end;gap:.6rem;display:flex}.form-error{color:var(--x9-pink,#c00);background:#cc00000f;border:1.5px solid #cc00004d;margin-bottom:1.25rem;padding:.65rem 1rem;font-size:.88rem;font-weight:500}.magazine-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{letter-spacing:.1em;text-transform:uppercase;color:var(--text);font-size:.75rem;font-weight:700}.form-group--checkbox{flex-direction:row;align-items:center}.mb-matches{background:#cc000014;border:1px solid #cc00004d;border-radius:6px;margin-bottom:.25rem;padding:.6rem .75rem}.mb-matches-label{letter-spacing:.06em;text-transform:uppercase;color:var(--x9-pink,#c00);margin:0 0 .4rem;font-size:.7rem;font-weight:700}.mb-matches-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.mb-matches-item{align-items:baseline;gap:.4rem;font-size:.82rem;display:flex}.mb-matches-title{color:var(--text);font-weight:600}.mb-matches-orig{color:var(--text-muted,#888);font-size:.72rem}.checkbox-label{letter-spacing:.04em;text-transform:none;cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.checkbox-label input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--x9-pink,#c00);cursor:pointer}.form-actions{gap:.75rem;margin-top:.75rem;display:flex}.splash{flex-direction:column;gap:1.25rem;display:flex}.splash-covers{pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.splash-cover-item{border:2px solid var(--border,#e0dad0);pointer-events:auto;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.splash-cover-item:hover{box-shadow:4px 6px 0 var(--x9-yellow,#c00);border-color:var(--x9-pink,#c00);z-index:1;position:relative;transform:translateY(-4px)scale(1.03)}.splash-cover-svg{width:100%;height:auto;display:block}.splash-cta{text-align:center;border-top:3px solid var(--x9-black,#0a0a0a);flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1rem 0;display:flex}.splash-cta-title{font-family:var(--heading,Impact, Arial Narrow, Arial, sans-serif);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:1.6rem;font-weight:900}.splash-cta-sub{color:var(--text,#333);opacity:.7;max-width:380px;margin:0;font-size:.9rem}.cover-picker{cursor:pointer;border:2px dashed var(--border,#e0dad0);background:var(--surface,#fff);justify-content:center;align-items:center;min-height:180px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.cover-picker:hover{border-color:var(--x9-pink,#c00);background:#cc000008}.cover-picker--has-image{border-style:solid;border-color:var(--x9-black,#0a0a0a);min-height:unset}.cover-picker-placeholder{flex-direction:column;align-items:center;gap:.5rem;padding:2rem;display:flex}.cover-picker-icon{font-size:2rem;line-height:1}.cover-picker-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text,#333);opacity:.6;font-size:.8rem;font-weight:700}.cover-picker-preview{object-fit:contain;width:100%;max-height:320px;display:block}.cover-picker-overlay{pointer-events:none;background:#0a0a0a8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cover-picker-overlay-text{color:#fff;font-family:var(--heading,Impact, Arial Narrow, Arial, sans-serif);letter-spacing:.12em;text-transform:uppercase;font-size:.85rem}.cover-status-strip{flex-wrap:wrap;gap:.35rem;margin-top:-.25rem;display:flex}.cover-status-chip{border:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase;color:var(--text);background:#ffffff14;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.7rem;font-weight:700;line-height:1.4;display:inline-flex}.cover-status-chip--mb{background:var(--x9-pink,#c00);border-color:var(--x9-pink,#c00);color:#fff}.cover-status-chip--crop{color:var(--text);background:#ffffff0d}.cover-status-undo{cursor:pointer;opacity:.7;color:inherit;background:0 0;border:none;padding:0;font-size:.85rem;line-height:1}.cover-status-undo:hover{opacity:1}.scan-action{flex-flow:wrap;gap:.5rem;display:flex}.btn-scan,.btn-crop{background:var(--x9-black,#0a0a0a);color:#fff;border:2px solid var(--x9-black,#0a0a0a);font-family:var(--heading,Impact, Arial Narrow, Arial, sans-serif);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:.55rem 1.25rem;font-size:.8rem;font-weight:700;transition:background .15s,color .15s}.btn-scan:hover:not(:disabled){background:var(--x9-pink,#c00);border-color:var(--x9-pink,#c00)}.btn-crop:hover:not(:disabled){background:#444;border-color:#444}.btn-scan:disabled,.btn-crop:disabled{opacity:.5;cursor:not-allowed}.scan-error{color:var(--x9-pink,#c00);margin:0;font-size:.82rem}.masthead-inner{flex-wrap:wrap;row-gap:0;padding-bottom:0}.masthead-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:0;margin-left:auto;display:flex;overflow-x:auto}.masthead-nav::-webkit-scrollbar{display:none}@media (width<=520px){.masthead-inner{flex-direction:column;align-items:stretch;padding:.5rem 1rem 0}.masthead-logo{padding:.35rem 0}.masthead-nav{border-top:1px solid #ffffff14;margin-left:0;padding:0}.masthead-nav-link{text-align:center;flex:1;padding:.5rem;font-size:.7rem}}.masthead-nav-link{font-family:var(--heading,Impact, Arial Narrow, Arial, sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap;border-bottom:2px solid #0000;padding:.55rem .85rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:color .15s,border-color .15s}.masthead-nav-link:hover{color:#fff}.masthead-nav-link.active{color:var(--x9-pink,#c00);border-bottom-color:var(--x9-pink,#c00)}.masthead-logout{cursor:pointer;opacity:.5;background:0 0;border:none;border-left:1px solid #ffffff1f;margin-left:.25rem}.masthead-logout:hover{color:#fff;opacity:1}.view-title{font-family:var(--heading,Impact, Arial Narrow, Arial, sans-serif);letter-spacing:.04em;text-transform:uppercase;border-bottom:3px solid var(--x9-black,#0a0a0a);margin:0 0 1.5rem;padding-bottom:.6rem;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:900}.view-subtitle{letter-spacing:.1em;text-transform:uppercase;color:var(--text);opacity:.55;margin:-1rem 0 1.5rem;font-size:.8rem}.search-bar{margin-bottom:2rem}.search-input{width:100%;padding:.75rem 1rem;font-size:1.1rem}.search-hint{color:var(--text);opacity:.5;margin-top:2rem;font-size:.9rem}.year-section{margin-bottom:2.5rem}.year-heading{font-family:var(--heading,Impact, Arial Narrow, Arial, sans-serif);letter-spacing:.1em;text-transform:uppercase;border-left:4px solid var(--x9-yellow,#f5c200);margin-bottom:1rem;padding-left:.6rem;font-size:1.2rem;font-weight:900}.year-section .magazine-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.year-section .magazine-card-link{flex-direction:column}.year-section .magazine-cover{width:100%;height:80px;aspect-ratio:unset}.year-section .magazine-card-body{padding:.3rem .4rem}.year-section .magazine-title{font-size:.7rem;line-height:1.2}.year-section .magazine-issue{font-size:.65rem}.year-section .magazine-comics-count{display:none}.modesty-count{font-weight:700;color:var(--x9-pink,#c00)!important}.login-screen{background-color:var(--x9-black,#0a0a0a);background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:4px 4px;justify-content:center;align-items:center;min-height:100svh;padding:1.5rem;display:flex}.login-box{flex-direction:column;gap:1.5rem;width:100%;max-width:420px;display:flex}.login-masthead{font-family:var(--heading,Impact, Arial, sans-serif);letter-spacing:.04em;text-transform:uppercase;text-align:center;font-size:clamp(2.8rem,12vw,4.5rem);font-weight:900;line-height:1}.login-masthead-agent{color:var(--x9-pink,#e0006a);text-shadow:3px 3px #00000080}.login-masthead-x9{color:#fff;text-shadow:4px 4px 0 var(--x9-pink,#e0006a);margin-left:.15em;font-style:italic}.login-tagline{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:#ffffff4d;margin-top:-1rem;font-size:.75rem}.login-username{color:#fff;box-sizing:border-box;background:#ffffff12;border:1px solid #ffffff2e;border-radius:6px;outline:none;width:100%;padding:.65rem .9rem;font-family:inherit;font-size:.95rem;transition:border-color .15s}.login-username::placeholder{color:#ffffff4d}.login-username:focus{border-color:#ffffff80}.login-btn{letter-spacing:.14em;padding:.85rem 1.5rem;font-size:1rem}.login-error{text-align:center;color:var(--x9-pink,#e0006a);margin-top:-.5rem;font-size:.78rem}.login-no-passkey{text-align:center;color:#ffffff59;font-size:.78rem}.login-register-link{cursor:pointer;color:#ffffff73;text-underline-offset:3px;background:0 0;border:none;align-self:center;padding:.25rem .5rem;font-family:inherit;font-size:.75rem;text-decoration:underline;transition:color .15s}.login-register-link:hover{color:#ffffffbf}.login-build-date{color:#e05575;letter-spacing:.06em;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.62rem;position:fixed;bottom:.75rem;right:.9rem}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.duplicate-badge{color:#fff;vertical-align:middle;letter-spacing:.04em;background:orange;border-radius:.6em;margin-left:.5em;padding:.1em .7em;font-size:.7rem;font-weight:700;display:inline-block}