:root{--background:#f6f5ef;--surface:#fff;--ink:#173c35;--muted:#58746c;--accent:#175c4b;--warm:#f1ca75;--border:#dbe4dc;--mint:#e2eee7;--peach:#fae5d8;--lavender:#ece6f4;--gold:#f9edca}.brand-name{font-size:21px;letter-spacing:-.7px;line-height:1.15}.brand-mark{flex-shrink:0}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.55}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid var(--accent)}a,button{color:inherit}svg{flex-shrink:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;padding:34px 22px 20px;border-right:1px solid var(--border);background:#fbfcf8;display:flex;flex-direction:column;position:fixed;height:100vh}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:26px;letter-spacing:-1.2px;font-weight:650}.brand-mark{background:var(--accent);color:var(--warm);width:43px;height:43px;border-radius:13px;display:grid;place-items:center}.brand-dot{color:#bc8938}.workspace-label{font-size:9px;font-weight:650;letter-spacing:1.8px;color:var(--muted);margin:36px 10px 19px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;border:0;background:transparent;padding:13px;border-radius:10px;color:var(--muted);font-size:13px}.nav-item.active{background:#e6eee6;color:var(--ink);font-weight:600}.count{margin-left:auto;font-size:11px;background:#fff;border-radius:5px;min-width:22px;text-align:center}.sidebar-card{margin-top:auto;border:1px solid var(--border);border-radius:14px;background:#f3f6ef;padding:19px 17px}.sidebar-card strong{display:block;font-size:13px;margin-top:12px}.sidebar-card p{font-size:12px;color:var(--muted);line-height:1.7}.small-icon{width:34px;height:34px;display:inline-grid;place-items:center;background:#e1eadf;border-radius:10px}.practice-badge{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#587246}.sidebar-bottom{margin-top:25px;padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;background:#e4ece1;display:grid;place-items:center;font-size:12px}.sidebar-bottom strong,.sidebar-bottom span:not(.avatar){display:block;font-size:11px}.sidebar-bottom div span{font-size:10px!important;color:var(--muted)}.sidebar-bottom button{margin-left:auto}.main-column{margin-left:248px;width:calc(100% - 248px)}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 46px;border-bottom:1px solid var(--border);font-size:11px;color:var(--muted)}.breadcrumb span{margin:0 11px;color:#abb9b0}.topbar-status{display:flex;align-items:center;gap:7px;font-size:10px}.status-dot{height:6px;width:6px;border-radius:50%;background:#839776}main{max-width:1300px;margin:0 auto;padding:40px 46px 22px}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted);font-weight:650;margin:0 0 9px}h1{font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:400;line-height:1.25;letter-spacing:-1.1px;margin:0 0 8px}.subtitle{margin:0;color:var(--muted);font-size:12px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;padding:12px 17px;font-size:12px;font-weight:550;min-height:43px}.primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.primary:hover:not(:disabled){background:#124536}.secondary{background:#fff;border:1px solid var(--border)}.secondary:hover:not(:disabled){background:#f0f4ee}.text-button{border:0;background:none;display:inline-flex;align-items:center;gap:8px;padding:7px 0;font-size:11px;font-weight:550;color:var(--accent)}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;min-width:34px;padding:7px;background:none;border:0;border-radius:8px}.icon-button:hover{background:#e8eee7}.welcome-card{background:#eaf0e4;border:1px solid #dce5d6;border-radius:19px;display:flex;position:relative;overflow:hidden;min-height:300px}.welcome-copy{padding:29px 34px 27px;position:relative;z-index:1;width:58%}.pill{display:inline-flex;align-items:center;gap:6px;font-size:8px;font-weight:650;letter-spacing:1.4px;border:1px solid #cfdcc7;background:#f7faf2;border-radius:20px;padding:5px 9px}.welcome-copy h2{font-family:Georgia,serif;font-size:32px;font-weight:400;line-height:1.2;letter-spacing:-.6px;margin:17px 0 11px}.welcome-copy p{max-width:350px;font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 19px}.microcopy{display:block;font-size:9px;color:var(--muted);margin-top:10px}.door-scene{position:absolute;right:0;bottom:0;width:43%;height:100%;overflow:hidden}.house{width:163px;height:223px;background:#f5f6ed;border:1px solid #d4dccb;border-radius:85px 85px 0 0;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:10px 5px #dfe7d8}.door-frame{position:absolute;bottom:0;left:28px;width:106px;height:176px;padding:7px;background:#dfe6d4;border-radius:56px 56px 0 0}.door{position:relative;background:#3e7659;height:100%;border-radius:48px 48px 0 0;border:2px solid #34664d;box-shadow:inset -8px 0 #366b50}.door-panel{position:absolute;inset:27px 16px;border:1px solid #79a187;border-radius:30px 30px 0 0}.door-knob{position:absolute;right:13px;top:91px;height:8px;width:8px;background:#eec36c;border-radius:50%;box-shadow:1px 1px #ad8640}.welcome-mat{position:absolute;bottom:-11px;background:#d8ba7d;border-radius:50%;width:90px;height:17px;left:37px;text-align:center;font-family:Georgia,serif;font-size:9px;color:#7f693f;z-index:3}.sun{position:absolute;right:39px;top:32px;background:#f0d28c;width:43px;height:43px;border-radius:50%}.cloud{position:absolute;height:12px;width:56px;background:#f9faf5;border-radius:20px}.cloud:before{content:"";position:absolute;background:#f9faf5;width:23px;height:22px;bottom:0;left:16px;border-radius:50%}.cloud-one{top:57px;left:18px}.cloud-two{top:105px;right:-8px}.ground{position:absolute;width:85%;bottom:19px;left:10%;height:2px;background:#c5d2ba}.plant{position:absolute;bottom:23px;background:#c4a77b;width:24px;height:24px;border-radius:2px 2px 7px 7px;z-index:2}.plant-left{left:12%}.plant-right{right:12%;width:18px;height:18px}.plant i{position:absolute;width:13px;height:31px;border-radius:80% 0;background:#688e56;bottom:20px;left:5px;transform:rotate(-24deg)}.plant i:nth-child(2){transform:rotate(28deg);left:11px}.plant i:nth-child(3){height:38px;left:8px;transform:rotate(0)}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin:19px 0 32px;gap:15px}.step{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);padding:0 3px}.step-number{height:25px;width:25px;border:1px solid #d7dfd1;border-radius:50%;display:grid;place-items:center;background:#fafbf7;font-size:9px}.step.complete .step-number{background:#dfead9;border-color:#d0dfc6;color:var(--accent)}.step-done{margin-left:auto;font-size:9px;color:#6f855f}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}.section-heading h2{font-size:16px;font-weight:550;margin:0}.section-heading h2 span{font-size:10px;font-weight:500;border:1px solid var(--border);border-radius:6px;margin-left:7px;padding:2px 6px;color:var(--muted)}.search{display:flex;gap:8px;align-items:center;background:#fafbf7;border:1px solid var(--border);border-radius:8px;padding:8px 11px;color:#839489}.search input{border:0;background:none;outline:none;padding:0;width:151px;font-size:10px;color:var(--ink);margin:0}.search svg{width:15px;height:15px}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.account-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px 19px 0;text-align:left;min-height:188px;transition:transform .15s,border-color .15s}.account-card:hover{transform:translateY(-3px);border-color:#98b79e}.account-card-top{display:flex;justify-content:space-between;align-items:center}.account-card-top>svg{color:#94a498}.account-symbol{width:43px;height:43px;border-radius:12px;display:grid;place-items:center}.mint{background:var(--mint);color:#527c64}.peach{background:var(--peach);color:#af7f60}.lavender{background:var(--lavender);color:#8d79a8}.gold{background:var(--gold);color:#a68b49}.account-card h3{font-size:14px;font-weight:550;margin:14px 0 3px}.account-card p{font-size:10px;color:var(--muted);margin:0 0 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card-bottom{display:flex;justify-content:space-between;gap:7px;border-top:1px solid #eef1eb;padding:13px 0;font-size:9px;color:var(--muted)}.account-card-bottom>span:first-child{display:flex;align-items:center;gap:5px}.password-dots{letter-spacing:2px;color:#a1aea4}.add-card{border:1px dashed #c8d5c7;background:transparent;border-radius:14px;min-height:184px;padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted)}.add-card>span{width:37px;height:37px;border-radius:50%;background:#edf1e9;display:grid;place-items:center;margin-bottom:12px}.add-card strong{font-size:12px;font-weight:500;color:var(--ink)}.add-card p{font-size:10px;margin:5px 0}.locked-placeholder{border:1px dashed #c8d5c7;border-radius:14px;min-height:176px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.locked-placeholder h3{font-size:13px;font-weight:500;margin:12px 0 4px}.locked-placeholder p{font-size:11px;color:var(--muted);margin:0}.page-footer{margin-top:36px;padding-top:19px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);gap:16px}.page-footer>span:first-child{display:flex;align-items:center;gap:7px}.page-footer .text-button{font-size:9px}.feature-panel{padding:27px;background:#fff;border:1px solid var(--border);border-radius:16px}.feature-panel h2{font-family:Georgia,serif;font-size:24px;line-height:1.3;font-weight:400;margin:15px 0 12px}.feature-panel p{color:var(--muted);font-size:12px}.recovery-layout,.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.large-icon{width:54px;height:54px;border-radius:15px;background:#e9f0e2;display:grid;place-items:center}.button-stack{display:grid;gap:10px;margin:20px 0}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.full{width:100%}.small{font-size:11px}.muted{color:var(--muted)}.notice{background:#faf3dc;border:1px solid #eaddaf;border-radius:10px;padding:12px;font-size:11px;color:#75613b!important}.error-banner,.error{background:#fbe8e3;color:#873e30;border:1px solid #efc5b9;border-radius:10px;padding:12px;font-size:12px}.error-banner{display:flex;gap:10px;align-items:center;margin-bottom:20px}.empty-state{grid-column:1/-1;text-align:center;padding:25px}.empty-state h3{font-weight:500}.empty-state p{color:var(--muted)}dialog{border:1px solid var(--border);border-radius:20px;padding:28px;width:min(490px,calc(100% - 32px));max-height:90vh;background:#fff;color:var(--ink);box-shadow:0 24px 90px #102e3426}dialog::backdrop{background:#102e344a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.modal-heading h2{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.2;margin:0}dialog p{color:var(--muted);font-size:12px}form{display:grid;gap:14px}label{display:block;font-size:11px;font-weight:550}input,textarea,select{display:block;width:100%;border:1px solid #d4dfd6;border-radius:8px;padding:10px 12px;background:#fbfcf9;color:var(--ink);margin-top:6px;font-size:13px}textarea{min-height:76px;resize:vertical}input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent)}.checkbox{display:flex;align-items:center;gap:8px;font-weight:400}.input-actions{display:flex;align-items:center;border:1px solid #d4dfd6;border-radius:8px;background:#fbfcf9;margin-top:6px}.input-actions input{border:0;margin:0;background:none}.input-actions button{margin-right:4px}.generator{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.generator label:first-child{width:65px}.generator .checkbox{align-self:center}.generator button{margin-left:auto;padding:8px 10px}.read-value{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:9px;padding:8px 10px;margin:5px 0 15px}.read-value>span,.read-value>code{flex:1;overflow-wrap:anywhere}.read-value code{font-size:12px}.key-card{padding:18px;text-align:center;border:1px dashed #bbcbb9;border-radius:12px;background:#f8fbf4}.key-card img{display:block;margin:0 auto 15px}.key-card code{display:block;font-size:12px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.practice-door{display:flex;justify-content:center;margin:20px;color:var(--accent)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:13px 20px;border-radius:12px;display:flex;gap:10px;align-items:center;font-size:12px;box-shadow:0 8px 30px #153b3433;z-index:10;max-width:90vw}.notes{white-space:pre-wrap}.device-list{list-style:none;padding:0}.device-list li{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:10px 0;font-size:11px}.device-list small{display:block;color:var(--muted)}.skip-link{position:absolute;left:10px;top:-60px;z-index:20;background:#fff;padding:10px}.skip-link:focus{top:10px}@media(min-width:1450px){main{padding-top:50px}.welcome-card{min-height:330px}.welcome-copy{padding:36px 40px}.welcome-copy h2{font-size:37px}.door-scene{right:3%}.account-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.sidebar{width:215px;padding:28px 16px}.main-column{margin-left:215px;width:calc(100% - 215px)}main{padding:32px 28px 20px}.topbar{padding:0 28px}.welcome-copy{padding:26px;width:62%}.welcome-copy h2{font-size:28px}.door-scene{width:38%}.house{width:140px;height:200px}.door-frame{left:22px;width:96px}.welcome-mat{left:30px}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{gap:8px}.step{font-size:9px}.step-done{display:none}}@media(max-width:760px){.sidebar{position:static;width:100%;height:auto;padding:17px 20px;border-right:0;border-bottom:1px solid var(--border)}.brand{font-size:22px}.brand-mark{width:35px;height:35px}.workspace-label,.sidebar-card,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-top:16px;gap:4px}.nav-item{flex:1;justify-content:center;padding:9px 5px;font-size:10px;gap:6px}.nav-item svg{width:16px}.count{display:none}.app-shell{display:block}.main-column{margin:0;width:100%}.topbar{height:49px;padding:0 22px}.topbar-status{font-size:8px}main{padding:27px 22px 20px}.page-title{align-items:start;gap:12px;margin-bottom:24px}h1{font-size:29px}.subtitle{font-size:11px}.page-title>.primary{font-size:0;padding:10px}.page-title>.primary svg{width:19px}.welcome-card{min-height:300px}.welcome-copy{width:100%;padding:25px}.welcome-copy h2{font-size:30px}.welcome-copy p{max-width:80%;font-size:11px}.door-scene{opacity:.14;width:45%;right:-10px;pointer-events:none}.welcome-copy .primary{font-size:11px}.steps{grid-template-columns:1fr;margin:18px 0 28px;gap:12px}.step{font-size:11px}.step-done{display:block}.account-grid{gap:13px}.account-card{padding:15px 13px 0}.account-card h3{font-size:13px}.password-dots{display:none}.account-card-bottom{font-size:8px}.search input{width:118px}.section-heading h2{font-size:14px}.recovery-layout,.guide-grid{grid-template-columns:1fr}.page-footer{align-items:start;font-size:8px}.feature-panel{padding:22px}dialog{padding:22px}.page-footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.subtitle,.welcome-copy p,.feature-panel p,.nav-item,.primary,.secondary{font-size:14px}.account-card h3{font-size:16px}.account-card p{font-size:13px}.account-card-bottom{font-size:11px}.step{font-size:12px}label{font-size:13px}input,textarea,select{font-size:16px}.notice,dialog p{font-size:13px}.small{font-size:12px}.microcopy{font-size:11px}.locked-placeholder h3{font-size:15px}.locked-placeholder p,.sidebar-card p{font-size:13px}@media(max-width:760px){.nav-item{font-size:11px}.welcome-copy p{font-size:14px}.page-title>.primary{font-size:0}.step{font-size:12px}}.save-sync{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;margin-bottom:24px;background:#edf3ea;border:1px solid var(--border);border-radius:12px}.save-sync p{margin:5px 0;font-size:13px;color:var(--muted)}.save-sync button{flex-shrink:0}.danger{border:1px solid #dcb9ad;border-radius:9px;background:#fff5f0;color:#813f31;padding:12px 17px;font-weight:600}.trash-list{list-style:none;padding:0}.trash-list li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--border)}.trash-list p{margin:5px 0;overflow-wrap:anywhere}.toast button{border:1px solid #a6beb2;border-radius:6px;background:transparent;color:#fff;padding:5px 8px;white-space:nowrap}.conflict-scroll{overflow:auto;max-width:100%;margin:16px 0}.conflict-table{border-collapse:collapse;min-width:600px;font-size:13px;table-layout:fixed;width:100%}.conflict-table th,.conflict-table td{text-align:left;vertical-align:top;padding:10px;border:1px solid var(--border);overflow-wrap:anywhere;white-space:pre-wrap}.conflict-table small{display:block;font-size:11px;font-weight:400}.different-field{background:#faf3dc}.merge-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}fieldset{border:1px solid var(--border);border-radius:10px;padding:14px;margin:14px 0}.setup-steps li{margin-bottom:12px}.feature-panel code{overflow-wrap:anywhere}.feature-panel ul{padding-left:20px}.feature-panel li{margin-bottom:8px}@media(max-width:760px){.sidebar nav{flex-wrap:wrap}.nav-item{flex:1 1 28%}.save-sync,.trash-list li{align-items:start;flex-direction:column}.merge-fields{grid-template-columns:1fr}.toast{flex-wrap:wrap;width:max-content}}.wide-dialog{width:min(940px,calc(100% - 32px))}.conflict-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:600px){.conflict-table{min-width:0;table-layout:fixed;font-size:12px}.conflict-table th,.conflict-table td{padding:7px}.conflict-table small{font-size:10px}}