:root{--bg:#f7fafb;--text:#13191c;--muted:#5e696f;--accent:#0f6a8b;--rule:#dce5e9;--field:#fff;--accent-ink:#fff}@media (prefers-color-scheme:dark){:root{--bg:#0f1417;--text:#e6ecef;--muted:#909ea5;--accent:#4fb0d4;--rule:#232c31;--field:#161c20;--accent-ink:#0f1417}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100svh;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.auth{flex-direction:column;gap:28px;width:min(34rem,92%);min-height:100svh;margin:0 auto;padding:8svh 0 3rem;display:flex}.wordmark{letter-spacing:.01em;color:var(--accent);font-size:1.05rem;font-weight:700}.sh1{letter-spacing:-.02em;font-size:1.75rem;font-weight:600;line-height:1.2}.fields{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{font-size:.85rem;font-weight:600}.field-label--split{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field-label--split a{font-size:.85rem;font-weight:400}.field input{font:inherit;border:1px solid var(--rule);background:var(--field);color:var(--text);border-radius:4px;padding:12px 13px;font-size:.95rem}.field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.hint{color:var(--muted);font-size:.8rem}.btn{font:inherit;background:var(--accent);color:var(--accent-ink);cursor:pointer;text-align:center;border:none;border-radius:4px;padding:13px 16px;font-size:.95rem;font-weight:600;text-decoration:none;display:block}.btn:hover{filter:brightness(1.08);text-decoration:none}.body{font-size:1rem}.body+.body{margin-top:10px}.switcher{font-size:1rem}.foot{border-top:1px solid var(--rule);flex-direction:column;gap:5px;margin-top:auto;padding-top:22px;display:flex}.foot-head{font-size:.85rem;font-weight:600}.foot-body{color:var(--muted);font-size:.85rem}:root{--qr-ground:#fff}.errorblock{border:1px solid var(--rule);background:var(--field);border-left-width:3px;border-radius:4px;padding:12px 14px;font-size:.9rem}.errorblock:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.qr-frame{background:var(--qr-ground);border-radius:6px;align-self:flex-start;padding:14px}.qr{width:min(200px,55vw);height:auto;display:block}.secret{letter-spacing:.12em;word-break:break-all;border:1px solid var(--rule);background:var(--field);-webkit-user-select:all;user-select:all;border-radius:4px;padding:12px 13px;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Consolas,monospace;font-size:1rem}.field input.code-input{letter-spacing:.4em;text-align:center;padding-left:calc(13px + .2em);font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Consolas,monospace;font-size:1.4rem}.choices{flex-direction:column;gap:2px;display:flex}.choice{border:1px solid var(--rule);background:var(--field);cursor:pointer;border-radius:4px;align-items:center;gap:10px;padding:11px 13px;display:flex}.choice input{accent-color:var(--accent)}.shell{flex-direction:column;gap:24px;width:min(48rem,92%);min-height:100svh;margin:0 auto;padding:4svh 0 3rem;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.nav{align-items:baseline;gap:18px;font-size:.9rem;display:flex}.filelist{flex-direction:column;gap:2px;list-style:none;display:flex}.filerow{font:inherit;text-align:left;border:1px solid var(--rule);background:var(--field);width:100%;color:var(--text);cursor:pointer;border-radius:4px;flex-direction:column;gap:3px;padding:14px 15px;display:flex}.filerow:hover{border-color:var(--accent)}.filerow:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.filerow:disabled{cursor:default;border-color:var(--rule)}.filename{word-break:break-word;font-size:.95rem;font-weight:600}.filemeta{color:var(--muted);font-size:.85rem}.empty{flex-direction:column;gap:10px;display:flex}.rows{flex-direction:column;gap:2px;list-style:none;display:flex}.row{border:1px solid var(--rule);background:var(--field);border-radius:4px;flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding:14px 15px;display:flex}.row-label{flex:0 0 8rem;font-size:.85rem;font-weight:600}.row-value{word-break:break-word;flex:auto;font-size:.95rem}.row-action{flex:none;font-size:.85rem}.notice{border:1px solid var(--rule);background:var(--field);border-radius:4px;padding:12px 14px;font-size:.9rem}.linkbtn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}