:root{--bg-root:#07111f;--bg-app:#0f1624;--surface-1:#172847;--surface-2:#1a2641;--surface-3:#243456;--surface-quiet:#11192a;--line-strong:#2c4b70;--line-soft:#263c57;--line-control:#4f80ba;--text-strong:#f0f4f8;--text-base:#cbd8eb;--text-muted:#9ca3af;--text-on-accent:#0f1624;--primary:#fbbf24;--primary-hover:#fccd55;--primary-quiet:#4b3701;--secondary:#3b82f6;--secondary-hover:#60a5fa;--secondary-text:#8ed5ff;--status-wait:#8ed5ff;--status-wait-bg:#163e4f;--status-ok:#8effbd;--status-ok-bg:#004d20;--status-warn:#fbbf24;--status-warn-bg:#4b3701;--status-error:#f87171;--status-error-bg:#530404;--danger:#b42335;--disabled-bg:#1d2944;--disabled-text:#93a6bf;--focus-ring:#8ed5ff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs:.8rem;--text-sm:.9rem;--text-md:1rem;--text-lg:1.15rem;--text-xl:1.4rem;--text-2xl:clamp(1.7rem, 5vw, 2.4rem);--line-tight:1.25;--line-base:1.65;--weight-regular:400;--weight-bold:700;--tracking-eyebrow:.12em;--touch-min:44px;--focus-width:3px;--focus-offset:2px;--bp-narrow:320px;--bp-medium:600px;--bp-wide:960px}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{background:var(--bg-root);background-image:radial-gradient(circle at 12% -10%, var(--surface-1) 0, var(--bg-root) 44rem);min-height:100svh;color:var(--text-base);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--line-base);margin:0;overflow-x:hidden}.page{width:min(48rem,100%);padding:var(--space-5) var(--space-4) var(--space-8);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.masthead{align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.masthead__title{font-size:var(--text-xl);line-height:var(--line-tight);letter-spacing:-.02em;color:var(--text-strong);margin:0}.masthead__eyebrow{color:var(--secondary-text);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;margin:0}.sitenav{gap:var(--space-2) var(--space-4);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.pagefoot{border-top:1px solid var(--line-soft);padding-top:var(--space-4);color:var(--disabled-text);font-size:var(--text-sm)}.card{padding:var(--space-5) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-2);gap:var(--space-4);flex-direction:column;min-width:0;margin:0;display:flex}.card__title{color:var(--text-strong);font-size:var(--text-lg);line-height:var(--line-tight);margin:0}.card__hint{color:var(--text-muted);font-size:var(--text-sm);margin:0}.card>p{margin:0}.steps{padding-left:var(--space-5);gap:var(--space-2);flex-direction:column;margin:0;display:flex}.actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.btn{appearance:none;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-min);min-width:var(--touch-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font:inherit;font-weight:var(--weight-bold);line-height:var(--line-tight);text-align:center;cursor:pointer;border:1px solid #0000;text-decoration:none;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex}.btn--primary{background:var(--primary);color:var(--text-on-accent)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--secondary{background:var(--secondary);color:var(--text-on-accent)}.btn--secondary:hover:not(:disabled){background:var(--secondary-hover)}.btn--quiet{border-color:var(--line-control);color:var(--secondary-text);background:0 0}.btn--quiet:hover:not(:disabled){border-color:var(--secondary-text)}.btn--danger{background:var(--danger);color:var(--text-strong)}.btn--wide{width:100%}.btn:disabled,.btn[aria-disabled=true]{background:var(--disabled-bg);border-color:var(--line-strong);color:var(--disabled-text);cursor:not-allowed}:where(a,button,input,[tabindex]):focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}a{color:var(--secondary-text);text-underline-offset:.2em}a:hover{color:var(--text-strong)}.field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.field__label{color:var(--text-strong);font-weight:var(--weight-bold)}.field__desc{color:var(--text-muted);font-size:var(--text-sm);margin:0}.codeinput{width:100%;min-height:var(--touch-min);padding:var(--space-3) var(--space-4);border:1px solid var(--line-control);border-radius:var(--radius-md);background:var(--surface-quiet);color:var(--text-strong);font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:.22em;text-transform:uppercase}.codeinput[aria-invalid=true]{border-color:var(--status-error)}.codeinput__count{color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.status{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid #0000;min-width:0;display:flex}.status__icon{flex:none;width:1.5rem;height:1.5rem;margin-top:.1rem}.status__body{min-width:0}.status__title{margin:0 0 var(--space-1);font-weight:var(--weight-bold)}.status__text{font-size:var(--text-sm);margin:0}.status--info,.status--wait{background:var(--status-wait-bg);border-color:var(--status-wait);color:var(--status-wait)}.status--ok{background:var(--status-ok-bg);border-color:var(--status-ok);color:var(--status-ok)}.status--warn{background:var(--status-warn-bg);border-color:var(--status-warn);color:var(--status-warn)}.status--error{background:var(--status-error-bg);border-color:var(--status-error);color:var(--status-error)}.status--wait .status__icon{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.dropzone{padding:var(--space-6) var(--space-4);border:2px dashed var(--line-control);border-radius:var(--radius-lg);background:var(--surface-quiet);text-align:center;color:var(--text-muted);display:none}.dropzone--armed{border-color:var(--primary);color:var(--primary);background:var(--primary-quiet)}.filelist{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.transfer{padding:var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-3);gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.transfer__name{color:var(--text-strong);font-weight:var(--weight-bold);overflow-wrap:anywhere;word-break:break-word}.transfer__meta{gap:var(--space-1) var(--space-4);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.transfer__state{align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);font-size:var(--text-sm);display:inline-flex}.transfer__progress{border-radius:var(--radius-pill);background:var(--surface-quiet);width:100%;height:.5rem;overflow:hidden}.transfer__progressbar{background:var(--primary);height:100%;transition:width .18s;display:block}.empty{padding:var(--space-5) var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--text-muted);text-align:center;margin:0}.confirm{padding:var(--space-4);border:1px solid var(--status-error);border-radius:var(--radius-md);background:var(--status-error-bg);gap:var(--space-3);flex-direction:column;display:flex}.confirm__title{color:var(--status-error);font-weight:var(--weight-bold);margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skiplink{left:var(--space-3);top:calc(-1 * var(--space-8));z-index:10;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--primary);color:var(--text-on-accent);font-weight:var(--weight-bold);position:absolute}.skiplink:focus{top:var(--space-3);color:var(--text-on-accent)}@media (min-width:600px){.page{padding:var(--space-6) var(--space-5) var(--space-8);gap:var(--space-6)}.card{padding:var(--space-5)}.transfer__meta{gap:var(--space-2) var(--space-5)}}@media (min-width:960px){.dropzone{display:block}.masthead__title{font-size:var(--text-2xl)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.btn{border-color:buttontext}.status{border-width:2px}}
