:root{color-scheme:dark;--bg:#090e18;--card:#141f31;--line:#2a3b55;--text:#f4f8ff;--muted:#9babc4;--mint:#80ecd0;--blue:#8badff;--orange:#ffd095;--red:#ffa0aa;--nav:calc(78px + env(safe-area-inset-bottom, 0px));font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{color:var(--text);background:radial-gradient(70% 340px at 85% -60px,#223455,transparent 100%),var(--bg);-webkit-tap-highlight-color:transparent;font-size:14px}button,input,textarea,select{font:inherit}button{border:0;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4}input,textarea{border:1px solid #2b405b;outline:0;background:#0d182a;color:#f4f8ff;border-radius:13px;width:100%;padding:13px;font-size:16px;min-height:48px;appearance:none;-webkit-appearance:none}input:focus,textarea:focus{border-color:#92b5ff;box-shadow:0 0 0 3px #85aaff1d}input::placeholder,textarea::placeholder{color:#697d99}input[type="checkbox"]{width:19px;height:19px;min-height:0;accent-color:#8ee9d4;appearance:auto;-webkit-appearance:checkbox}input[type="datetime-local"]{color-scheme:dark;padding:12px 8px}textarea{resize:vertical;min-height:100px}button:focus-visible{outline:2px solid #a9c8ff;outline-offset:2px}.hidden{display:none!important}
.app{max-width:680px;padding:0 17px calc(var(--nav) + 32px);margin:0 auto}.top{padding:calc(20px + env(safe-area-inset-top,0px)) 0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(130deg,#87e9d4,#7babff);font-size:24px;color:#092334;font-weight:900;box-shadow:0 8px 20px #87cbe620}.brand b{font-size:18px;letter-spacing:-.4px}.brand small{display:block;color:#8a9bb6;margin-top:3px;font-size:11px}.chip{background:#1a3040;color:#aaf5dd;border:1px solid #315e57;padding:7px 9px;border-radius:100px;font-size:11px;white-space:nowrap;font-weight:700}.hero{padding:20px;border:1px solid #354e67;border-radius:23px;background:linear-gradient(135deg,#203b56,#15263e 62%,#122738);box-shadow:0 12px 35px #0003}.eyebrow{font-size:10px;letter-spacing:2px;color:#a7e8de;font-weight:800}.hero h1{font-size:25px;line-height:1.3;margin:9px 0 7px;letter-spacing:-.5px}.hero p{font-size:12px;line-height:1.8;color:#b9c9dd;margin:0}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.stat{padding:12px 8px;border:1px solid #ffffff12;border-radius:13px;background:#0e20336c}.stat strong{display:block;font-size:25px;font-variant-numeric:tabular-nums}.stat small{color:#b7c9d9;font-size:11px}.stat:nth-child(2) strong{color:var(--mint)}.stat:nth-child(3) strong{color:var(--orange)}.next{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:15px;background:#0e2034aa;padding:13px}.next small{display:block;color:#90aac1;font-size:11px}.next b{display:block;margin-top:3px;font-size:13px}.next>strong{color:#a9d2ff;white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums}.section-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 12px}.section-row h2{font-size:17px;margin:0}.section-row h2 span{font-weight:400;color:var(--muted);font-size:12px}.btn{display:inline-flex;gap:7px;align-items:center;justify-content:center;padding:0 13px;min-height:42px;border-radius:13px;font-weight:650;font-size:13px;white-space:nowrap}.btn.primary{background:linear-gradient(100deg,#95f2d6,#8fbaff);color:#10283c}.btn.secondary{background:#21344d;border:1px solid #344965;color:#dceaff}.btn.outline{background:#162438;border:1px solid #31445e;color:#c9d8ee}.btn.danger{background:#422b35;border:1px solid #653b4a;color:#ffb3bd}.btn.sm{min-height:36px;padding:0 10px;font-size:12px}.btn.full{width:100%;min-height:47px}.search{margin:0 0 15px}.search input{background:#111d2e;border-radius:15px;font-size:15px}.cards{display:grid;gap:13px}.card{border:1px solid #2f4059;border-radius:21px;background:linear-gradient(155deg,#16243b,#111b2c 76%);padding:16px;box-shadow:0 8px 22px #0002}.card-top{display:flex;align-items:center;gap:10px}.avatar{height:42px;width:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#24545a,#34548e);font-size:20px;font-weight:850;color:#c4fff0}.ident{min-width:0;flex:1}.ident b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ident small{display:block;margin-top:4px;font-size:12px;color:#93a9bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{display:inline-block;border-radius:100px;background:#243c49;color:#aff0e1;font-size:10px;font-weight:750;padding:7px 9px;white-space:nowrap}.status.wait{background:#443733;color:#ffd4a3}.status.expired{background:#303747;color:#c2d2e5}.status.bad{background:#492c38;color:#ffb2bd}.credentials{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 9px}.cred{border:1px solid #293b54;background:#0c1829;border-radius:13px;padding:11px;min-width:0}.cred-label{font-size:10px;color:#91a7c2}.cred-value{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:7px 0 6px;min-height:17px}.cred-foot{display:flex;justify-content:space-between;gap:6px;align-items:center}.linkbtn{background:transparent;color:#9bc7ff;font-size:12px;padding:5px 0;min-height:24px}.otp{border-radius:14px;padding:12px;background:linear-gradient(100deg,#1b3c44,#142e3b);border:1px solid #376066;display:flex;gap:10px;align-items:center}.otp-info{flex:1;min-width:0}.otp-info small{color:#abd2cf;font-size:11px}.otp-number{font-size:27px;font-weight:850;letter-spacing:2.5px;white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:2px}.otp-timer{width:41px;height:41px;flex:0 0 41px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#78ecd0 var(--progress,100%),#3d595e 0);padding:3px}.otp-timer span{display:grid;place-items:center;border-radius:50%;width:100%;height:100%;background:#18373e;font-size:11px}.rule{height:1px;background:#29384e;margin:15px 0 13px}.limit{margin-top:12px}.limit-head,.limit-time{display:flex;justify-content:space-between;align-items:center;gap:10px}.limit-head b{font-size:12px}.limit-head small{color:#8ca0bb;font-size:11px}.limit-time{margin-top:5px}.limit-time strong{font-size:17px;font-variant-numeric:tabular-nums}.limit-time span{font-size:10px;color:#8ca2bd}.progress{margin-top:8px;background:#293951;height:5px;border-radius:100px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#71ded0,#8db7ff);border-radius:100px}.progress.week i{background:linear-gradient(90deg,#85aaff,#c39eff)}.actions{margin-top:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.actions .btn{font-size:11px;padding:0 6px;white-space:normal;text-align:center;line-height:1.25}.footnote{font-size:11px;color:#8b9eb8;line-height:1.75;margin:15px 3px}.empty{border:1px dashed #36506a;border-radius:20px;background:#111d2e;padding:35px 17px;text-align:center}.empty .emoji{font-size:37px}.empty h3{font-size:17px;margin:11px 0}.empty p{color:#a3b5c9;font-size:12px;line-height:1.8;margin:0 auto 15px;max-width:285px}.banner{border:1px solid #8c6b43;background:#30271e;border-radius:14px;padding:12px 14px;font-size:12px;line-height:1.7;color:#ffe0b4;margin-bottom:13px}.banner strong{display:block;font-size:12px}.banner button{background:transparent;color:#ffe9bf;text-decoration:underline;padding:0;margin-top:7px}.panel{border:1px solid #2c4059;background:#141f32;border-radius:20px;padding:16px;margin:13px 0}.panel h3{font-size:15px;margin:0 0 9px}.panel p{font-size:12px;color:#a9bad0;line-height:1.85;margin:0 0 13px}.settings-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #263951}.settings-row:last-child{border-bottom:0}.settings-row div{min-width:0;flex:1}.settings-row b{display:block;font-size:13px}.settings-row span{display:block;color:#8ea5bc;font-size:11px;line-height:1.7;margin-top:4px}.form-field{margin:0 0 16px}.form-field label{display:block;font-size:12px;color:#c9d9ed;font-weight:650;margin-bottom:8px}.form-field .hint{color:#8fa7c2;font-size:11px;line-height:1.7;margin-top:7px}.field-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.check{display:flex;align-items:center;gap:9px;margin-top:13px;color:#c4d2e7;font-size:12px}.muted{color:#8ea5bc}.tabbar{height:var(--nav);padding:10px 15px calc(7px + env(safe-area-inset-bottom,0px));background:#0e1829f7;border-top:1px solid #29374e;position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-around;gap:9px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.tab{background:transparent;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:flex-start;color:#8094b2;font-size:11px;min-width:75px;padding:2px 12px}.tab svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.tab.active{color:#95e8d1}.fab{position:fixed;right:max(19px,calc((100vw - 680px)/2 + 20px));bottom:calc(var(--nav) + 21px);width:54px;height:54px;border-radius:18px;font-size:31px;color:#0a2135;background:linear-gradient(130deg,#92efd7,#89b7ff);box-shadow:0 10px 26px #73b5db55;z-index:8}.sheet-bg{position:fixed;inset:0;background:#050a14b8;z-index:30;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:680px;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 16px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#111c2e;border:1px solid #344662;border-bottom:0;border-radius:25px 25px 0 0;padding:13px 18px calc(25px + env(safe-area-inset-bottom,0px));box-shadow:0 -20px 70px #0007}.handle{width:42px;height:5px;border-radius:100px;background:#50617b;margin:0 auto 15px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.sheet-head h2{font-size:19px;margin:0}.xbtn{width:36px;height:36px;border-radius:10px;background:#21324a;font-size:20px}.block{padding:14px 0 3px;margin-top:11px;border-top:1px solid #2b3f57}.block h3{margin:0 0 14px;font-size:14px;color:#a3dacc}.sheet-foot{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.sheet-foot .btn{flex:1}.pwdwrap{display:flex;gap:7px}.pwdwrap input{flex:1;min-width:0}.pwdwrap button{min-width:56px}.toast{position:fixed;z-index:60;left:50%;bottom:calc(var(--nav) + 15px);transform:translate(-50%,12px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;background:#d9f8ee;color:#152b39;padding:12px 16px;font-size:13px;font-weight:650;border-radius:13px;box-shadow:0 10px 25px #0005;text-align:center;min-width:130px;max-width:calc(100vw - 30px)}.toast.show{opacity:1;transform:translate(-50%,0)}.manual{padding:13px 0}.manual textarea{min-height:140px;font-size:13px;line-height:1.5;user-select:text;-webkit-user-select:text}.help{padding:14px 15px;border:1px solid #354f6f;border-radius:15px;background:#16253b;font-size:12px;line-height:1.9;color:#bdcee3;margin:14px 0}.help b{color:#eff7ff}
.copy-all{grid-column:1/-1}.notes-field{margin-top:18px}.dialog-note{line-height:1.7}.last-used{color:#7890ab!important;font-size:10px!important}.noscript-cover{position:fixed;inset:0;z-index:200;background:#0b1423;padding:35px 20px;color:white;font:16px/1.8 sans-serif}
@media(max-width:360px){.app{padding-left:12px;padding-right:12px}.hero{padding:16px}.card{padding:13px}.otp-number{font-size:24px}.status{padding:5px}.actions{grid-template-columns:1fr 1fr}.copy-all{grid-column:1/-1}.btn{padding:0 9px}}