:root{--bg: #eef6ff;--ink: #071943;--muted: #7183ad;--faint: #9aaad0;--blue: #0869ff;--blue-2: #2f8cff;--line: rgba(132, 166, 225, .34);--glass: rgba(255, 255, 255, .72);--glass-strong: rgba(255, 255, 255, .9);--shadow: 0 24px 70px rgba(38, 93, 181, .16);--soft-shadow: 0 10px 28px rgba(35, 87, 170, .12)}*{box-sizing:border-box}html{min-height:100%;background:#173a70}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 4%,rgba(255,255,255,.94),transparent 34%),radial-gradient(circle at 72% 28%,rgba(185,220,255,.52),transparent 35%),linear-gradient(165deg,#f8fbff,#eef6ff 52%,#e5f1ff);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}button,input{font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.56}h1,h2,p{margin:0}.shell{position:relative;isolation:isolate;display:flex;min-height:100vh;width:100%;max-width:430px;margin:0 auto;padding:calc(36px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:18px;overflow-x:hidden}.view-home,.view-detail{padding-top:calc(54px + env(safe-area-inset-top))}.view-unlock{gap:14px;padding-top:calc(28px + env(safe-area-inset-top))}.ambient{position:fixed;z-index:-1;pointer-events:none}.ambient-top{top:58px;left:50%;width:390px;height:390px;border:1px solid rgba(255,255,255,.58);border-radius:999px;transform:translate(-50%);opacity:.75}.ambient-bottom{right:max(18px,calc((100vw - 430px)/2 + 18px));bottom:42px;width:96px;height:150px;background-image:radial-gradient(rgba(130,170,230,.36) 1.5px,transparent 1.5px);background-size:12px 12px;opacity:.5}.icon{width:1em;height:1em;flex:0 0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.unlock-hero{display:grid;justify-items:center;gap:10px;padding-top:30px;text-align:center}.lock-hero{width:158px;height:158px;object-fit:contain;border-radius:999px;mix-blend-mode:multiply;filter:drop-shadow(0 28px 30px rgba(32,111,240,.22))}.unlock-hero h1{margin-top:-2px;font-size:40px;font-weight:850;line-height:1.05;color:#071943}.unlock-hero p{color:#62769f;font-size:17px;font-weight:620}.setup-hint{font-size:13px!important;color:var(--faint)!important}.home-hero{display:grid;gap:18px}.home-hero h1{font-size:42px;font-weight:850;line-height:1}.detail-hero{display:grid;gap:24px}.detail-nav{display:grid;grid-template-columns:52px 1fr 52px;align-items:center}.detail-nav h1{justify-self:center;font-size:25px;font-weight:760}.top-actions{display:flex;gap:10px}.icon-button{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;border:1px solid rgba(177,199,235,.48);border-radius:15px;color:#081a43;background:#ffffffb8;box-shadow:inset 0 1px #ffffffe6,0 12px 24px #345b9e1f}.icon-button.ghost{width:44px;height:44px;color:#6d7fa8;background:transparent;border:0;box-shadow:none}.status-pill{display:flex;width:fit-content;max-width:100%;min-height:52px;align-items:center;gap:13px;padding:0 18px;border:1px solid rgba(169,194,232,.45);border-radius:18px;color:#435579;background:#ffffffbd;box-shadow:inset 0 1px #ffffffeb,var(--soft-shadow);font-size:17px;font-weight:650;white-space:nowrap}.unlock-panel .status-pill{align-self:center;min-width:min(100%,288px);justify-content:center}.status-pill .icon{color:var(--blue);font-size:22px}.status-dot{width:12px;height:12px;border-radius:999px;background:#9cafca;box-shadow:0 0 0 4px #9cafca1f}.status-pill.online .status-dot{background:#27cf78;box-shadow:0 0 0 4px #27cf7821}.status-pill.offline .status-dot{background:#f0b43d;box-shadow:0 0 0 4px #f0b43d2e}.divider{width:1px;height:26px;background:#748fbe42}.unlock-panel{display:grid;gap:16px;padding-top:20px}.password-block,.field{display:grid;gap:10px}.field-title,.field>span{color:#071943;font-size:18px;font-weight:760}.password-shell,.field input,.search-shell{min-height:62px;border:1px solid rgba(98,152,255,.52);border-radius:16px;background:#ffffffd1;box-shadow:inset 0 1px #fffffff5,0 12px 28px #1769ff1f}.password-shell,.search-shell{display:flex;align-items:center;gap:14px;padding:0 14px;color:#2d73ee}.password-shell input,.search-shell input,.field input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:19px;font-weight:650}.field input{padding:0 18px}.password-shell input::placeholder,.search-shell input::placeholder,.field input::placeholder{color:#96a6c8}.primary-button,.secondary-button{min-height:62px;border-radius:16px;font-size:22px;font-weight:820}.primary-button{color:#fff;background:linear-gradient(180deg,#2c95ff,#0459f8 82%);box-shadow:inset 0 1px #ffffff8c,0 12px 20px #0a63ff47,0 0 0 1px #0045dc42}.primary-button:disabled{opacity:.76}.secondary-button{color:#095dff;background:#ffffffc7;box-shadow:inset 0 0 0 1px #7aa6ec57}.settings-shortcut{display:grid;justify-items:center;gap:10px;margin-top:8px;color:#0756dc;background:transparent;font-size:18px;font-weight:760;outline:0}.settings-shortcut:focus-visible{outline:0}.gear-disc{display:inline-grid;width:58px;height:58px;margin-top:-16px;place-items:center;border-radius:999px;color:#6f82aa;background:#ffffffd1;box-shadow:var(--soft-shadow)}.glass-panel{display:grid;gap:16px;padding:20px;border:1px solid rgba(171,199,240,.48);border-radius:22px;background:#ffffffa3;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.start-panel{display:grid;gap:14px}.start-action{display:grid;min-height:82px;gap:6px;align-content:center;padding:16px 18px;border:1px solid rgba(171,199,240,.58);border-radius:20px;color:var(--ink);background:#ffffffb3;box-shadow:var(--soft-shadow);text-align:left}.start-action strong{font-size:20px;font-weight:820}.start-action span{color:var(--muted);font-size:14px;line-height:1.35}.setup-panel h2,.subpage-header h1{color:var(--ink);font-size:26px;font-weight:820}.panel-copy{color:var(--muted);font-size:15px;line-height:1.5}.subpage-header{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:12px}.home-panel,.detail-panel{display:grid;gap:18px}.search-shell{min-height:70px;border-color:#d2e0f8c7;border-radius:22px;color:#8495be;box-shadow:var(--soft-shadow)}.search-shell .icon{width:28px;height:28px}.section-label,.mode-note{color:#7b8aac;font-size:17px;font-weight:650}.platform-list{display:grid;gap:13px}.platform-row{display:grid;grid-template-columns:minmax(0,1fr) 42px 28px;min-height:74px;align-items:center;gap:14px;padding:0 20px;border:1px solid rgba(214,227,248,.82);border-radius:20px;color:var(--ink);background:#ffffffad;box-shadow:0 14px 36px #345b9e17;text-align:left}.platform-row.selected{border-color:#377bffad;box-shadow:inset 0 0 0 1px #3d82ff2e,0 16px 38px #2266e81f}.platform-name{overflow:hidden;font-size:22px;font-weight:670;text-overflow:ellipsis;white-space:nowrap}.platform-count{display:grid;width:35px;height:35px;place-items:center;border-radius:999px;color:#1f66d9;background:#f0f6ff;font-size:19px;font-weight:780}.chevron{color:#a1afd0;font-size:25px}.credential-card{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) auto;column-gap:12px;row-gap:10px;padding:18px 16px;border:1px solid rgba(181,204,240,.58);border-radius:20px;background:#ffffffb8;box-shadow:0 18px 48px #2d59a421}.credential-card.featured{border-color:#5388ff94}.avatar{display:grid;width:50px;height:50px;place-items:center;border-radius:999px;color:#fff;background:linear-gradient(180deg,#4b96ff,#075ff4);box-shadow:0 12px 22px #2665f238;font-size:28px}.avatar[data-tone="1"]{background:linear-gradient(180deg,#54d889,#13b95e)}.avatar[data-tone="2"]{background:linear-gradient(180deg,#7654ff,#4531db)}.credential-body{display:contents;min-width:0}.credential-title-row,.username-line{display:flex;min-width:0;align-items:center;gap:8px}.credential-title-row h2{overflow:hidden;font-size:19px;font-weight:820;text-overflow:ellipsis;white-space:nowrap}.credential-title-row{grid-column:2 / -1;grid-row:1}.tag{padding:2px 8px;border:1px solid rgba(54,119,255,.32);border-radius:999px;color:#075ff4;background:#ebf4ffd6;font-size:13px;font-weight:720;white-space:nowrap}.username-line{grid-column:2 / -1;grid-row:2;padding-right:94px;color:#183060;font-size:16px;font-weight:560}.username-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-mini{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;color:#075ff4;background:transparent;font-size:20px}.meta-line,.secret-box p{color:#7787ae;font-size:14px;line-height:1.45}.meta-line{grid-column:2 / -1;grid-row:3;padding-right:94px}.secret-box{display:grid;grid-column:1 / -1;grid-row:4;gap:10px;margin-top:8px;padding:14px;border:1px solid rgba(206,223,248,.88);border-radius:14px;background:#ffffffad}.secret-label{color:#7787ae;font-size:15px;font-weight:700}.secret-value{display:grid;grid-template-columns:minmax(0,1fr) 34px;min-height:46px;align-items:center;gap:8px;padding:0 10px 0 13px;border:1px solid rgba(188,211,246,.95);border-radius:12px;color:#10254f;background:#f9fcffe6;font-size:17px;font-weight:650}.secret-value span{overflow-wrap:anywhere}.reveal-button{position:absolute;top:78px;right:16px;display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(201,218,242,.82);border-radius:12px;color:#075ff4;background:#ffffffc2;box-shadow:0 10px 24px #3155961a;font-size:14px;font-weight:760}.protection-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center;margin-top:auto;padding:12px 16px;border:1px solid rgba(181,204,240,.56);border-radius:18px;background:#ffffff94;box-shadow:var(--soft-shadow)}.mini-shield{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;color:#1d73ff;background:linear-gradient(180deg,#ffffffe6,#daecffc2);box-shadow:inset 0 0 0 1px #79abf438;font-size:28px}.protection-card strong,.protection-card small{display:block;min-width:0}.protection-card strong{color:#075ff4;font-size:17px;font-weight:820;line-height:1.25}.protection-card small{margin-top:5px;color:#7688ad;font-size:16px;font-weight:650}.bottom-nav{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px;padding:8px;border:1px solid rgba(178,203,238,.52);border-radius:18px;background:#ffffffc7;box-shadow:0 18px 40px #29539b2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{display:grid;min-height:52px;place-items:center;gap:2px;border-radius:13px;color:#7383a8;background:transparent;font-size:12px;font-weight:720}.bottom-nav button.active{color:#075ff4;background:#edf5ff}.bottom-nav button.restricted{opacity:.62}.bottom-nav .icon{width:21px;height:21px}.offline-banner,.message-banner,.error-banner,.empty-state,.mode-note{border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.45}.offline-banner,.mode-note{color:#7a5a00;background:#fff4d3c7}.message-banner{color:#0f6b43;background:#e3f9edcc}.error-banner{color:#8a1f1f;background:#fcecebd6}.empty-state{color:var(--muted);background:#ffffff9e}@media(max-width:360px){.shell{padding-right:16px;padding-left:16px}.unlock-hero{padding-top:18px}.lock-hero{width:132px;height:132px}.unlock-hero h1,.home-hero h1{font-size:35px}.status-pill{gap:8px;padding:0 12px;font-size:14px}.password-shell,.field input,.search-shell,.primary-button,.secondary-button{min-height:58px}.platform-row{min-height:66px;padding:0 15px}.platform-name{font-size:20px}.credential-card{grid-template-columns:44px minmax(0,1fr);padding:15px 13px}.credential-title-row,.username-line,.meta-line{grid-column:2}.username-line,.meta-line{padding-right:0}.avatar{width:42px;height:42px;font-size:24px}.reveal-button{position:static;grid-column:1 / -1;grid-row:4;width:fit-content;justify-self:end}.secret-box{grid-row:5}}