:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f4f6;font-synthesis:none;--muted:#a5a9b2;--border:#303239;--surface:#1b1d23;--accent:#bddfcb;--green:#bddfcb;--line:#303239;--paper:#1b1d23;background:#111216;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}button svg{flex-shrink:0}p{color:var(--muted);font-size:14px;line-height:1.6}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.9px;margin:0;font-size:32px;font-weight:650;line-height:1.2}h2{letter-spacing:-.5px;font-size:24px;line-height:1.3}h3{font-size:16px;line-height:1.4}input,select,textarea{width:100%;color:inherit;background:#131419;border:1px solid #464951;border-radius:9px;padding:12px 13px}textarea{resize:vertical;min-height:100px}label{flex-direction:column;gap:8px;margin-bottom:18px;font-size:14px;font-weight:500;display:flex}small,.hint,.optional{color:var(--muted);font-size:13px;line-height:1.5}.optional{font-weight:400}.full{width:100%}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--border);z-index:10;background:#18191e;flex-direction:column;width:232px;padding:30px 20px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.7px;align-items:center;gap:10px;margin-bottom:38px;font-size:24px;font-weight:650;display:flex}.brand-mark{width:34px;height:34px}.profile-switch{margin-bottom:26px;position:relative}.profile-label{color:var(--muted);margin:0 10px 10px;font-size:12px;display:block}.profile-button{border:1px solid var(--border);text-align:left;background:0 0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.profile-button>span:nth-child(2){flex:1;min-width:0}.profile-button strong{overflow-wrap:anywhere;font-size:14px;display:block}.profile-button small{margin-top:4px;font-size:12px;display:block}.avatar{color:#e4ece7;background:#30363a;border-radius:8px;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:13px;display:grid}.avatar.small{width:26px;height:26px}.profile-list{z-index:15;background:#24262c;border:1px solid #44464e;border-radius:10px;width:100%;margin-top:8px;padding:6px;position:absolute;top:100%;box-shadow:0 8px 24px #0006}.profile-list button{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;padding:11px 8px;font-size:13px;display:flex}.profile-list button:hover{background:#34363d}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{text-align:left;color:#b6bac3;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:12px 10px;font-size:14px;display:flex}.sidebar nav button>span{margin-left:auto;font-size:12px}.sidebar nav button.selected{color:#d4e9dc;background:#2a3530}.sidebar nav button:hover:not(:disabled){background:#282b31}.nav-divider{background:var(--border);height:1px;margin:20px 8px}.sidebar-bottom{margin-top:auto;padding-top:30px}.lock-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:10px;padding:12px 10px;font-size:14px;display:flex}.app-shell>main{min-width:0;margin-left:232px}.topbar{display:none}.topbar>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topbar>button{flex-shrink:0}.workspace{max-width:1180px;margin:auto;padding:48px 40px}.page-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px;display:flex}.page-heading p{margin:9px 0 0}.sync-pending{color:#e6c895}.primary,.secondary,.danger{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:12px 18px;font-size:14px;font-weight:600;display:inline-flex}.primary{color:#17271d;background:var(--accent)}.primary:hover:not(:disabled){background:#d0ecdc}.secondary{background:#24262d;border-color:#42454e}.danger{color:#ffd4d8;background:#4a282e;border-color:#69404a}.text-button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:13px}.icon-button{color:#a0a6af;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;min-width:38px;min-height:38px;padding:9px;display:inline-flex}.icon-button:hover{color:#f2f3f5;background:#30323a}.toolbar{align-items:center;gap:16px;margin-bottom:20px;display:flex}.search{color:#969da8;background:#1a1c22;border:1px solid #3a3d45;border-radius:9px;flex-direction:row;flex:1;align-items:center;gap:9px;max-width:440px;height:44px;margin:0;padding:0 13px;display:flex}.search input{background:0 0;border:0;outline:none;min-width:0;padding:10px 0;font-size:14px}.search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.account-count{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:13px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;display:grid}.code-card{border:1px solid var(--border);background:var(--surface);border-radius:13px;min-width:0;padding:20px;transition:border-color .15s;position:relative}.code-card:hover{border-color:#545963}.card-top{align-items:center;gap:13px;padding-right:29px;display:flex}.service-icon{color:#555;background:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:14px;font-weight:600;display:grid}.service-icon img{object-fit:contain;width:100%;height:100%;padding:8px}.card-label{flex:1;min-width:0}.card-label h3{overflow-wrap:anywhere;margin:0 0 3px;font-size:15px;font-weight:600}.card-label p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;line-height:1.4;overflow:hidden}.card-top>.favorite{z-index:2;margin-right:-6px;position:relative}.is-favorite svg{fill:var(--accent);color:var(--accent)}.code-row{justify-content:space-between;align-items:center;gap:8px;margin:17px 0 0 57px;display:flex}.code{color:#f4f6f8;letter-spacing:1px;white-space:nowrap;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:30px;font-style:normal;font-weight:500;display:flex}.code>svg{color:var(--accent);opacity:0;width:16px}.code:hover>svg,.code:focus-visible>svg,.code>svg.lucide-check{opacity:1}.code:after{content:"";cursor:pointer;border-radius:13px;position:absolute;inset:0}.code-card:has(.code:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.countdown{color:#a4aab4;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.account-actions{z-index:3;position:absolute;top:22px;right:12px}.account-actions summary{cursor:pointer;color:#a0a6af;border-radius:6px;place-items:center;min-width:32px;min-height:36px;list-style:none;display:grid}.account-actions summary::-webkit-details-marker{display:none}.account-actions[open] summary,.account-actions summary:hover{color:#fff;background:#30333b}.account-menu{background:#292c33;border:1px solid #454954;border-radius:9px;width:185px;padding:5px;position:absolute;top:40px;right:0;box-shadow:0 10px 30px #0008}.account-menu button{text-align:left;background:0 0;border:0;border-radius:6px;width:100%;padding:12px 10px;font-size:13px}.account-menu button:hover{background:#3a3e47}.account-menu .destructive{color:#ffadb6}.notice{background:#2b2821;border:1px solid #5d5340;border-radius:9px;justify-content:space-between;align-items:flex-start;gap:15px;margin:0 0 20px;padding:14px 16px;font-size:14px;line-height:1.5;display:flex}.notice button{color:inherit;background:0 0;border:0;padding:2px}.empty-state,.start-panel{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:13px;padding:48px 24px}.empty-state h2,.start-panel h2{margin:18px 0 12px}.empty-state p,.start-panel p{max-width:440px;margin:0 auto 24px}.empty-icon{width:50px;height:50px;color:var(--accent);place-items:center;margin:auto;display:grid}.button-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.start-panel>.primary{margin:8px auto 18px}.unlock{max-width:520px;margin:36px auto}.unlock label{text-align:left}.unlock .text-button{margin:12px auto 0;display:block}.local-info{color:var(--accent);background:#242d28;border-radius:9px;gap:12px;margin:18px 0;padding:15px;display:flex}.local-info strong{font-size:14px}.local-info p{margin:5px 0 0;font-size:13px}.check{color:var(--accent)}dialog{color:inherit;background:#1c1e24;border:1px solid #43464f;border-radius:16px;width:min(560px,100% - 32px);max-height:calc(100dvh - 48px);padding:0;box-shadow:0 30px 100px #0007}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009}.modal-content{padding:28px}.modal-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.modal-heading h2{margin:0;font-size:23px}.tabs{background:#13151a;border-radius:9px;gap:3px;margin-bottom:24px;padding:4px;display:flex}.tabs button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:6px;flex:1;font-size:14px}.tabs button.active,.tabs button.selected{color:#fff;background:#343740}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid label{min-width:0}.checkbox,.check{color:#c6cbd2;flex-direction:row;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.checkbox input,.check input{width:17px;height:17px;accent-color:var(--accent);flex-shrink:0}.hint{margin:12px 0 18px}.hint.warning,.form-error{color:#f1b1b7}.form-error{font-size:13px}.success-note{color:var(--accent);font-size:13px}.alternative-auth{flex-direction:column;gap:12px;margin:18px 0;display:flex}.export-choice{text-align:left;border:1px solid var(--border);background:#24262d;border-radius:10px;align-items:center;gap:12px;width:100%;margin:15px 0;padding:16px;display:flex}.export-choice>span:nth-child(2){flex:1;min-width:0}.export-choice strong,.export-choice small{display:block}.export-choice small{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.5}.export-choice .empty-icon{background:0 0;width:auto;height:auto;margin:0}hr{border:0;border-top:1px solid var(--border);margin:24px 0}.file-button{text-align:center;cursor:pointer;color:var(--accent);border:1px dashed #666b75;border-radius:9px;padding:15px;font-size:13px;display:block}.file-button input{background:0 0;border:0;margin-top:12px;padding:0;font-size:12px}.settings-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 0;display:flex}.settings-row>div{flex:1;min-width:0}.settings-row strong{font-size:14px}.settings-row p,.settings-row small{overflow-wrap:anywhere;margin:4px 0;font-size:12px}.settings-status{align-items:center;gap:10px;margin:16px 0;font-size:14px;display:flex}.recovery-settings{border-top:1px solid var(--border);margin-top:26px;padding-top:22px}.recovery-settings h3{font-size:17px}.recovery-download{background:#232e28;border:1px solid #41584a;border-radius:10px;margin-top:18px;padding:16px}.recovery-download>button+button{margin-top:8px}.recovery-download>.check{margin-top:12px}.recovery-download code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:16px 0;font-size:13px;display:block}.recovery-settings details{margin:18px 0}.recovery-settings summary{cursor:pointer;margin-bottom:16px;font-size:13px}.signup-flow>.eyebrow{color:var(--muted);font-size:12px}.signup-flow>h3{margin:15px 0 8px;font-size:22px}.signup-flow>.text-button{margin-top:14px}.navigation-backdrop{display:none}@media (width>=1500px){.workspace{padding-top:58px}}@media (width<=1100px){.workspace{padding:36px 26px}.code-row{margin-left:0}.code{font-size:29px}.card-top{gap:10px}.card-label h3{font-size:14px}}@media (width<=860px){.sidebar{visibility:hidden;width:250px;transition:transform .2s;transform:translate(-100%)}.sidebar.mobile-open{visibility:visible;transform:translate(0)}.navigation-backdrop{z-index:9;background:#0009;border:0;display:block;position:fixed;inset:0}.app-shell>main{margin-left:0}.topbar{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:13px 18px;font-size:14px;display:flex}.workspace{padding:28px 22px}.page-heading{margin-bottom:24px}.code-row{margin-left:57px}}@media (width<=620px){h1{font-size:28px}.workspace{padding:25px 18px}.page-heading{gap:12px}.page-heading>.primary{padding:11px 12px;font-size:13px}.card-grid{grid-template-columns:1fr;gap:12px}.code-card{padding:18px}.card-top{gap:12px}.card-label h3{font-size:15px}.code-row{margin-top:14px;margin-left:56px}.code{letter-spacing:.8px;font-size:30px}.toolbar{gap:12px}.account-count{display:none}.search{max-width:none}.modal-content{padding:22px}.form-grid.three{gap:9px}.account-actions{top:19px;right:9px}.empty-state,.start-panel{padding:35px 20px}.unlock{margin:0}.button-row{flex-direction:column}.button-row>*{width:100%}.settings-row{align-items:flex-start}}@media (width<=360px){.code-row{margin-left:0}.code{font-size:28px}.card-label p{max-width:160px}.form-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.auth-page{background:radial-gradient(ellipse at 12% 60%, #17392d 0, transparent 48%), var(--bg,#101915);flex-direction:column;min-height:100dvh;display:flex}.auth-header{justify-content:space-between;align-items:center;gap:20px;padding:30px 5vw;display:flex}.auth-header>a:last-child{color:#a7b9ae;align-items:center;gap:6px;font-size:13px;text-decoration:none;display:flex}.auth-layout{flex:1;grid-template-columns:1fr 460px;align-items:center;gap:80px;width:min(1050px,90%);margin:50px auto;display:grid}.auth-intro h1{letter-spacing:-3px;margin:24px 0;font-size:clamp(44px,5.6vw,72px);font-weight:550;line-height:1.06}.auth-intro>p{color:#a7b9ae;font-size:17px;line-height:1.8}.auth-promise{color:#c8f5d7;align-items:center;gap:14px;margin-top:48px;font-size:14px;line-height:1.6;display:flex}.auth-promise small{color:#8da497}.auth-card{background:#17221c;border:1px solid #34443b;border-radius:24px;padding:32px;box-shadow:0 24px 80px #0003}.auth-card h2{letter-spacing:-.7px;margin:0 0 10px;font-size:26px}.auth-subtitle{color:#a7b9ae;margin-bottom:26px;font-size:14px;line-height:1.6}.auth-card .unlock{background:0 0;border:0;min-height:0;padding:0}.auth-card .unlock label{width:100%}.auth-card .unlock p{margin:12px 0 22px}.auth-divider{color:#9aac9f;text-align:center;margin:12px 0;font-size:12px;display:block}.auth-footer{text-align:center;color:#82968a;padding:24px;font-size:12px}.code-input{margin:10px 0 20px;position:relative}.code-input input{opacity:.01;z-index:1;caret-color:#0000;width:100%;height:100%;position:absolute;inset:0}.code-boxes{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.code-boxes span{font-variant-numeric:tabular-nums;background:#101a14;border:1px solid #425449;border-radius:10px;place-items:center;height:56px;font-size:26px;display:grid}.code-input:focus-within .current{border-color:#b7f3c6;box-shadow:0 0 0 2px #b7f3c633}.signup-flow>.secondary{margin-top:12px}.settings-row small{color:#98afa0;font-size:11px;display:block}@media (width<=800px){.auth-layout{grid-template-columns:1fr;gap:28px;width:min(460px,92%);margin:20px auto}.auth-intro{display:none}.auth-card{padding:26px 22px}.auth-header{padding:22px 5vw}}
