.st-pro [hidden]{display:none!important}
.st-hero{display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;margin-bottom:18px;color:#fff;background:linear-gradient(135deg,#0f766e,#0d9488 55%,#14b8a6);box-shadow:0 10px 24px -10px rgba(13,148,136,.6)}
.st-avatar{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex:none}
.st-hero-name{font-weight:700;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-hero-sub{font-size:12px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-badge{margin-left:auto;font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.22)}
.st-title{font-size:1.5rem!important;margin-bottom:2px!important}
.st-sub{margin-bottom:14px!important}
.st-bar{position:sticky;top:0;z-index:20;padding:8px 0 10px;margin-bottom:12px;background:#f8fafc}
.dark .st-bar{background:#0f172a}
.st-search{width:100%;padding:10px 14px;border-radius:12px;border:1px solid #e2e8f0;font-size:14px;margin-bottom:10px;background:#fff}
.st-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.st-tabs::-webkit-scrollbar{display:none}
.st-tabs button{flex:none;padding:8px 14px;border-radius:99px;font-size:13px;font-weight:600;color:#475569;background:#fff;border:1px solid #e2e8f0;transition:.15s}
.st-tabs button[aria-selected=true]{background:#0d9488;border-color:#0d9488;color:#fff;box-shadow:0 4px 10px -4px rgba(13,148,136,.6)}
.st-card{border-radius:18px!important;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 20px -14px rgba(15,23,42,.18)}
.st-card>h2{font-size:15px!important;padding-bottom:12px;border-bottom:1px solid #f1f5f9;margin-bottom:16px!important}
.st-card label{font-size:13px}
.st-card input:not([type=checkbox]),.st-card select{transition:box-shadow .15s,border-color .15s}
.st-empty{text-align:center;color:#94a3b8;font-size:14px;padding:32px 0}
.dark .st-tabs button,.dark .st-search{background:#1e293b;border-color:#334155;color:#e2e8f0}
.dark .st-card>h2{border-color:#334155}

/* Lock screen */
#mt-lock{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Inter,system-ui,sans-serif;background:radial-gradient(120% 90% at 50% 0%,#14b8a6 0%,#0f766e 45%,#0b2f3a 100%);animation:lkIn .35s ease;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
#mt-lock.out{opacity:0;transform:scale(1.04);transition:.3s}
@keyframes lkIn{from{opacity:0}}
.lk-card{width:100%;max-width:340px;padding:24px;text-align:center}
.lk-logo{width:68px;height:68px;margin:0 auto 14px;border-radius:22px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -8px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.25)}
.lk-card h1{font-size:22px;font-weight:700;margin:0}
.lk-sub{font-size:13px;opacity:.8;margin:2px 0 22px}
.lk-dots{display:flex;justify-content:center;gap:14px;margin-bottom:10px}
.lk-dots i{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.7);transition:.15s}
.lk-dots i.on{background:#fff;transform:scale(1.15);box-shadow:0 0 12px rgba(255,255,255,.6)}
.lk-dots.shake{animation:lkShake .4s}
@keyframes lkShake{20%,60%{transform:translateX(-10px)}40%,80%{transform:translateX(10px)}}
.lk-msg{height:18px;font-size:13px;opacity:.85;margin-bottom:18px}.lk-msg.err{color:#fecdd3;opacity:1}
.lk-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 18px;justify-items:center}
.lk-pad button{width:72px;height:72px;border-radius:50%;font-size:26px;font-weight:500;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);transition:transform .1s,background .1s;-webkit-tap-highlight-color:transparent}
.lk-pad button:active{transform:scale(.92);background:rgba(255,255,255,.3)}
.lk-forgot{margin-top:22px;font-size:13px;color:rgba(255,255,255,.75);text-decoration:underline}
/* Security card */
.sec-status{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;font-size:12px;color:#64748b}
.sec-status b{display:block;font-size:14px;color:#0f172a}
.sec-status.on{background:#ecfdf5;border-color:#a7f3d0}.sec-status.on b{color:#047857}
.sec-ic{font-size:22px}
.sec-opt{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px}

#mt-cover{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;font-size:44px;background:linear-gradient(135deg,#0f766e,#0b2f3a)}
#mt-cover.on{display:flex}
.lk-pad .lk-bio{background:rgba(255,255,255,.2)}
.sec-hero{display:flex;gap:14px;align-items:center;padding:14px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;font-size:12px;color:#64748b}
.sec-hero b{display:block;font-size:15px}
.sec-score{flex:none;width:62px;height:62px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),#e2e8f0 0);display:flex;align-items:center;justify-content:center;position:relative;font-weight:800;font-size:17px;color:#0f172a}
.sec-score::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#f8fafc}.sec-score span{position:relative}
.sec-todo{margin:8px 2px 0;padding:0;list-style:none;font-size:12px;color:#94a3b8}
.sec-row{display:flex;gap:12px;align-items:center;margin-top:14px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:14px;font-size:12px;color:#64748b}
.sec-row b{display:block;font-size:14px;color:#0f172a}
.sec-btn{flex:none;padding:8px 14px;border-radius:99px;background:#0d9488;color:#fff;font-size:13px;font-weight:700}
.sec-btn.off{background:#fff;color:#e11d48;border:1px solid #fecdd3}.sec-btn:disabled{opacity:.4}
.sec-log{margin-top:18px;padding-top:14px;border-top:1px solid #f1f5f9;font-size:13px}
.sec-log button{font-size:12px;color:#0d9488;font-weight:600}
.sec-ev{display:flex;justify-content:space-between;padding:6px 0;color:#334155}.sec-ev.bad{color:#e11d48}.sec-ev time{color:#94a3b8;font-size:12px}
.dark .sec-hero,.dark .sec-status{background:#1e293b;border-color:#334155}.dark .sec-score::before{background:#1e293b}.dark .sec-score,.dark .sec-hero b,.dark .sec-row b{color:#f1f5f9}

/* Lock screen v2 polish */
#mt-lock{flex-direction:column;background:radial-gradient(90% 60% at 50% -10%,#2dd4bf 0%,rgba(20,184,166,0) 60%),linear-gradient(180deg,#0f766e 0%,#0c4a52 55%,#0a2733 100%)}
.lk-card{padding:16px 24px 8px}
.lk-logo{position:relative;width:64px;height:64px;border-radius:20px;margin-bottom:12px}
.lk-logo::after{content:"";position:absolute;inset:-8px;border-radius:26px;border:1px solid rgba(255,255,255,.22);animation:lkPulse 2.4s ease-out infinite}
@keyframes lkPulse{from{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.25)}}
.lk-card h1{font-size:24px;letter-spacing:-.01em}
.lk-sub{margin-bottom:20px;font-weight:500;letter-spacing:.02em}
.lk-dots{gap:16px;margin-bottom:12px}
.lk-dots i{width:13px;height:13px;border-width:1.5px}
.lk-msg{margin-bottom:20px;font-size:13px;min-height:18px}
.lk-pad{gap:12px 22px}
.lk-pad button{display:flex;align-items:center;justify-content:center;width:68px;height:68px;padding:0;font-size:27px;font-weight:400;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.lk-pad button svg{display:block;flex:none}
.lk-pad .lk-bio{background:rgba(255,255,255,.18)}
.lk-forgot{margin-top:18px;font-size:13px;text-decoration:none;opacity:.8;padding:8px 14px}
.lk-foot{margin-top:14px;font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.5)}
@media (max-height:640px){.lk-logo{display:none}.lk-pad button{width:58px;height:58px;font-size:23px}.lk-pad{gap:8px 18px}}

/* Menu-style settings */
.st-pro.st-menu>section,.st-pro.st-menu>#btn-logout,.st-pro.st-menu>.sm-head{display:none!important}
.st-pro:not(.st-menu)>section:not(.st-on),.st-pro:not(.st-menu)>.st-hero,.st-pro:not(.st-menu)>.st-menu-wrap,.st-pro:not(.st-menu)>#btn-logout{display:none!important}
.st-menu-wrap{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.sm-group{background:#fff;border-radius:22px;padding:6px 14px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 26px -14px rgba(8,60,80,.2);border:1px solid #eef3f6}
.sm-row{display:flex;align-items:center;gap:14px;width:100%;padding:13px 0;text-align:left;background:none;border:0;cursor:pointer;font-family:inherit;transition:opacity .15s}
.sm-row+.sm-row{border-top:1px solid #eef2f5}
.sm-row:active{opacity:.6}
.sm-ic{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:none}
.sm-ic svg{width:22px;height:22px}
.sm-ic.teal{background:#dff6f1;color:#0b8a7d}.sm-ic.gold{background:#fdf0d8;color:#b7791f}.sm-ic.blue{background:#e3effd;color:#2b6cb0}.sm-ic.red{background:#fde8ec;color:#be123c}
.sm-lb{flex:1;font-size:16px;font-weight:600;color:#0b1b3a}
.sm-row.out .sm-lb{color:#be123c}
.sm-ch{width:18px;height:18px;color:#0d9488;flex:none}.sm-ch svg{width:18px;height:18px}
.sm-head{display:flex;align-items:center;gap:10px;margin:2px 0 14px}
.sm-head h1{font-size:20px;font-weight:800;color:#0b1b3a}
.sm-back{width:40px;height:40px;border-radius:14px;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#0d9488;cursor:pointer;box-shadow:0 4px 12px -8px rgba(8,60,80,.4)}
.sm-back svg{width:18px;height:18px;transform:rotate(180deg)}
.st-help{display:flex;flex-direction:column;gap:12px;font-size:14px;color:#52607a;margin-top:10px}.st-help b{display:block;color:#0b1b3a;font-size:14.5px}.st-help em{font-style:normal;font-weight:700;color:#0d9488}
.st-about{display:flex;align-items:center;gap:12px;margin-top:12px}.st-about img{width:52px;height:52px;border-radius:16px}.st-about b{display:block;font-size:18px;color:#0b1b3a}.st-about span{font-size:13px;color:#7a8aa3}
.st-note{margin-top:12px;font-size:14px;color:#52607a;line-height:1.5}
.dark .sm-group,.dark .sm-back{background:#131b2c;border-color:#232d42}.dark .sm-lb,.dark .sm-head h1,.dark .st-help b,.dark .st-about b{color:#eef2f7}.dark .sm-row+.sm-row{border-color:#232d42}