:root:root{--background:#f7f8fa;--foreground:#273430;--card:#fff;--card-foreground:#273430;--popover:#fff;--popover-foreground:#273430;--primary:#215c48;--primary-foreground:#fff;--secondary:#edf1ef;--secondary-foreground:#344b42;--muted:#edf1ef;--muted-foreground:#7b8782;--accent:#e4f2eb;--accent-foreground:#254b3a;--border:#e9eeeb;--input:#f3f5f4;--destructive:#bb4343;--font-sans:"MiSans VF","Microsoft YaHei","PingFang SC",sans-serif;--font-heading:var(--font-sans);--mint:#baf1d6;--mint-ink:#26654d;--panel:#fff;--soft:#f5f7f6;--subtle:#edf1ef;--ink:#253630;--dim:#75837c;--line:#e9eeeb;--hero:#eaf4ee;--shadow:0 3px 14px #14352504;--radius:.75rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--background:#151c1a;--foreground:#e3ebe7;--card:#1e2824;--card-foreground:#e3ebe7;--popover:#222e28;--popover-foreground:#e3ebe7;--primary:#b4eccf;--primary-foreground:#163a2a;--secondary:#2a3831;--secondary-foreground:#e0e9e3;--muted:#29382f;--muted-foreground:#9baaa1;--accent:#2a4435;--accent-foreground:#c4f0d5;--border:#35433b;--input:#17231c;--destructive:#f99191;--mint:#baf1d6;--mint-ink:#b4e9cc;--panel:#1e2824;--soft:#25312b;--subtle:#2b3931;--ink:#e3ebe7;--dim:#9baaa1;--line:#303c35;--hero:#23392c;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scrollbar-gutter:stable;min-width:320px}body{font-family:var(--font-sans);background:var(--background);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;transition:background-color .25s,color .25s}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a,input,textarea,select{outline:none!important}button:focus-visible,a:focus-visible{background-color:var(--accent)!important;color:var(--accent-foreground)!important}input:focus,textarea:focus,select:focus{background:var(--accent)!important}h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}svg{flex-shrink:0}button{transition:background-color .18s,color .18s,opacity .18s}::selection{color:#163c2a;background:#bcf0d5}[data-slot=button]{border-radius:9px;gap:9px;height:43px;padding:0 18px;font-size:13px;font-weight:600;box-shadow:none!important;border:0!important;outline:none!important;transform:none!important}[data-slot=button][data-variant=default]{background:var(--primary);color:var(--primary-foreground)}[data-slot=button][data-variant=default]:hover{filter:brightness(.95)}[data-slot=button][data-variant=secondary]{background:var(--secondary);color:var(--secondary-foreground)}[data-slot=button][data-variant=secondary]:hover{background:var(--accent)}[data-slot=button][data-size^=icon]{width:36px;height:36px;padding:0}.full-width{width:100%}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100dvh}.sidebar{background:var(--sidebar);width:236px;color:var(--sidebar-foreground);z-index:30;flex-direction:column;padding:36px 19px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{color:var(--sidebar-foreground);letter-spacing:2px;align-items:center;gap:12px;margin:0 16px 52px;font-size:24px;font-weight:650;display:flex}.brand-mark{background:var(--sidebar-logo);color:var(--sidebar-primary-foreground);border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 1px #fff6}.brand-mark svg{width:28px;height:28px}.brand-sub{letter-spacing:3px;color:var(--sidebar-muted);margin-top:3px;font-size:10px;font-weight:400;display:block}.sidebar-caption{color:var(--sidebar-muted);letter-spacing:2px;margin:0 16px 15px;font-size:11px}.sidebar nav{flex-direction:column;gap:8px;display:flex}.nav-item{text-align:left;height:48px;color:var(--sidebar-muted);background:0 0;border-radius:9px;align-items:center;gap:12px;padding:0 16px;font-size:13px;display:flex;position:relative}.nav-item:hover{background:var(--sidebar-accent);color:var(--sidebar-foreground)}.nav-item.active{background:var(--sidebar-primary);color:var(--sidebar-primary-foreground)}.nav-item.active:before{content:"";background:var(--sidebar-indicator);border-radius:0 5px 5px 0;width:3px;height:20px;position:absolute;left:-19px}.nav-count{background:#254b3920;border-radius:6px;place-items:center;min-width:21px;height:21px;margin-left:auto;font-size:11px;display:grid}.nav-dot{background:var(--sidebar-indicator);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:42px}.status-dot{background:#61a380;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.sidebar-help{color:var(--sidebar-muted);background:0 0;border-radius:8px;align-items:center;gap:11px;width:100%;padding:12px 14px;font-size:12px;display:flex}.sidebar-help>svg:last-child{margin-left:auto}.sidebar-help:hover{background:var(--sidebar-accent)}.sidebar-version{color:var(--sidebar-muted);justify-content:space-between;margin:20px 14px 0;font-size:10px;display:flex}.main-shell{margin-left:236px}.topbar{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:18px;height:79px;padding:0 42px;display:flex}.breadcrumb{color:var(--dim);align-items:center;gap:13px;font-size:12px;display:flex}.breadcrumb>svg:first-child{color:#819a8c}.breadcrumb strong{color:var(--ink);font-weight:500}.header-actions{align-items:center;gap:16px;display:flex}.local-status{color:var(--dim);align-items:center;gap:7px;font-size:11px;display:flex}.header-divider{background:var(--line);width:1px;height:18px;margin-left:3px}.icon-button{width:35px;height:35px;color:var(--dim);background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:var(--subtle);color:var(--ink)}.dark-icon{display:none}.dark .dark-icon{display:block}.dark .light-icon{display:none}.main-content{max-width:1360px;margin:auto;padding:38px 42px 24px}.page-heading{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:28px;display:flex}.page-heading h1{letter-spacing:-.7px;margin:7px 0 9px;font-size:28px;font-weight:650}.page-heading p{color:var(--dim);font-size:12px}.heading-actions{gap:10px;padding-bottom:3px;display:flex}.text-action{color:var(--mint-ink);background:0 0;border-radius:6px;align-items:center;gap:9px;margin-left:-8px;padding:6px 8px;font-size:12px;font-weight:600;display:inline-flex}.text-action:hover{background:#63a27b18}.list-toolbar{justify-content:space-between;align-items:center;gap:18px;margin:29px 0 19px;display:flex}.list-title{align-items:center;gap:9px;display:flex}.list-title h2{font-size:15px;font-weight:650}.list-title>span{background:var(--subtle);color:var(--dim);border-radius:5px;padding:2px 7px;font-size:10px}.list-tools{align-items:center;gap:9px;display:flex}.search-field{background:var(--panel);height:38px;color:var(--dim);border-radius:8px;align-items:center;gap:9px;width:250px;padding:0 12px;display:flex}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;height:100%;font-size:11px;outline:none!important}.search-field:focus-within{background:var(--accent)}.search-field input:focus{background:0 0!important}.search-field>span{color:#b2bdb6;font-size:19px}.muted-button{background:var(--panel);width:38px;height:38px}.accounts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.account-card{background:var(--panel);box-shadow:var(--shadow);border-radius:13px;padding:20px 20px 0;transition:box-shadow .2s;position:relative;overflow:hidden}.account-card:hover{box-shadow:0 8px 26px #1b3e3510}.account-top{align-items:center;gap:11px;display:flex}.service-icon{background:var(--soft);width:39px;height:39px;color:var(--ink);border-radius:11px;flex-shrink:0;place-items:center;font-size:24px;font-weight:750;display:grid}.service-icon.google{color:#4285f4;background:#f3f7ff;font-weight:800}.service-icon.discord{color:#6b62c7;background:#f0efff;font-size:34px}.service-icon.microsoft{background:#f7f7f7}.ms-grid{grid-template-columns:repeat(2,9px);gap:2px;display:grid}.ms-grid i{background:#f35325;height:9px}.ms-grid i:nth-child(2){background:#81bc06}.ms-grid i:nth-child(3){background:#05a6f0}.ms-grid i:nth-child(4){background:#ffba08}.account-identity{flex:1;min-width:0}.account-identity h3{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.account-identity p{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;overflow:hidden}.star-button{color:#c3cdc6;align-self:flex-start;width:27px;height:30px}.star-button.starred{color:#a1b59e}.code-row{justify-content:space-between;align-items:center;gap:6px;margin:20px 0 13px;display:flex}.code-value{color:var(--mint-ink);letter-spacing:1.5px;font-variant-numeric:tabular-nums;white-space:nowrap;background:0 0;border-radius:5px;gap:13px;padding:4px 0;font-family:MiSans VF,monospace;font-size:31px;font-weight:650;display:flex}.copy-button{color:#8ca094;width:30px}.copied{background:var(--accent);color:var(--mint-ink)}.card-bottom{color:var(--dim);justify-content:space-between;align-items:center;margin-bottom:11px;font-size:9px;display:flex}.card-bottom-right{align-items:center;gap:4px;display:flex}.delete-account{opacity:0;width:26px;height:26px}.account-card:hover .delete-account,.delete-account:focus-visible{opacity:1}.countdown{font-variant-numeric:tabular-nums;align-items:center;gap:5px;min-width:45px;font-size:10px;display:flex}.countdown svg{width:19px;height:19px;transform:rotate(-90deg)}.countdown circle{fill:none;stroke:var(--subtle);stroke-width:2px}.countdown circle+circle{stroke:#78a58a;transition:stroke-dashoffset .4s linear}.card-progress{background:var(--soft);height:2px;margin:0 -20px}.card-progress span{background:#bad8c5;height:100%;transition:width .4s linear;display:block}.expiring .countdown circle+circle{stroke:#c69b57}.expiring .card-progress span{background:#d8c19c}.list-footnote{color:var(--dim);justify-content:space-between;gap:14px;padding:19px 0 26px;font-size:10px;display:flex}.list-footnote>span:first-child{align-items:center;gap:7px;display:flex}.bottom-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:17px;padding-top:24px;display:grid}.info-tile{background:var(--panel);text-align:left;color:var(--ink);border-radius:11px;align-items:center;gap:14px;padding:20px;display:flex}.info-tile:hover{background:var(--accent)}.tile-icon{color:#6b977c;background:#eaf2ed;border-radius:11px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.dark .tile-icon{background:#314738}.tile-icon.pale{color:#8984b0;background:#eeedf7}.info-tile h3{font-size:12px;font-weight:600}.info-tile p{color:var(--dim);margin-top:6px;font-size:10px;line-height:1.7}.info-tile>svg{color:var(--dim);margin-left:auto}.main-footer{color:var(--dim);border-top:1px solid var(--line);justify-content:space-between;gap:20px;margin-top:36px;padding-top:20px;font-size:9px;display:flex}.main-footer>span:first-child{align-items:center;gap:6px;display:flex}.mobile-menu,.mobile-close,.mobile-scrim,.small-only{display:none}.demo-banner{color:#887044;background:#f4eedf;border-radius:8px;align-items:center;gap:9px;margin-bottom:24px;padding:11px 15px;font-size:11px;display:flex}.dark .demo-banner{color:#ddc59b;background:#3b3426}.demo-banner button{color:inherit;white-space:nowrap;background:0 0;align-items:center;gap:6px;margin-left:auto;display:flex}.empty-state{text-align:center;background:var(--panel);border-radius:13px;padding:44px 18px}.empty-state>span{background:var(--soft);color:#83a38d;border-radius:20px;place-items:center;width:65px;height:65px;display:inline-grid}.empty-state h3{margin:20px 0 9px;font-size:17px}.empty-state p{color:var(--dim);margin-bottom:23px;font-size:12px}.welcome-intro{padding:12px 0 31px}.welcome-intro h1{letter-spacing:-1.2px;margin:20px 0 15px;font-size:38px;font-weight:650;line-height:1.5}.welcome-intro h1 span{color:var(--mint-ink)}.welcome-intro>p{color:var(--dim);font-size:13px;line-height:1.9}.welcome-layout{grid-template-columns:1fr 1.12fr;gap:24px;display:grid}.welcome-form{background:var(--panel);box-shadow:var(--shadow);border-radius:17px;padding:32px}.welcome-form h2{font-size:22px;font-weight:600}.welcome-form>p{color:var(--dim);margin:12px 0 24px;font-size:11px;line-height:1.9}.welcome-form form{flex-direction:column;gap:15px;display:flex}.restore-welcome{margin-top:12px}.demo-link{color:var(--mint-ink);background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:9px;width:100%;height:36px;font-size:12px;display:flex}.demo-link:hover{background:var(--soft)}.welcome-form .local-note{justify-content:center;align-items:center;gap:5px;margin:20px 0 0;font-size:9px;display:flex}.backup-status{background:var(--hero);border-radius:15px;align-items:center;gap:20px;margin-bottom:24px;padding:26px;display:flex}.big-status-icon{width:62px;height:62px;color:var(--mint-ink);background:#c5e6d155;border-radius:18px;flex-shrink:0;place-items:center;display:grid}.backup-status h2{font-size:18px;font-weight:600}.backup-status p{color:var(--dim);max-width:560px;margin-top:8px;font-size:11px;line-height:1.8}.status-pill{color:var(--mint-ink);background:var(--hero);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:7px 10px;font-size:10px;display:inline-flex}.backup-status .status-pill{background:var(--panel);margin-left:auto}.status-pill.amber{color:#947637;background:#fbf4e5}.backup-options{grid-template-columns:1fr 1fr;gap:22px;display:grid}.action-card{background:var(--panel);border-radius:15px;flex-direction:column;align-items:flex-start;padding:29px;display:flex}.action-card-icon{background:var(--hero);width:54px;height:54px;color:var(--mint-ink);border-radius:15px;place-items:center;margin-bottom:23px;display:grid}.action-card-icon.lavender{color:#9385b2;background:#efedf6}.action-card h2{margin-bottom:12px;font-size:20px}.action-card p{color:var(--dim);font-size:12px;line-height:1.9}.backup-detail{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:16px;width:100%;margin:19px 0 9px;padding:23px 0;font-size:11px;display:grid}.backup-detail>span{color:var(--dim)}.backup-detail>strong{font-weight:500}.action-card>[data-slot=button]{width:100%;margin-top:auto}.restore-visual{background:var(--soft);width:100%;min-height:138px;color:var(--dim);border-radius:11px;flex:1;justify-content:center;align-items:center;gap:15px;margin:22px 0;display:flex}.restore-visual>span{letter-spacing:1px;font-size:20px}.note-box{background:var(--panel);color:var(--dim);border-radius:12px;align-items:flex-start;gap:14px;margin-top:23px;padding:22px;display:flex}.note-box>svg{color:var(--mint-ink)}.note-box strong{color:var(--ink);font-size:12px;font-weight:550}.note-box p{margin-top:8px;font-size:11px;line-height:1.9}.settings-panel>section{background:var(--panel);border-radius:14px;padding:28px}.settings-panel h2{padding-bottom:9px;font-size:17px}.setting-row{border-bottom:1px solid var(--line);align-items:center;gap:17px;padding:24px 0;display:flex}.setting-row:last-child{border-bottom:0;padding-bottom:5px}.setting-row h3{margin-bottom:6px;font-size:13px}.setting-row p{color:var(--dim);font-size:11px;line-height:1.8}.setting-row>div{flex:1}.setting-row>.status-pill{margin-left:auto}[data-slot=dialog-overlay]{background:#12241d70;animation:none;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}[data-slot=dialog-overlay][data-state=open]{animation:.25s both overlay-in}[data-slot=dialog-overlay][data-state=closed]{animation:.2s both overlay-out}[data-slot=dialog-content].vault-dialog{background:var(--popover);width:520px;max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);color:var(--ink);ring-width:0;scrollbar-width:thin;border:0;border-radius:18px;outline:none;gap:22px;padding:28px;animation:none;overflow:auto;box-shadow:0 20px 90px #0e271c30}[data-slot=dialog-content].vault-dialog[data-state=open]{animation:.3s cubic-bezier(.22,1,.36,1) both dialog-in}[data-slot=dialog-content].vault-dialog[data-state=closed]{animation:.2s both dialog-out}[data-slot=dialog-title]{font-weight:600;font-size:22px!important;line-height:1.5!important}[data-slot=dialog-description]{color:var(--dim);font-size:12px;line-height:1.9}[data-slot=dialog-header]{gap:10px}.modal-symbol{background:var(--hero);width:45px;height:45px;color:var(--mint-ink);border-radius:13px;place-items:center;margin-bottom:3px;display:grid}.form-stack{flex-direction:column;gap:19px;display:flex}.field{flex-direction:column;gap:9px;min-width:0;font-size:12px;font-weight:500;display:flex}.field input,.field select,.field textarea{background:var(--soft);width:100%;color:var(--ink);min-height:44px;box-shadow:none;border:0;border-radius:8px;outline:none;padding:12px 13px;font-size:13px;font-weight:400;transition:background .18s}.field textarea{resize:vertical;min-height:100px}.field small,.form-hint{color:var(--dim);font-size:10px;font-weight:400;line-height:1.9}.form-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-columns.three{grid-template-columns:repeat(3,1fr)}.form-actions{justify-content:flex-end;gap:12px;display:flex}.error-message{color:#ae4940;background:#fff0ee;border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.8}.dark .error-message{color:#ffb1a7;background:#4b2c27}.inline-notice{background:var(--hero);color:var(--mint-ink);border-radius:9px;align-items:flex-start;gap:10px;padding:14px;font-size:11px;line-height:1.8;display:flex}.inline-notice.warning{color:#8a6a32;background:#fbf3e3}.upload-zone{background:var(--soft);min-height:170px;color:var(--dim);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:23px;display:flex;position:relative;overflow:hidden}.upload-zone:hover,.upload-zone:focus-within{background:var(--accent)}.upload-zone>svg{color:var(--mint-ink)}.upload-zone strong{color:var(--ink);overflow-wrap:anywhere;font-size:13px;font-weight:550}.upload-zone span{font-size:10px}.upload-zone input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.check-control{color:var(--ink);text-align:left;background:0 0;align-items:center;gap:10px;padding:5px 0;font-size:11px;display:flex}.check-control>span{background:var(--subtle);border-radius:5px;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.check-control[aria-checked=true]>span{background:var(--primary);color:var(--primary-foreground)}.import-tabs{background:var(--soft);border-radius:9px;width:100%;height:43px;margin-bottom:15px;padding:4px}.import-tabs [data-slot=tabs-trigger]{height:35px;color:var(--dim);border:0;border-radius:6px;flex:1;gap:7px;font-size:12px;box-shadow:none!important;outline:none!important}.import-tabs [data-state=active]{background:var(--panel);color:var(--mint-ink)}.parse-button{margin-top:13px}.import-preview{background:var(--soft);border-radius:10px;padding:16px;font-size:12px}.import-preview>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.import-preview>p{color:var(--dim);margin-top:6px;font-size:11px;line-height:1.8}.import-preview ul{max-height:160px;margin:9px 0 0;padding:0;list-style:none;overflow:auto}.import-preview li{align-items:center;gap:9px;padding:6px 0;font-size:11px;display:flex}.import-preview li svg{color:var(--mint-ink)}.import-preview li small{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;max-width:55%;margin-left:auto;overflow:hidden}.help-content{flex-direction:column;gap:22px;display:flex}.help-content h3{margin-bottom:8px;font-size:13px;font-weight:600}.help-content p{color:var(--dim);font-size:12px;line-height:1.9}@keyframes dialog-in{0%{opacity:0;scale:.97}to{opacity:1;scale:1}}@keyframes dialog-out{0%{opacity:1;scale:1}to{opacity:0;scale:.97}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-out{0%{opacity:1}to{opacity:0}}@media (min-width:1500px){.main-content{padding-top:48px}.account-card{padding:24px 24px 0}.card-progress{margin:0 -24px}.code-value{font-size:37px}.code-row{margin:23px 0 17px}.account-identity h3{font-size:15px}.account-identity p{font-size:11px}.welcome-intro h1{font-size:43px}.welcome-layout{max-width:1000px}.welcome-intro{padding-bottom:35px}}@media (max-width:1190px){.sidebar{width:213px;padding-left:15px;padding-right:15px}.nav-item.active:before{left:-15px}.brand{margin-left:13px}.main-shell{margin-left:213px}.main-content{padding:30px 28px 22px}.topbar{padding:0 28px}.accounts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.code-value{font-size:34px}.page-heading h1{font-size:26px}.bottom-grid{gap:14px}.info-tile{gap:11px;padding:17px}.info-tile>svg{display:none}.welcome-intro h1{font-size:34px}.welcome-form{padding:26px}.backup-status{flex-wrap:wrap}.backup-status>div{flex:1}.backup-status .status-pill{margin-left:82px}.backup-options{gap:18px}.action-card{padding:23px}.header-actions{gap:10px}}@media (max-width:800px){.sidebar{width:230px;transition:transform .25s;transform:translate(-100%)}.sidebar.menu-open{transform:translate(0)}.main-shell{margin-left:0}.mobile-menu{margin-right:1px;display:inline-flex}.mobile-close{color:var(--sidebar-muted);display:inline-flex;position:absolute;top:8px;right:8px}.mobile-scrim{z-index:25;background:#101e1766;display:block;position:fixed;inset:0}.topbar{height:66px;padding:0 22px}.main-content{padding:28px 22px 20px}.breadcrumb{gap:10px}.header-divider{display:none}.header-actions{gap:10px}.welcome-intro{padding-top:4px}.heading-actions [data-slot=button]{padding:0 13px;font-size:12px}.welcome-layout{gap:18px}.welcome-form{padding:23px}.welcome-intro h1{font-size:34px}.setting-row{gap:12px}.setting-row .tile-icon{display:none}.delete-account{opacity:1}}@media (max-width:560px){.topbar{height:61px;padding:0 13px}.breadcrumb{gap:7px;font-size:11px}.breadcrumb>svg:first-of-type,.breadcrumb>span{display:none}.header-actions{gap:5px}.local-status{font-size:10px}.main-content{padding:25px 17px 20px}.page-heading{flex-direction:column;align-items:flex-start;gap:19px;margin-bottom:21px}.page-heading h1{margin-top:6px;font-size:28px}.page-heading p{font-size:12px}.heading-actions{gap:10px;width:100%}.heading-actions [data-slot=button]{flex:1;height:43px;font-size:12px}.small-only{display:block}.list-toolbar{flex-wrap:wrap;gap:15px;margin-top:24px}.list-tools{width:100%}.search-field{flex:1;width:auto;height:41px}.muted-button{width:41px;height:41px}.search-field input{font-size:12px}.accounts-grid{grid-template-columns:1fr;gap:14px}.account-card{padding:20px 22px 0}.card-progress{margin:0 -22px}.account-identity h3{font-size:14px}.account-identity p{font-size:11px}.service-icon{width:42px;height:42px}.code-value{letter-spacing:2px;gap:17px;font-size:36px}.code-row{margin:18px 0 12px}.card-bottom{font-size:10px}.star-button{width:35px;height:35px}.card-bottom-right{gap:12px}.countdown{font-size:11px}.list-footnote{flex-direction:column;gap:7px;padding:18px 0 23px;font-size:9px}.bottom-grid{grid-template-columns:1fr;gap:12px;padding-top:21px}.info-tile{gap:15px;padding:19px}.info-tile>svg{display:block}.info-tile h3{font-size:13px}.info-tile p{font-size:10px}.main-footer{flex-direction:column;gap:9px;margin-top:28px;padding-bottom:6px;font-size:9px}.demo-banner{align-items:flex-start;gap:8px;padding:12px;font-size:10px}.demo-banner>span{flex:1;line-height:1.7}.demo-banner button{min-height:22px;font-size:10px}.demo-banner>svg{margin-top:2px}.welcome-intro{padding:3px 0 24px}.welcome-intro h1{letter-spacing:-.8px;margin:19px 0 13px;font-size:31px}.welcome-intro>p{font-size:12px}.welcome-layout{grid-template-columns:1fr}.welcome-form{padding:27px 24px}.welcome-form h2{font-size:23px}.welcome-form>p{font-size:12px}.welcome-form .local-note{font-size:9px}.backup-status{gap:15px;padding:20px}.big-status-icon{border-radius:13px;width:45px;height:45px}.big-status-icon svg{width:25px}.backup-status h2{font-size:16px}.backup-status p{font-size:11px}.backup-status .status-pill{margin-left:60px}.backup-options{grid-template-columns:1fr}.action-card{padding:25px}.action-card h2{font-size:20px}.action-card p{font-size:12px}.note-box{gap:12px;padding:20px}.settings-panel>section{padding:23px}.setting-row{flex-wrap:wrap;gap:13px;padding:22px 0}.setting-row>div{flex-basis:100%}.setting-row>.status-pill{margin-left:0}.setting-row h3{font-size:14px}.setting-row p{font-size:12px}[data-slot=dialog-content].vault-dialog{gap:20px;max-width:calc(100% - 24px);max-height:calc(100dvh - 28px);padding:25px 21px}[data-slot=dialog-title]{font-size:20px!important}.form-columns{gap:12px}.form-columns.three{gap:9px}.field input,.field select,.field textarea{padding:11px;font-size:16px}.field{font-size:12px}.form-actions{flex-wrap:wrap}.form-actions>[data-slot=button]{flex:1}.upload-zone{min-height:155px}.import-tabs [data-slot=tabs-trigger]{font-size:11px}.help-content p{font-size:12px}}@media (max-width:360px){.main-content{padding-left:13px;padding-right:13px}.welcome-intro h1{font-size:27px}.header-actions .local-status{display:none}.code-value{font-size:34px}.welcome-form{padding:23px 20px}.form-columns:not(.three){grid-template-columns:1fr}.form-columns.three{gap:7px}.field select{padding-left:7px;padding-right:7px}}@supports (scrollbar-gutter:stable){body[data-scroll-locked]{--removed-body-scroll-bar-size:0px!important;margin-right:0!important;padding-right:0!important}}:root:root{--sidebar:#fff;--sidebar-foreground:#2c4337;--sidebar-muted:#647b6e;--sidebar-accent:#edf5f0;--sidebar-primary:#dff2e7;--sidebar-primary-foreground:#214634;--sidebar-logo:#d5f0e2;--sidebar-indicator:#4c8a66;--sidebar-note-start:#f0f7f2;--sidebar-note-end:#e8f2ec}:root.dark{--sidebar:#192a25;--sidebar-foreground:#dcebe2;--sidebar-muted:#a1b8aa;--sidebar-accent:#294234;--sidebar-primary:#baf1d6;--sidebar-primary-foreground:#214634;--sidebar-logo:#baf1d6;--sidebar-indicator:#baf1d6;--sidebar-note-start:#263e32;--sidebar-note-end:#1d3028}.language-trigger{background:var(--soft);min-height:38px;color:var(--ink);white-space:nowrap;border:0;border-radius:8px;outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:7px 10px;font-size:12px;transition:background .18s;display:inline-flex}.language-trigger:hover,.language-trigger:focus-visible,.language-trigger[data-state=open]{background:var(--accent)}[data-slot=flag]{border-radius:2px;flex-shrink:0}.language-menu{z-index:100;background:var(--popover);min-width:202px;max-width:calc(100vw - 24px);color:var(--ink);transform-origin:var(--radix-dropdown-menu-content-transform-origin);border-radius:12px;outline:none;padding:7px;box-shadow:0 12px 48px #10281e26}.language-menu[data-state=open]{animation:.18s both language-in}.language-menu[data-state=closed]{animation:.14s both language-out}.language-label{color:var(--dim);padding:8px 10px;font-size:11px}.language-option{cursor:pointer;border-radius:7px;outline:none;align-items:center;gap:11px;min-height:42px;margin-top:4px;padding:9px 10px;font-size:13px;display:flex}.language-option:first-child{margin-top:0}.language-option[data-highlighted]{background:var(--accent)}.language-option[data-state=checked]{color:var(--mint-ink);background:var(--hero)}.language-option>span:last-child:not([lang]):not([data-i18n]){margin-left:auto}.language-option>span[lang],.language-auto>[data-i18n]{flex:1}.language-separator{background:var(--line);height:1px;margin:6px 7px}.modal-language{position:absolute;top:16px;right:52px}.modal-language .language-trigger{min-height:32px;padding:5px 8px;font-size:11px}.locale-startup{background:var(--page);min-height:100dvh;color:var(--mint-ink);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.locale-startup strong{letter-spacing:.02em;font-size:23px}.locale-startup>span{color:var(--dim);font-size:13px}[data-startup-locale]{display:none}html:not([data-locale]) [data-startup-locale=en],html[data-locale=zh-CN] [data-startup-locale=zh-CN],html[data-locale=en] [data-startup-locale=en],html[data-locale=es] [data-startup-locale=es],html[data-locale=fr] [data-startup-locale=fr],html[data-locale=ja] [data-startup-locale=ja]{display:inline}.startup-progress{background:var(--hero);border-radius:4px;width:100px;height:3px;overflow:hidden}.startup-progress:after{content:"";background:var(--mint-ink);width:45%;height:100%;animation:1.2s ease-in-out infinite startup-progress;display:block}@keyframes startup-progress{0%{translate:-110%}to{translate:330%}}@keyframes language-in{0%{opacity:0;translate:0 -4px}to{opacity:1;translate:0}}@keyframes language-out{0%{opacity:1}to{opacity:0;translate:0 -3px}}.topbar{gap:16px}.breadcrumb{min-width:0}.header-actions{flex-shrink:0}.breadcrumb strong{line-height:1.4}.nav-item{height:auto;min-height:45px;padding-top:12px;padding-bottom:12px}.nav-item>span:not(.nav-count){text-align:left;line-height:1.5}.nav-item>svg{flex-shrink:0}.welcome-intro h1>[data-i18n]{color:var(--ink)}.welcome-intro h1>span:not([data-i18n]){color:var(--mint-ink)}.welcome-form [data-slot=button],.action-card>[data-slot=button],.vault-dialog [data-slot=button]:not([data-size=icon-sm]){white-space:normal;text-align:center;height:auto;min-height:42px;padding-top:11px;padding-bottom:11px;line-height:1.55}.brand-sub{line-height:1.5}.check-control>[data-i18n]{text-align:left;flex:1;width:auto;height:auto;display:inline;color:inherit!important;background:0 0!important}.backup-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.backup-detail strong{text-align:right;overflow-wrap:anywhere}.info-tile>div{min-width:0}.info-tile h3,.info-tile p{line-height:1.6}.demo-banner button{flex-shrink:0}@media (max-width:1190px){.header-actions .local-status,.header-divider,.breadcrumb>span,.breadcrumb>svg:not(:last-of-type){display:none}.topbar{gap:10px}}@media (max-width:560px){.topbar{gap:6px;height:auto;min-height:63px;padding-top:9px;padding-bottom:9px}.language-trigger{gap:6px;padding:6px 8px;font-size:11px}.language-trigger>svg{display:none}.header-actions{gap:3px}.breadcrumb{flex:1;gap:3px}.breadcrumb>svg{display:none}.breadcrumb strong{overflow-wrap:anywhere;font-size:10px}.header-actions .icon-button{width:32px;height:36px}.mobile-menu{flex-shrink:0;width:30px}.welcome-intro h1{font-size:29px;line-height:1.45}.welcome-form h2{font-size:22px;line-height:1.5}.heading-actions [data-slot=button]{white-space:normal;height:auto;min-height:44px;padding:10px;line-height:1.5}.status-pill{white-space:normal;line-height:1.5}.demo-banner{flex-wrap:wrap}.demo-banner>span{min-width:160px}.demo-banner button{margin-left:25px}.form-columns.three{grid-template-columns:1fr 1fr}.form-columns.three>.field:last-child{grid-column:1/-1}.form-columns.three .field input{max-width:100%}.import-tabs{height:auto;min-height:43px}.import-tabs [data-slot=tabs-trigger]{white-space:normal;height:auto;min-height:35px;padding:6px;line-height:1.5}.modal-language{top:16px;right:47px}}.github-link{transition:background-color .18s,color .18s}.service-icon.brand-icon{color:var(--brand-color);background:color-mix(in srgb,var(--brand-color) 9%,var(--panel))}.dark .service-icon.brand-icon{color:color-mix(in srgb,var(--brand-color) 35%,white);background:color-mix(in srgb,var(--brand-color) 14%,var(--panel))}.device-clear-section{margin-top:22px}.tile-icon.danger-icon{color:var(--destructive);background:color-mix(in srgb,var(--destructive) 10%,var(--panel))}.clear-device-note{color:var(--dim);font-size:12px;line-height:1.8}.device-clear-section [data-slot=button]{flex-shrink:0}@media (max-width:560px){.device-clear-section .setting-row{flex-wrap:wrap;gap:14px}.device-clear-section .setting-row>div{flex:1;min-width:140px}.device-clear-section [data-slot=button]{white-space:normal;max-width:calc(100% - 57px);height:auto;min-height:42px;margin-left:57px}}:root{--ui-font-scale:1;--ui-font-weight:400}body{font-variation-settings:"wght" var(--ui-font-weight);font-size:14px}.app-root{zoom:var(--ui-font-scale);width:calc(100% / var(--ui-font-scale));min-height:calc(100dvh / var(--ui-font-scale))}.appearance-settings{margin-top:22px}.appearance-options{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.appearance-options button{border:1px solid var(--line);background:var(--soft);min-width:58px;height:34px;color:var(--dim);border-radius:7px;padding:0 13px;font-size:11px}.appearance-options button:hover{background:var(--accent);color:var(--ink)}.appearance-options button.selected{border-color:var(--mint-ink);background:var(--hero);color:var(--mint-ink);font-weight:600}.font-weight-row>div{min-width:0}.weight-control{align-items:center;gap:14px;max-width:390px;margin-top:15px;display:flex}.weight-control input{width:100%;accent-color:var(--primary);cursor:pointer}.weight-control output{background:var(--soft);min-width:38px;color:var(--mint-ink);text-align:center;font-variant-numeric:tabular-nums;border-radius:6px;padding:5px 7px;font-size:11px}@media (max-width:560px){.weight-control{max-width:none}.appearance-options button{flex:1}}
:root:root{--background:#fafafa;--foreground:#222523;--ink:#222523;--panel:#fff;--card:#fff;--card-foreground:#222523;--popover:#fff;--popover-foreground:#222523;--primary:#242725;--primary-foreground:#fff;--secondary:#efefee;--secondary-foreground:#363a37;--muted:#efefee;--muted-foreground:#676d69;--accent:#e9ecea;--accent-foreground:#222523;--soft:#f5f5f4;--subtle:#eceeec;--dim:#676d69;--border:#e3e6e3;--line:#e3e6e3;--input:#f5f5f4;--hero:#f1f3f1;--mint-ink:#28664c;--shadow:none;--sidebar:#f5f5f4;--sidebar-foreground:#222523;--sidebar-muted:#676d69;--sidebar-accent:#eceeec;--sidebar-primary:#e5e8e5;--sidebar-primary-foreground:#222523;--sidebar-logo:transparent;--sidebar-indicator:#28664c;--radius:.5rem}:root.dark{--background:#161716;--foreground:#e8eae8;--ink:#e8eae8;--panel:#1c1e1c;--card:#1c1e1c;--card-foreground:#e8eae8;--popover:#222422;--popover-foreground:#e8eae8;--primary:#e8eae8;--primary-foreground:#202320;--secondary:#2a2d2a;--secondary-foreground:#e1e5e1;--muted:#2a2d2a;--muted-foreground:#a7afa8;--accent:#303530;--accent-foreground:#e8eae8;--soft:#232623;--subtle:#303530;--dim:#a7afa8;--border:#343934;--line:#343934;--input:#232623;--hero:#232623;--mint-ink:#93c9aa;--sidebar:#1a1c1a;--sidebar-foreground:#e8eae8;--sidebar-muted:#a7afa8;--sidebar-accent:#272b27;--sidebar-primary:#303530;--sidebar-primary-foreground:#e8eae8;--sidebar-logo:transparent;--sidebar-indicator:#93c9aa}body{font-variation-settings:normal;font-weight:var(--ui-font-weight)}html{min-width:0}h1,h2,h3{text-wrap:balance}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid var(--mint-ink)!important}input:focus-visible,textarea:focus-visible{outline-offset:1px;outline:2px solid var(--mint-ink)!important}.app-root{zoom:1;width:100%;min-height:100dvh}[data-slot=button]{font-weight:500;font-size:calc(13px * var(--ui-font-scale));border-radius:6px}.sidebar{border-right:1px solid var(--line);width:224px;padding:30px 16px 20px}.brand{letter-spacing:0;gap:10px;margin:0 12px 48px;font-size:23px}.brand-mark{width:30px;height:38px;box-shadow:none;color:var(--sidebar-foreground);border-radius:0}.brand-mark svg{width:27px;height:27px}.brand-sub{letter-spacing:0;margin-top:2px;font-size:11px}.sidebar-caption{letter-spacing:0;margin:0 12px 12px;font-size:12px}.sidebar nav{gap:5px}.nav-item{height:42px;font-size:calc(13px * var(--ui-font-scale));border-radius:6px;padding:0 12px}.nav-item svg{width:17px;height:17px}.nav-item.active:before{display:none}.nav-count{background:0 0;font-size:12px}.device-note{color:var(--dim);align-items:center;gap:8px;padding:16px 12px;font-size:12px;display:flex}.sidebar-help{padding:12px;font-size:12px}.sidebar-version{margin:20px 12px 0;font-size:11px}.main-shell{margin-left:224px}.topbar{background:var(--background);border:0;height:68px;min-height:68px;padding:0 40px}.breadcrumb{gap:10px;font-size:12px}.header-actions{gap:12px}.local-status{font-size:12px}.main-content{max-width:none;padding:30px 40px 24px}.page-heading{align-items:center;margin-bottom:28px}.page-heading h1{font-size:calc(26px * var(--ui-font-scale));letter-spacing:-.5px;margin:0 0 9px;font-weight:550}.page-heading p{font-size:calc(13px * var(--ui-font-scale));line-height:1.7}.demo-banner,.dark .demo-banner{background:var(--soft);color:var(--dim);border:1px solid var(--line);border-radius:6px;margin-bottom:24px;font-size:12px}.backup-reminder{border:1px solid var(--line);border-radius:6px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.backup-reminder>svg{color:var(--mint-ink)}.backup-reminder .text-action{flex-shrink:0;margin-left:auto}.list-toolbar{margin:25px 0 16px}.list-title h2{font-size:14px;font-weight:500}.list-title>span{background:0 0;padding:0;font-size:12px}.search-field{border:1px solid var(--line);border-radius:6px;width:280px;height:40px}.search-field input{font-size:calc(12px * var(--ui-font-scale))}.muted-button{border:1px solid var(--line);border-radius:6px;width:40px;height:40px}.accounts-grid{border:1px solid var(--line);background:var(--panel);border-radius:8px;flex-direction:column;gap:0;display:flex;overflow:hidden}.accounts-grid:empty{display:none}.account-card{box-shadow:none;border-radius:0;grid-template-columns:minmax(0,1fr) 240px 180px;align-items:center;gap:24px;padding:14px 24px;display:grid;overflow:visible}.account-card+.account-card{border-top:1px solid var(--line)}.account-card:hover{box-shadow:none;background:var(--soft)}.account-card .code-value:after{content:"";z-index:1;cursor:pointer;position:absolute;inset:0}.account-card .code-value:disabled:after{cursor:not-allowed}.account-card .code-value:focus-visible:after{outline:2px solid var(--mint-ink);outline-offset:-2px}.account-card .star-button,.account-card .copy-button,.account-card .delete-account{z-index:2;position:relative}.account-top{gap:14px;min-width:0}.service-icon,.service-icon.brand-icon,.dark .service-icon.brand-icon{background:0 0;border-radius:0;width:28px;height:32px}.account-identity h3{font-size:calc(14px * var(--ui-font-scale));font-weight:550}.account-identity p{font-size:calc(12px * var(--ui-font-scale));margin-top:5px}.star-button{width:32px;height:36px;color:var(--dim);align-self:center}.star-button.starred{color:var(--ink)}.code-row{justify-content:flex-end;gap:16px;margin:0}.code-value{color:var(--ink);font-size:calc(28px * var(--ui-font-scale));letter-spacing:1px;font-weight:450;font-family:var(--font-sans);gap:10px}.copy-button{color:var(--dim);width:32px;height:36px}.card-bottom{justify-content:flex-end;gap:8px;margin:0}.card-bottom>span{display:none}.card-bottom-right{flex-direction:row-reverse;gap:22px}.delete-account{opacity:1;color:var(--dim);width:32px;height:36px}.delete-account:hover{color:var(--destructive)}.countdown{gap:8px;min-width:62px;font-size:12px}.countdown svg{width:20px;height:20px}.countdown circle+circle{stroke:var(--mint-ink)}.card-progress{display:none}.list-footnote{padding:16px 0 26px;font-size:11px}.bottom-grid{gap:28px;padding-top:24px}.info-tile{background:0 0;border-radius:0;gap:12px;padding:8px 0}.info-tile:hover{color:var(--mint-ink);background:0 0}.info-tile h3{font-size:13px;font-weight:500}.info-tile p{font-size:12px}.tile-icon,.dark .tile-icon,.tile-icon.pale,.tile-icon.danger-icon{width:24px;height:32px;color:var(--dim);background:0 0;border-radius:0}.tile-icon svg{width:20px;height:20px}.main-footer{margin-top:40px;padding-top:18px;font-size:11px;line-height:1.7}.welcome-intro{padding:0 0 34px}.welcome-intro h1{font-size:calc(28px * var(--ui-font-scale));letter-spacing:-.5px;margin:0 0 12px;font-weight:550;line-height:1.4}.welcome-intro>p{font-size:calc(14px * var(--ui-font-scale));max-width:62ch;line-height:1.8}.welcome-layout{grid-template-columns:minmax(300px,1fr) minmax(280px,1fr);align-items:start;gap:clamp(32px,5vw,90px);max-width:none}.welcome-form{border:1px solid var(--line);box-shadow:none;border-radius:8px;padding:32px}.welcome-key{color:var(--dim);margin-bottom:24px}.welcome-form h2{font-size:calc(20px * var(--ui-font-scale));font-weight:550;line-height:1.5}.welcome-form>p{font-size:calc(13px * var(--ui-font-scale));margin:10px 0 24px;line-height:1.8}.welcome-form [data-slot=button]{min-height:44px}.welcome-form .local-note{text-align:left;margin:22px 0 0;font-size:12px;line-height:1.8;display:block}.demo-link{height:44px;color:var(--ink);justify-content:flex-start;margin-top:14px;font-size:13px}.welcome-guide{padding:8px 0}.welcome-guide h2{margin-bottom:28px;font-size:16px;font-weight:550}.welcome-guide dl{margin:0}.welcome-guide dl>div{margin-bottom:26px}.welcome-guide dt{font-size:calc(14px * var(--ui-font-scale));margin-bottom:8px;font-weight:500}.welcome-guide dd{color:var(--dim);font-size:calc(13px * var(--ui-font-scale));max-width:46ch;margin:0;line-height:1.9}.welcome-guide .text-action{color:var(--ink);font-size:13px}.backup-status{border:1px solid var(--line);background:0 0;border-radius:8px;padding:22px}.big-status-icon{background:0 0;border-radius:0;width:30px;height:40px}.big-status-icon svg{width:26px}.backup-status h2{font-size:18px}.backup-status p{font-size:13px}.status-pill{border-radius:4px;padding:5px 8px;font-size:11px}.backup-options{gap:24px}.action-card{border:1px solid var(--line);border-radius:8px;padding:28px}.action-card-icon,.action-card-icon.lavender{color:var(--dim);background:0 0;border-radius:0;width:28px;height:32px;margin-bottom:20px}.action-card h2{font-size:18px}.action-card p,.backup-detail{font-size:13px;line-height:1.8}.restore-visual{background:var(--soft);color:var(--dim);border-radius:6px}.note-box{background:var(--soft);border-radius:6px}.note-box p{font-size:12px;line-height:1.9}.settings-panel>section{border-top:1px solid var(--line);background:0 0;border-radius:0;padding:26px 0}.settings-panel>section:first-child{border-top:0;padding-top:0}.settings-panel h2{font-size:16px}.setting-row{gap:16px;padding:23px 0}.setting-row h3{font-size:calc(14px * var(--ui-font-scale))}.setting-row p{font-size:calc(13px * var(--ui-font-scale));line-height:1.8}.appearance-settings,.device-clear-section{margin-top:12px}.appearance-options button{min-height:36px;font-size:12px}.appearance-options button.selected{background:var(--subtle);border-color:var(--dim);color:var(--ink)}.weight-control input{appearance:none;height:32px;background:0 0!important}.weight-control input::-webkit-slider-runnable-track{background:var(--line);border-radius:2px;height:4px}.weight-control input::-webkit-slider-thumb{appearance:none;background:var(--ink);border:3px solid var(--panel);width:16px;height:16px;box-shadow:0 0 0 1px var(--dim);border-radius:50%;margin-top:-6px}.weight-control input::-moz-range-track{background:var(--line);border-radius:2px;height:4px}.weight-control input::-moz-range-thumb{background:var(--ink);border:2px solid var(--panel);border-radius:50%;width:12px;height:12px}.weight-control output{color:var(--ink);font-size:12px}.modal-symbol{color:var(--dim);background:0 0;border-radius:0}[data-slot=dialog-overlay]{background:#0006;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}[data-slot=dialog-content].vault-dialog{border-radius:10px}.field,.field input,.field textarea,.field small{font-size:calc(13px * var(--ui-font-scale))}@media (max-width:1190px){.main-content{padding:28px}.topbar{padding:0 28px}.account-card{grid-template-columns:minmax(0,1fr) 210px 105px;gap:16px;padding:20px}.card-bottom-right{gap:8px}.code-value{font-size:calc(26px * var(--ui-font-scale))}}@media (max-width:960px){.welcome-layout{grid-template-columns:1fr;gap:32px}.welcome-guide dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.account-card{grid-template-columns:minmax(0,1fr) auto;gap:12px 20px}.account-top{grid-column:1/-1}.code-row{justify-content:flex-start}.star-button{margin-left:auto}.card-bottom-right{gap:16px}.list-toolbar{flex-wrap:wrap}}@media (max-width:800px){.sidebar{width:240px}.sidebar:not(.menu-open){visibility:hidden}.sidebar.menu-open{visibility:visible}.main-shell{margin-left:0}.topbar{height:auto;min-height:64px;padding:10px 22px}.main-content{padding:24px 22px}.welcome-guide dl{grid-template-columns:repeat(3,minmax(0,1fr))}.icon-button,.star-button,.delete-account,.copy-button{min-width:40px;min-height:40px}}@media (max-width:560px){.topbar{gap:6px;padding:8px 12px}.header-actions{gap:2px}.header-actions .icon-button{width:38px;min-width:38px;min-height:44px}.language-trigger{min-height:44px}.breadcrumb strong{font-size:11px}.main-content{padding:24px 16px}.welcome-intro{padding-bottom:24px}.welcome-intro h1{font-size:calc(24px * var(--ui-font-scale))}.welcome-intro>p{font-size:13px}.welcome-form{padding:24px 20px}.welcome-key{margin-bottom:18px}.welcome-guide{padding:0}.welcome-guide dl{display:block}.welcome-guide h2,.welcome-guide dl>div{margin-bottom:22px}.page-heading{align-items:flex-start;gap:18px;margin-bottom:20px}.page-heading h1{font-size:calc(24px * var(--ui-font-scale))}.heading-actions{padding:0}.backup-reminder{flex-wrap:wrap;gap:8px;padding:12px}.backup-reminder p{flex:1;font-size:12px}.backup-reminder .text-action{margin-left:24px}.list-toolbar{gap:12px;margin:20px 0 12px}.list-tools{width:100%}.search-field{width:auto;height:44px}.muted-button{width:44px;height:44px}.account-card{gap:10px;padding:16px}.account-identity h3{font-size:calc(14px * var(--ui-font-scale))}.account-identity p{font-size:calc(12px * var(--ui-font-scale))}.code-value{font-size:calc(26px * var(--ui-font-scale));letter-spacing:1px;gap:8px}.code-row{gap:5px}.card-bottom-right{gap:3px}.countdown{gap:4px;min-width:0;font-size:11px}.countdown svg{width:17px;height:17px}.delete-account{min-width:32px}.bottom-grid{grid-template-columns:minmax(0,1fr);gap:18px}.list-footnote{gap:8px;font-size:11px}.info-tile{padding:0}.main-footer{gap:6px;margin-top:30px}.backup-status{gap:12px;padding:18px}.backup-status .status-pill{margin-left:42px}.action-card{padding:22px}.settings-panel>section{padding:24px 0}.setting-row{gap:12px}.device-clear-section [data-slot=button]{max-width:100%;margin-left:0}.appearance-options button{min-height:44px}}@media (max-width:360px){.header-actions .github-link{display:none}.account-card{padding:14px 12px}.code-value{font-size:calc(22px * var(--ui-font-scale))}.copy-button{min-width:32px}}
:root[data-theme-reveal=active]::view-transition{pointer-events:none}:root[data-theme-reveal=active]::view-transition-group(*){pointer-events:none}:root[data-theme-reveal=active]::view-transition-image-pair(*){pointer-events:none}:root[data-theme-reveal=active]::view-transition-old(*){pointer-events:none}:root[data-theme-reveal=active]::view-transition-new(*){pointer-events:none}:root[data-theme-reveal=active]::view-transition-group(root){mix-blend-mode:normal;animation:none}:root[data-theme-reveal=active]::view-transition-old(root){mix-blend-mode:normal;animation:none}:root[data-theme-reveal=active]::view-transition-new(root){mix-blend-mode:normal;animation:none}:root[data-theme-reveal=active]::view-transition-old(root){z-index:1}:root[data-theme-reveal=active]::view-transition-new(root){z-index:2}:root[data-theme-reveal=active],:root[data-theme-reveal=active] *,:root[data-theme-reveal=active] :before,:root[data-theme-reveal=active] :after{transition:none!important}