/*
====================================================
Project Name	: © EntropyX - Secure Password Meter & Generator
Version		: 1.7
Developed	: 20 August 2026
Author		: Abednego Dinarim Siregar / Microsoft 365 Copilot with GPT 5.6 Deep Think.
Lisensi		: You may not copy, steal, modify, reverse engineer, redistribute, sell, or use any part of the application, code, design, brand, or included materials without the owner’s written permission, except where expressly permitted by applicable law.
====================================================
*/

:root{color-scheme:dark;--shell:#111923;--text:#f7fbff;--muted:#aab6c4;--accent-a:#5fd9ff;--accent-b:#a58cff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eef3f9;color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}body{min-height:100vh;overflow:hidden}.switcher{position:fixed;z-index:1000;top:max(14px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;width:min(610px,calc(100% - 24px));pointer-events:none}.brand{display:none}.theme-tabs{pointer-events:auto;display:grid;grid-template-columns:repeat(5,minmax(68px,1fr));align-items:center;gap:3px;flex:1;min-width:0;padding:7px;background:linear-gradient(180deg,rgba(26,37,49,.98),rgba(12,19,27,.98));border:1px solid rgba(112,211,255,.22);border-radius:999px;box-shadow:0 14px 34px rgba(9,18,29,.3),0 2px 7px rgba(9,18,29,.25),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.theme-tab{position:relative;border:0;background:transparent;color:var(--muted);min-width:0;height:40px;border-radius:999px;padding:0 10px;font:750 .78rem/1 inherit;cursor:pointer;transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;white-space:nowrap}.theme-tab:hover{color:#fff;background:rgba(255,255,255,.06)}.theme-tab:focus-visible,.nav-btn:focus-visible{outline:3px solid rgba(95,217,255,.45);outline-offset:2px}.theme-tab[aria-selected="true"]{color:#09121d;background:linear-gradient(135deg,var(--accent-a),var(--accent-b));box-shadow:0 7px 18px rgba(95,217,255,.26),inset 0 1px rgba(255,255,255,.55);transform:translateY(-1px)}.navs{display:contents}.nav-btn{pointer-events:auto;flex:0 0 48px;width:48px;height:56px;border:1px solid rgba(112,211,255,.2);border-radius:14px;background:linear-gradient(180deg,rgba(48,63,76,.98),rgba(28,39,50,.98));color:#e9f7ff;font:500 1.65rem/1 inherit;cursor:pointer;box-shadow:0 11px 24px rgba(9,18,29,.25),inset 0 1px rgba(255,255,255,.08);transition:transform .18s ease,border-color .18s ease,background .18s ease}.nav-btn:hover{transform:translateY(-2px);border-color:rgba(95,217,255,.55);background:linear-gradient(180deg,#3b5162,#253543)}#prev{order:-1}.theme-tabs{order:0}#next{order:1}.stage{position:fixed;inset:0;background:#fff}.app-frame{display:block;width:100%;height:100%;border:0;background:#fff}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#0b1119;color:#b9c8d8;font-weight:700}.loading[hidden]{display:none}@media(max-width:620px){.switcher{top:max(9px,env(safe-area-inset-top));gap:6px;width:calc(100% - 12px)}.nav-btn{flex-basis:40px;width:40px;height:48px;border-radius:12px}.theme-tabs{padding:5px;overflow-x:auto;display:flex;scrollbar-width:none;scroll-snap-type:x proximity}.theme-tabs::-webkit-scrollbar{display:none}.theme-tab{flex:0 0 auto;min-width:74px;height:38px;scroll-snap-align:center}}@media(max-width:390px){.switcher{width:calc(100% - 8px)}.nav-btn{flex-basis:36px;width:36px;height:44px}.theme-tabs{padding:4px}.theme-tab{min-width:68px;height:36px;padding:0 8px;font-size:.72rem}}@media(prefers-reduced-motion:reduce){.theme-tab,.nav-btn{transition:none}}