:root{--font-system:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg:#f5f5f7;--bg-2:#fff;--bg-3:#ececf0;--label:#1d1d1f;--label-2:#6e6e73;--label-3:#aeaeb2;--accent:#0071e3;--accent-pressed:#0060c9;--success:#1d8127;--danger:#d70015;--separator:#3c3c432e;--card-shadow:0 1px 2px #0000000f, 0 8px 24px #00000014;--radius-l:18px;--radius-m:12px;--radius-s:8px;--title-1:28px;--title-2:22px;--body:17px;--callout:15px;--caption:13px;--caption-2:11px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--bg-2:#1c1c1e;--bg-3:#2c2c2e;--label:#f5f5f7;--label-2:#a1a1a6;--label-3:#6e6e73;--accent:#0a84ff;--accent-pressed:#409cff;--separator:#ffffff2e;--card-shadow:0 1px 2px #0006, 0 8px 24px #00000073}}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-system);font-size:var(--body);background:var(--bg);color:var(--label);-webkit-font-smoothing:antialiased;min-height:100svh;line-height:1.45;overflow-x:clip}img,svg{max-width:100%}#root{min-height:100svh}.app-shell{max-width:860px;margin:0 auto;padding:0 16px 48px}.app-header{z-index:20;border-radius:var(--radius-l);flex-wrap:wrap;align-items:center;gap:16px;margin:12px 0 20px;padding:12px 16px;display:flex;position:sticky;top:12px}.glass{background:color-mix(in srgb, var(--bg-2) 72%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border:1px solid var(--separator);box-shadow:var(--card-shadow)}.brand{align-items:baseline;gap:8px;margin-right:auto;display:flex}.brand-mark{color:var(--accent);font-size:24px}.brand-name{font-size:var(--title-2);letter-spacing:-.4px;font-weight:700}.brand-sub{font-size:var(--caption);color:var(--label-2)}.tabs{background:var(--bg-3);border-radius:999px;padding:3px;display:flex}.tab{min-height:44px;color:var(--label-2);font-size:var(--callout);border-radius:999px;align-items:center;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.tab.active{background:var(--bg-2);color:var(--label);box-shadow:0 1px 4px #0000001f}.app-main{gap:16px;display:grid}.app-main>*{min-width:0}.app-footer{text-align:center;color:var(--label-2);font-size:var(--caption);margin-top:28px}.card{background:var(--bg-2);border:1px solid var(--separator);border-radius:var(--radius-l);box-shadow:var(--card-shadow);padding:20px}.card h1{font-size:var(--title-1);letter-spacing:-.6px;margin:0 0 6px}.card h2{font-size:var(--title-2);letter-spacing:-.3px;margin:0 0 6px}.muted{color:var(--label-2)}.small{font-size:var(--caption)}.btn{min-height:44px;font-size:var(--body);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-pressed)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-3);color:var(--accent)}.btn-plain{color:var(--accent);background:0 0;min-height:44px}.field,.code-box{min-height:44px;font-size:var(--body);background:var(--bg-2);color:var(--label);border:1px solid var(--separator);border-radius:var(--radius-m);padding:0 14px;font-family:inherit}.field:focus-visible,.btn:focus-visible,.tab:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}.dropzone{border:2px dashed var(--separator);border-radius:var(--radius-l);text-align:center;cursor:pointer;background:var(--bg-2);padding:36px 20px;transition:border-color .15s,transform .15s}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);transform:scale(1.005)}.dropzone .dz-title{font-size:var(--title-2);font-weight:700}.file-row{border-bottom:1px solid var(--separator);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 4px;display:flex}.file-row:last-child{border-bottom:0}.file-icon{font-size:22px}.file-meta{flex:1;min-width:0}.file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.progress{background:var(--bg-3);border-radius:999px;height:8px;overflow:hidden}.progress>i{background:var(--accent);border-radius:inherit;height:100%;transition:width .15s linear;display:block}.code-display{font-family:var(--font-mono);letter-spacing:clamp(2px,1.5vw,6px);text-align:center;-webkit-user-select:all;user-select:all;white-space:nowrap;padding:12px 4px;font-size:clamp(30px,11vw,40px);font-weight:700}.code-grid{grid-template-columns:repeat(6,minmax(0,1fr));justify-content:center;gap:8px;width:100%;max-width:380px;margin-inline:auto;display:grid}.code-box{text-align:center;width:100%;min-width:0;padding:0;font-size:24px;font-weight:700}.code-box::placeholder{color:var(--label-3)}.btn-row{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.delete-form{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.delete-form .field{flex:180px;min-width:0}.device-nick{font-size:var(--caption);color:var(--label-2);align-items:center;gap:8px;display:flex}.device-nick input{max-width:130px;min-height:36px;font-size:var(--caption)}.empty{text-align:center;color:var(--label-2);padding:28px 12px}.app-shell{padding-bottom:max(48px, env(safe-area-inset-bottom))}.app-header{top:max(12px, env(safe-area-inset-top))}@media (width<=640px){.app-shell{padding:0 12px 40px}.app-header{gap:10px;margin:8px 0 16px;padding:10px 12px}.brand{flex:100%;margin-right:0}.brand-sub{display:none}.tabs{flex:100%;order:2}.tab{font-size:var(--caption);white-space:nowrap;flex:1 1 0;justify-content:center;min-width:0;padding:0 4px}.device-nick{order:3}.card{border-radius:16px;padding:16px}.card h1{font-size:24px}.card h2{font-size:20px}.dropzone{padding:28px 14px}.dropzone .dz-title{font-size:19px}.btn-row .btn{flex:140px}.code-box{font-size:20px}.code-grid{gap:6px}}@media (width<=380px){.file-row .btn,.file-row a.btn,.delete-form .btn{flex:100%}.btn{padding:0 16px}.empty{padding:20px 4px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}