:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8e8e8;background:#111;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100svh}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:46px;padding:11px 17px;border-radius:12px;border:1px solid #555;background:#292929;color:#f2f2f2}button:hover,button:focus-visible{border-color:#aaa}button.primary{background:#ddd;color:#161616;border-color:#eee;font-weight:700}button.primary:hover{background:white}input,select,textarea{width:100%;padding:13px 15px;border:1px solid #555;border-radius:11px;background:#222;color:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#ddd}label{display:grid;gap:8px;font-size:.93rem;color:#d9d9d9}h1,h2,p{margin-top:0}.eyebrow{font-size:.72rem;letter-spacing:.19em;font-weight:700;color:#a8a8a8}.login{min-height:100svh;display:grid;place-items:center;padding:25px}.login-card{width:min(100%,430px);background:linear-gradient(120deg,#171717,#303030);border:1px solid #666;border-radius:28px;padding:34px;box-shadow:0 25px 70px #0008}.mark,.brand-mark{display:inline-grid;place-items:center;border:1px solid #aaa;border-radius:50%;font-family:Georgia,serif;font-style:italic;color:#eee}.mark{width:85px;height:85px;font-size:2rem;margin-bottom:35px}.login h1{font-weight:450;font-size:2.3rem;margin-bottom:10px}.login p:not(.eyebrow,.error){color:#aaa;line-height:1.5}.login form{display:grid;gap:18px;margin-top:28px}.login code{display:block;word-break:break-all;background:#090909;padding:15px;border-radius:10px;font-size:1.05rem;letter-spacing:.07em}.error{color:#ffc0b8;min-height:1.4em;margin:12px 0 0}.shell{max-width:1150px;margin:auto;padding:0 24px 90px}.top{height:80px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333}.brand{display:flex;align-items:center;gap:13px;font-weight:650;font-size:1.1rem}.brand-mark{width:40px;height:40px;font-size:1rem}.subtle{border:0;background:none;color:#aaa}.intro{padding:53px 0 18px}.intro h1{font-size:clamp(2.4rem,7vw,4.4rem);letter-spacing:-.05em;font-weight:430;margin:0 0 9px}.intro>p:last-child{color:#999}.tools{display:flex;gap:12px;flex-wrap:wrap;padding:25px 0 50px}.browse{border-top:1px solid #393939;padding-top:30px}.heading{display:flex;align-items:baseline;gap:14px}.heading h2{font-size:1.35rem;font-weight:600}.heading span{color:#aaa}#search{max-width:440px}.categories{display:flex;gap:8px;overflow-x:auto;padding:20px 0 24px}.categories button{white-space:nowrap;border-radius:100px;padding:9px 16px;min-height:40px;background:transparent}.categories button.selected{background:#ddd;color:#111}.dropzone{border:1px dashed #666;border-radius:15px;padding:23px;color:#999;text-align:center;margin-bottom:24px}.dropzone.over{border-color:white;background:#ffffff12}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.tile{display:flex;flex-direction:column;text-align:left;min-height:174px;padding:18px;background:linear-gradient(130deg,#282828,#1c1c1c);border:1px solid #484848;border-radius:17px;overflow:hidden}.tile .glyph{font-size:2.4rem;font-family:Georgia,serif;color:#aaa;margin-bottom:auto}.tile strong{font-size:1.03rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile small{color:#aaa;margin-top:6px}.empty{padding:35px;text-align:center;color:#aaa}.overlay,.viewer{position:fixed;inset:0;z-index:10;background:#000c}.overlay{display:grid;place-items:center;padding:16px}.dialog{width:min(100%,480px);max-height:90svh;overflow:auto;padding:23px;background:#242424;border:1px solid #666;border-radius:22px;display:grid;gap:17px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0;font-size:1.4rem}.icon-button{border:0;background:transparent;font-size:2rem;line-height:1;min-width:44px;padding:5px}.dialog form{display:grid;gap:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.viewer{display:flex;flex-direction:column;background:#111}.viewer-top{height:78px;display:flex;align-items:center;gap:16px;padding:0 15px;border-bottom:1px solid #333}.viewer-top>div{flex:1;min-width:0;display:grid;gap:2px}.viewer-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-top small{color:#999}.viewer-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y}.viewer-content{flex:1;min-width:0;height:100%;display:grid;place-items:center;overflow:auto}.viewer-content img{max-width:100%;max-height:100%;object-fit:contain}.viewer-content iframe{width:100%;height:100%;border:0;background:white}.viewer-content article{width:min(100%,750px);max-height:100%;overflow:auto;padding:25px;line-height:1.6;white-space:pre-wrap}.viewer-arrow{border:0;background:none;font-size:3rem;min-width:48px}.viewer-bottom{height:58px;text-align:center;padding:17px;color:#999;font-size:.85rem}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#e5e5e5;color:#111;padding:13px 20px;border-radius:11px;z-index:15;box-shadow:0 10px 30px #0008}[hidden]{display:none!important}@media(max-width:600px){.shell{padding:0 17px 70px}.top{height:65px}.intro{padding:38px 0 8px}.tools{display:grid;grid-template-columns:1fr 1fr;padding:16px 0 35px}.tools .primary{grid-column:1/-1}.dropzone{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{min-height:150px;padding:13px}.viewer-arrow{min-width:35px;padding:4px;font-size:2rem}.viewer-bottom{height:48px}}

.signature{display:block;width:100%;height:auto;margin:-35px 0 -35px}
#backup-codes{white-space:pre-wrap;font-size:.83rem;letter-spacing:0;line-height:1.7;margin:14px 0}