.account-button{border:0;border-radius:9px;background:#f5f5f5;padding:10px;font:inherit;font-size:11px;cursor:pointer}
.account-dialog{border:1px solid #eee;border-radius:24px;padding:0;width:min(440px,calc(100vw - 32px));box-shadow:0 30px 100px #0002;background:#fff;color:#111}
.account-dialog::backdrop{background:#ffffff99;backdrop-filter:blur(16px)}
.account-dialog form{position:relative;padding:38px;display:grid;gap:18px}.account-mark{font-family:Syne,sans-serif;font-weight:700;font-size:40px;letter-spacing:-3px}.account-dialog h2{font-size:25px;letter-spacing:-1px;margin:0}.account-dialog p{color:#777;font-size:14px;line-height:1.6;margin:0}.account-dialog label{display:grid;gap:8px;font-size:12px}.account-dialog input{padding:13px;border:1px solid #ddd;border-radius:10px;font:inherit}.account-dialog a,.account-dialog button:not(#closeAccount){padding:13px;border-radius:10px;text-align:center;border:0;background:#111;color:#fff;font:inherit;font-size:13px;text-decoration:none;cursor:pointer}.account-dialog a[aria-disabled=true]{opacity:.4;pointer-events:none}.account-dialog button:disabled{opacity:.4;cursor:default}#closeAccount{position:absolute;right:18px;top:16px;border:0;background:none;font-size:24px;color:#888;cursor:pointer}#authStatus{color:#777;line-height:1.6}
.archive-navigation{display:flex;gap:4px;margin:18px 0;padding:4px;border-radius:12px;background:#f4f4f4}.archive-navigation button{flex:1;padding:9px 5px;border:0;border-radius:9px;background:transparent;font:inherit;font-size:12px;cursor:pointer}.archive-navigation button.active{background:white;box-shadow:0 1px 5px #0001}.archive-state{font-size:11px;color:#888;line-height:1.6;margin:8px 0}.capture-button{border:1px solid #ddd;background:white;padding:10px 14px;border-radius:10px;margin:8px 0;cursor:pointer;font:inherit;font-size:12px}.capture-button:disabled{opacity:.5}
#focusContent.archive-view{display:block;overflow:auto;overscroll-behavior:contain;background:#fafafa;scroll-behavior:smooth;padding:24px}#focusContent.archive-view .snapshot-image{display:block;width:100%;height:auto;max-height:none;max-width:none;object-fit:initial;border-radius:8px;box-shadow:0 4px 25px #0001}.archive-reader{max-width:650px;margin:0 auto;padding:32px 20px;color:#262626;font-size:17px;line-height:1.85}.archive-reader h1{font-size:32px;line-height:1.2;letter-spacing:-1px}.archive-reader p{white-space:pre-wrap;overflow-wrap:anywhere}.archive-reader img{display:block;width:100%;height:auto;max-height:none;border-radius:8px;margin:24px 0}.archive-reader figcaption{font-size:12px;color:#999}.archive-empty{height:100%;min-height:200px;display:grid;align-content:center;justify-items:center;text-align:center;gap:12px;color:#999;font-size:14px}.archive-empty strong{font-size:20px;color:#333;font-weight:500}.archive-empty p{max-width:340px;line-height:1.7}.archive-view{animation:archive-in .25s ease}@keyframes archive-in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
#focusContent{overflow:auto;overscroll-behavior:contain;cursor:auto;touch-action:pan-y}.snapshot-image{user-select:none}.focus-card{min-height:0}.focus-content{min-height:0}
@media(prefers-reduced-motion:reduce){.archive-view{animation:none}#focusContent.archive-view{scroll-behavior:auto}}