:root{--bg: var(--tg-theme-bg-color, #ffffff);--bg-secondary: var(--tg-theme-secondary-bg-color, #f2f2f7);--group-bg: var(--tg-theme-section-bg-color, var(--bg-secondary));--text: var(--tg-theme-text-color, #1c1c1e);--hint: var(--tg-theme-hint-color, #8e8e93);--link: var(--tg-theme-link-color, #007aff);--button: var(--tg-theme-button-color, #007aff);--button-text: var(--tg-theme-button-text-color, #ffffff);--destructive: #ff3b30;--separator: var(--tg-theme-section-separator-color, color-mix(in srgb, var(--hint) 35%, transparent));--safe-top: calc( var(--tg-safe-area-inset-top, var(--tg-viewport-safe-area-inset-top, 0px)) + var(--tg-content-safe-area-inset-top, var(--tg-viewport-content-safe-area-inset-top, 0px)) );--safe-bottom: var(--tg-safe-area-inset-bottom, var(--tg-viewport-safe-area-inset-bottom, 0px))}@media(prefers-color-scheme:dark){:root{--bg: var(--tg-theme-bg-color, #000000);--bg-secondary: var(--tg-theme-secondary-bg-color, #1c1c1e);--text: var(--tg-theme-text-color, #ffffff);--hint: var(--tg-theme-hint-color, #8e8e93);--link: var(--tg-theme-link-color, #0a84ff);--button: var(--tg-theme-button-color, #0a84ff);--destructive: #ff453a}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{touch-action:manipulation}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:1.0625rem;line-height:1.35;-webkit-font-smoothing:antialiased}h2{font-size:1.375rem;font-weight:700;letter-spacing:-.3px;margin:0 0 4px}h3{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--hint);margin:20px 0 8px}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea,select{font:inherit;font-size:max(16px,1rem);color:var(--text);background:var(--bg-secondary);border:none;border-radius:12px;padding:11px 12px;width:100%}input[type=checkbox]{width:22px;height:22px;accent-color:var(--button)}.btn-primary{background:var(--button);color:var(--button-text);border:none;border-radius:14px;padding:14px;min-height:44px;font-size:1.0625rem;font-weight:600;width:100%}.btn-primary:active{opacity:.7}.btn-primary:disabled{opacity:.4}.btn-secondary{background:var(--bg-secondary);color:var(--text);border:none;border-radius:14px;padding:14px;min-height:44px;font-size:1.0625rem;font-weight:500;width:100%}.btn-secondary:active{opacity:.6}.btn-secondary:disabled{opacity:.4}.btn-plain{display:inline-flex;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--link);font-size:.9375rem;font-weight:500;padding:10px;min-height:44px;width:100%;text-align:center}.btn-plain:active{opacity:.5}.btn-destructive{background:transparent;color:var(--destructive);border:none;padding:14px;min-height:44px;width:100%;font-size:1.0625rem;font-weight:500}.btn-destructive:active{opacity:.5}.screen{padding:16px;max-width:480px;margin:0 auto;padding-top:calc(16px + var(--safe-top));padding-bottom:calc(110px + var(--safe-bottom))}.field{margin-bottom:14px}.field label{display:block;font-size:.8125rem;color:var(--hint);margin-bottom:6px}.error-text{color:var(--destructive);font-size:.8125rem;margin-top:8px}.hint-text{color:var(--hint);font-size:.8125rem}.card{background:var(--group-bg);border-radius:14px;padding:12px 14px;margin-bottom:16px}.card .field{margin-bottom:0;padding:10px 0}.card .field:not(:last-child){border-bottom:.5px solid var(--separator)}.checkbox-row{display:flex;align-items:center;gap:10px;min-height:44px}.tab-row{display:flex;overflow-x:auto;background:var(--bg-secondary);border-radius:10px;padding:2px;gap:2px;margin:10px 0}.tab{flex:none;padding:6px 14px;min-height:32px;border-radius:8px;background:transparent;color:var(--text);border:none;white-space:nowrap;font-size:.8125rem;font-weight:500}.tab.active{background:var(--bg);color:var(--text);box-shadow:0 1px 3px #0000001f}.item-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;min-height:44px;width:100%;background:none;border:none;color:inherit;font:inherit;text-align:left}.item-row:active{opacity:.6}.item-row:not(:last-child){border-bottom:.5px solid var(--separator)}.item-row .title{font-weight:500}.item-row .subtitle{color:var(--hint);font-size:.8125rem}.item-row-chevron{flex:none;color:var(--hint);opacity:.6;transform:rotate(180deg)}.tag-chip{display:inline-flex;align-items:center;gap:4px;background:var(--bg);border-radius:999px;padding:3px 10px;font-size:.75rem;color:var(--hint);margin:2px 4px 2px 0}.tag-remove{position:relative;background:none;border:none;padding:0;color:inherit;line-height:1}.tag-remove:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px}.copy-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.totp-code{display:block;width:100%;background:none;border:none;color:inherit;font-size:1.75rem;font-weight:700;letter-spacing:4px;padding:4px 0;min-height:44px}.totp-code:active{opacity:.6}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-tile{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--group-bg);border-radius:18px;border:none;color:var(--text);padding:6px}.category-tile:active{opacity:.6}.category-tile .icon{color:var(--button);display:flex}.category-tile .label{font-size:.8125rem;text-align:center;line-height:1.2}.category-tile .count{font-size:.6875rem;color:var(--hint)}.bottom-nav{position:fixed;left:12px;right:12px;bottom:calc(12px + var(--safe-bottom));max-width:456px;margin:0 auto;display:flex;gap:4px;padding:6px;background:color-mix(in srgb,var(--bg) 68%,transparent);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:24px;box-shadow:0 8px 30px #00000029,inset 0 1px #ffffff40;z-index:20}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px;min-height:44px;background:none;border:none;border-radius:18px;color:var(--hint);font-size:.6875rem;font-weight:500;transition:background-color .2s ease,color .2s ease}.bottom-nav-item:active{opacity:.6}.bottom-nav-item.active{color:var(--button);background:color-mix(in srgb,var(--button) 15%,transparent)}.bottom-nav-icon{display:flex}.spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 0}.spinner{position:relative;display:inline-block;width:20px;height:20px}.spinner-spoke{position:absolute;left:50%;top:0;width:2px;height:6px;margin-left:-1px;border-radius:1px;background:var(--hint);transform-origin:1px 10px;animation:spinner-fade .8s linear infinite}@keyframes spinner-fade{0%{opacity:1}to{opacity:.15}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner-spoke{animation-duration:.8s!important;animation-iteration-count:infinite!important}}