@import"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap";#sidebar{display:grid;gap:16px;align-content:start;align-items:start;padding:8px;background:var(--sidebar-bg);color:var(--sidebar-color);border-right:5px solid var(--toolbar-bg)}#sidebar *{transition:all .2s ease}#sidebar .sections{display:grid;gap:4px;padding:4px;border:1px solid var(--group-border);border-radius:8px}#sidebar .sections label{display:block;padding:8px;font-size:16px;line-height:1em}#sidebar .sections section{padding:4px;background:var(--toolbar-bg);border:1px solid var(--group-border);border-radius:4px}#sidebar .sections section:hover{filter:brightness(1.2)}#sidebar .sections section label{padding-top:4px;font-size:14px}#sidebar .sections section main{background:var(--sidebar-bg)}#sidebar .sections section main label{padding:8px;background:var(--sidebar-bg);font-size:12px}#sidebar .sections section main label:hover{filter:brightness(1.2)}#toolbar{z-index:1;background:var(--toolbar-bg);color:var(--toolbar-color);display:grid;grid-template-columns:24px;grid-template-rows:auto 1fr auto;padding:16px 8px 8px;gap:16px}#toolbar svg{fill:currentColor}#toolbar .content{display:grid;align-content:start}#toolbar button{background:var(--btn-bg);border:none;cursor:pointer;transition:all .3s ease;width:24px;height:40px;font-size:14px;line-height:24px;white-space:nowrap}#toolbar button>div{display:grid;grid-template-columns:auto 24px;gap:8px;position:absolute;left:24px;top:0;height:40px;padding:8px 0;background:var(--btn-bg);color:transparent;transform:translate(-100%);transition:all .3s ease;border-top-right-radius:4px;border-bottom-right-radius:4px}#toolbar button>div svg{width:24px;height:24px;color:var(--btn-color);transition:all .3s ease}#toolbar button:hover>div{background:var(--btn-hover-bg);color:var(--btn-hover-color);padding-inline:8px;left:-10px;transform:translate(0);filter:drop-shadow(4px 4px 4px rgba(0,0,0,.2))}#toolbar button:hover>div svg{color:var(--btn-hover-color)}dialog{background:var(--modal-bg);color:var(--modal-color);border:none;min-width:20vw;max-width:calc(100% - 32px);filter:drop-shadow(5px 5px 5px rgba(0,0,0,.1))}dialog header{background:var(--toolbar-bg);color:var(--toolbar-color);padding:8px 32px 8px 8px}dialog .close{position:absolute;right:0;top:0;padding:0 8px;font-size:24px;line-height:40px;cursor:pointer;color:var(--toolbar-color)}dialog .close:hover{color:var(--toolbar-highlight)}dialog .close{background:transparent;border:none}dialog::backdrop{background:var(--toolbar-bg);opacity:.1}dialog[open]{animation:modal-open .3s ease-out forwards}dialog[open]::backdrop{animation:backdrop-open .3s ease-out forwards}dialog[open].closing{animation:modal-close .3s ease-out forwards}dialog[open].closing::backdrop{animation:backdrop-close .3s ease-out forwards}@keyframes modal-open{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modal-close{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(10px)}}@keyframes backdrop-open{0%{opacity:0}to{opacity:.2}}@keyframes backdrop-close{0%{opacity:.1}to{opacity:0}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}dialog{margin:auto}body{min-height:100vh;line-height:1.5;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{text-decoration:none;color:inherit}p,h1,h2,h3,h4,h5,h6,li{overflow-wrap:break-word}p,li{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}div,section,article,header,footer,main,nav,span,p,a,li,figure,figcaption,form,label,button,input,textarea,select,img,picture{position:relative}#root,#__next{isolation:isolate}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.login{grid-column:1/-1;display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,var(--sidebar-bg) 33%,#2c3640 100%);padding:20px;line-height:1.5;text-wrap:balance}.login-card{display:grid;gap:16px;background:var(--modal-bg);color:var(--modal-color);padding:40px;border-radius:12px;box-shadow:0 10px 40px #0000004d;width:100%;max-width:400px;font-weight:500}.login-card .logo{justify-self:center;width:64px;height:auto}.login-card p{text-align:center;color:#666;font-size:14px;text-wrap:balance}.login-card .hint{font-size:12px;font-weight:400;color:#888}.login-card form{display:grid;gap:16px}.login-card .form-group{display:grid;gap:6px}.login-card .code-input{font-size:24px;text-align:center;letter-spacing:.5em;font-weight:600}.login-card .code-input::placeholder{letter-spacing:.5em;font-weight:400;text-align:center}.login-card .button-group{display:grid;gap:12px}.login-card .passkey-setup{display:grid;gap:16px;text-align:center}.login-card .passkey-login{display:grid;gap:16px}.websites{grid-column:1/-1;display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,var(--sidebar-bg) 33%,#2c3640 100%);padding:20px;line-height:1.5}.websites-card{display:grid;grid-template-rows:auto auto auto 1fr;gap:16px;background:var(--modal-bg);color:var(--modal-color);padding:40px;border-radius:12px;box-shadow:0 10px 40px #0000004d;width:100%;max-width:480px;max-height:calc(100vh - 40px);overflow:hidden}.websites-card .logo{justify-self:center;width:64px;height:auto}.websites-card .welcome{text-align:center;color:#666;font-size:14px}.websites-card .hint{font-size:12px;font-weight:400;color:#888;text-align:center}.websites-card .loading,.websites-card .empty{text-align:center;color:#888;font-size:14px;padding:20px 0}.websites-card .website-list{display:grid;gap:8px;min-height:0;overflow-y:auto;padding-right:4px}.websites-card .website-list::-webkit-scrollbar{width:6px}.websites-card .website-list::-webkit-scrollbar-track{background:transparent}.websites-card .website-list::-webkit-scrollbar-thumb{background:var(--input-border);border-radius:3px}.websites-card .website-list::-webkit-scrollbar-thumb:hover{background:#666}.websites-card .website-item{justify-content:space-between;text-align:left}.websites-card .website-item .website-domain{font-weight:400;color:#888}:root{--color-primary: hsl(175, 95%, 40%);--color-primary-light: hsl(175, 95%, 44%);--color-primary-dark: hsl(175, 95%, 25%);--color-secondary: hsl(210, 17%, 45%);--color-secondary-light: hsl(210, 22%, 58%);--color-secondary-dark: hsl(210, 17%, 33%);--color-success: hsl(145, 63%, 49%);--color-success-bg: hsla(145, 63%, 49%, .1);--color-error: hsl(6, 78%, 57%);--color-error-bg: hsla(6, 78%, 57%, .1);--bg-1: hsl(210, 17%, 27%);--bg-2: hsl(210, 17%, 33%);--bg-3: hsl(210, 17%, 45%);--bg-surface: hsl(210, 24%, 95%);--bg-hover: hsla(0, 0%, 100%, .08);--bg-selected: hsla(175, 95%, 40%, .12);--text-primary: hsl(210, 18%, 90%);--text-secondary: hsl(210, 18%, 70%);--text-inverse: hsl(210, 17%, 27%);--text-disabled: hsl(210, 18%, 50%);--placeholder: hsl(210, 18%, 55%);--border-1: hsl(210, 22%, 58%);--border-2: hsl(210, 17%, 45%);--disabled-bg: hsla(0, 0%, 100%, .12);--light-bg-1: hsl(0, 0%, 100%);--light-bg-2: hsl(210, 24%, 95%);--light-bg-3: hsl(210, 14%, 85%);--light-bg-surface: hsl(210, 17%, 27%);--light-bg-hover: hsla(0, 0%, 0%, .04);--light-bg-selected: hsla(175, 95%, 40%, .12);--light-text-primary: hsl(210, 17%, 40%);--light-text-secondary: hsl(210, 17%, 45%);--light-text-inverse: hsl(210, 24%, 95%);--light-text-disabled: hsl(210, 10%, 60%);--light-placeholder: hsl(210, 12%, 75%);--light-border-1: hsl(210, 14%, 85%);--light-border-2: hsl(210, 12%, 78%);--light-disabled-bg: hsla(0, 0%, 0%, .12);--toolbar-bg: var(--bg-1);--toolbar-color: var(--text-primary);--toolbar-highlight: var(--color-primary);--sidebar-bg: var(--bg-2);--sidebar-color: var(--text-primary);--sidebar-width: 260px;--group-bg: var(--bg-3);--group-color: var(--text-primary);--group-border: var(--border-1);--modal-bg: var(--bg-surface);--modal-color: var(--text-inverse);--titlebar-bg: var(--text-secondary);--titlebar-color: var(--text-inverse);--btn-bg: var(--bg-1);--btn-color: var(--text-primary);--btn-hover-bg: var(--color-primary-light);--btn-hover-color: var(--text-inverse);--btn-alt-bg: var(--bg-3);--btn-alt-color: var(--text-primary);--btn-alt-hover-bg: var(--color-primary);--btn-alt-hover-color: var(--text-inverse);--btn-disabled-bg: var(--disabled-bg);--btn-disabled-color: var(--text-disabled);--input-bg: var(--bg-2);--input-color: var(--text-primary);--input-border: var(--border-1);--input-focus-border: var(--color-primary);--input-placeholder: var(--placeholder);--input-label: var(--text-secondary);--input-label-focus: var(--text-secondary);--tree-bg: var(--sidebar-bg);--tree-color: var(--text-primary);--tree-hover-bg: var(--bg-hover);--tree-selected-bg: var(--bg-3);--tree-focused-bg: var(--bg-selected);--divider-color: var(--border-1);--select-dropdown-bg: var(--bg-1);--select-dropdown-shadow: 0 4px 12px hsla(0, 0%, 0%, .3)}.theme-light{--bg-1: var(--light-bg-1);--bg-2: var(--light-bg-2);--bg-3: var(--light-bg-3);--bg-surface: var(--light-bg-surface);--bg-hover: var(--light-bg-hover);--bg-selected: var(--light-bg-selected);--text-primary: var(--light-text-primary);--text-secondary: var(--light-text-secondary);--text-inverse: var(--light-text-inverse);--text-disabled: var(--light-text-disabled);--placeholder: var(--light-placeholder);--border-1: var(--light-border-1);--border-2: var(--light-border-2);--disabled-bg: var(--light-disabled-bg);--input-bg: var(--light-bg-1);--input-color: var(--light-text-primary);--input-placeholder: var(--light-placeholder);--input-label-focus: var(--color-primary-dark);--modal-bg: var(--light-bg-2);--modal-color: var(--light-text-primary);--btn-disabled-bg: var(--light-disabled-bg);--btn-disabled-color: var(--light-text-disabled);--select-dropdown-bg: var(--light-bg-1);--select-dropdown-shadow: 0 4px 12px hsla(0, 0%, 0%, .15)}body{font-family:Roboto Flex,sans-serif;display:grid;grid-template-columns:40px var(--sidebar-width) 1fr}body iframe{width:100%;height:100%;border:0;background:var(--sidebar-bg)}.loading-screen{grid-column:1/-1;display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,var(--sidebar-bg) 33%,hsl(210,20%,21%) 100%);color:var(--sidebar-color);font-size:16px}select{background-color:var(--select-dropdown-bg);box-shadow:var(--select-dropdown-shadow);border-radius:4px}