:root{--accent-strong: oklch(62% .17 257);--neutral-0: hsl(30, 5%, 98%);--neutral-100: hsl(30, 5%, 96%);--neutral-200: hsl(36, 10%, 94%);--neutral-250: hsl(30, 10%, 90%);--neutral-300: hsl(30, 5%, 85%);--neutral-325: hsl(30, 6%, 80%);--neutral-350: #a6a6a6;--neutral-400: #999999;--neutral-500: #8f8f8f;--neutral-600: #696969;--neutral-700: #474747;--neutral-750: #2e2e2e;--neutral-800: #252525;--neutral-850: #222222;--neutral-875: #1f1f1f;--neutral-900: #1c1c1c;--neutral-1000: hsl(30, 60%, 6%);--custom-0: var(--neutral-500);--custom-1: oklch(78% .18 85);--custom-2: oklch(67.449% .17397 49.522);--custom-3: oklch(55.725% .18414 25.476);--custom-4: oklch(65.033% .19371 355.051);--custom-5: oklch(58.463% .21315 314.885);--custom-6: oklch(61.633% .1714 283.243);--custom-7: oklch(64.628% .12599 259.268);--custom-8: oklch(58% .12 220);--custom-9: oklch(61.89% .19191 141.192);--custom-10: oklch(53% .08 187);--custom-11: oklch(58.013% .07049 147.17);--custom-12: oklch(52.674% .14647 34.046);--custom-13: oklch(52.511% .08682 64.437);--custom-14: oklch(59.936% .00568 48.174);--custom-15: oklch(46.292% .05627 235.236);--br-sm: 4px;--br-md: 8px;--br-lg: 12px;--br-xl: 16px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--accent-glow: 0 5px 10px -5px hsla(201 92% 64% / .4)}:root{--bg-0: var(--neutral-0);--bg-1: var(--neutral-100);--bg-2: var(--neutral-200);--border: var(--neutral-300);--border-light: var(--neutral-250);--border-strong: var(--neutral-325);--text-regular: var(--neutral-800);--text-strong: var(--neutral-900);--text-light: var(--neutral-600);--text-extra-light: var(--neutral-400);--text-white: var(--neutral-100);--accent: oklch(62% .16 252);--accent-bg: oklch(from var(--accent) l c h / .1);--accent-border: oklch(from var(--accent) l c h / .3);--secondary-bg: hsl(from var(--neutral-1000) h s l / .03);--selected-bg: hsl(from var(--neutral-1000) h s l / .05);--icon-light: var(--neutral-325);--danger: oklch(62% .18 29);--danger-bg: oklch(from var(--danger) l c h / .05);--danger-border: oklch(from var(--danger) l c h / .3);--warning: oklch(.77 .18 54.59);--warning-bg: oklch(from var(--warning) l c h / .05);--warning-border: oklch(from var(--warning) l c h / .3);--logo-darks: var(--text-strong);--logo-lights: var(--neutral-0);--card-box-shadow: 0 2px 4px -2px hsla(0, 0%, 0%, .078), 0 8px 16px -8px hsla(0, 0%, 0%, .031), inset 0 -10px 24px #ffffff80, inset 0 -16px 48px #ffffff3d;--dropdown-box-shadow: 0 2px 4px -2px hsla(0, 0%, 0%, .08), 0 8px 16px -8px hsla(0, 0%, 0%, .04);--card-bg-gradient: linear-gradient(180deg, #ffffff 0%, #fcfcfc 99%, #f9f9f9 100%);--bg-image: url(/assets/noise-tile-light-BXqUJ1e1.webp);--custom-0-icon-tint: oklch(from var(--custom-0) l c h / .2);--custom-1-icon-tint: oklch(from var(--custom-1) l c h / .2);--custom-2-icon-tint: oklch(from var(--custom-2) l c h / .2);--custom-3-icon-tint: oklch(from var(--custom-3) l c h / .2);--custom-4-icon-tint: oklch(from var(--custom-4) l c h / .2);--custom-5-icon-tint: oklch(from var(--custom-5) l c h / .2);--custom-6-icon-tint: oklch(from var(--custom-6) l c h / .2);--custom-7-icon-tint: oklch(from var(--custom-7) l c h / .2);--custom-8-icon-tint: oklch(from var(--custom-8) l c h / .2);--custom-9-icon-tint: oklch(from var(--custom-9) l c h / .2);--custom-10-icon-tint: oklch(from var(--custom-10) l c h / .2);--custom-11-icon-tint: oklch(from var(--custom-11) l c h / .2);--custom-12-icon-tint: oklch(from var(--custom-12) l c h / .2);--custom-13-icon-tint: oklch(from var(--custom-13) l c h / .2);--custom-14-icon-tint: oklch(from var(--custom-14) l c h / .2);--custom-15-icon-tint: oklch(from var(--custom-15) l c h / .2);--btn-primary-bg: oklch(from var(--accent-strong) l c h / .1);--btn-primary-border: oklch(from var(--accent-strong) l c h / .25);--btn-primary-color: var(--accent);--btn-primary-bg-hover: oklch(from var(--accent-strong) l c h / .25);--btn-primary-border-hover: oklch(from var(--accent-strong) l c h / .25);--btn-primary-color-hover: var(--accent-strong);--checkbox-opacity: 1;--user-illustration: url(/assets/badge-login-nGRygErq.svg);--lock-illustration: url(/assets/badge-password-BfO2Qr9N.svg);--plus-illustration: url(/assets/badge-registration-6-24x9Zk.svg);--email-illustration: url(/assets/badge-email-C4AkDslG.svg);--key-illustration: url(/assets/badge-encryption-V4NV3LlZ.svg)}@media(prefers-color-scheme:dark){:root{--bg-0: var(--neutral-850);--bg-1: var(--neutral-875);--bg-2: var(--neutral-900);--border: var(--neutral-750);--border-light: var(--neutral-750);--border-strong: var(--neutral-700);--text-regular: var(--neutral-350);--text-strong: var(--neutral-325);--text-light: var(--neutral-500);--text-extra-light: var(--neutral-600);--text-white: var(--neutral-100);--accent: oklch(60% .14 252);--accent-bg: oklch(from var(--accent-strong) l c h / .1);--accent-border: oklch(from var(--accent-strong) l c h / .3);--secondary-bg: hsl(from var(--neutral-0) h s l / .02);--selected-bg: hsl(from var(--neutral-0) h s l / .05);--icon-light: var(--neutral-700);--danger: oklch(56% .16 29);--danger-bg: oklch(from var(--danger) l c h / .05);--danger-border: oklch(from var(--danger) l c h / .3);--warning: oklch(.77 .18 54.59);--warning-bg: oklch(from var(--warning) l c h / .05);--warning-border: oklch(from var(--warning) l c h / .3);--logo-darks: var(--text-strong);--logo-lights: var(--neutral-0);--card-box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, .3), 0px 2px 4px -2px rgba(0, 0, 0, .15);--dropdown-box-shadow: 0 2px 4px -2px hsla(0, 0%, 0%, .4), 0 8px 16px -8px hsla(0, 0%, 0%, .2);--card-bg-gradient: linear-gradient(180deg, #222222 0%, #202020 100%);--bg-image: url(/assets/noise-tile-dark-xvY772X7.webp);--custom-0-icon-tint: oklch(from var(--custom-0) l c h / .3);--custom-1-icon-tint: oklch(from var(--custom-1) l c h / .3);--custom-2-icon-tint: oklch(from var(--custom-2) l c h / .3);--custom-3-icon-tint: oklch(from var(--custom-3) l c h / .3);--custom-4-icon-tint: oklch(from var(--custom-4) l c h / .3);--custom-5-icon-tint: oklch(from var(--custom-5) l c h / .3);--custom-6-icon-tint: oklch(from var(--custom-6) l c h / .3);--custom-7-icon-tint: oklch(from var(--custom-7) l c h / .3);--custom-8-icon-tint: oklch(from var(--custom-8) l c h / .3);--custom-9-icon-tint: oklch(from var(--custom-9) l c h / .3);--custom-10-icon-tint: oklch(from var(--custom-10) l c h / .3);--custom-11-icon-tint: oklch(from var(--custom-11) l c h / .3);--custom-12-icon-tint: oklch(from var(--custom-12) l c h / .3);--custom-13-icon-tint: oklch(from var(--custom-13) l c h / .3);--custom-14-icon-tint: oklch(from var(--custom-14) l c h / .3);--custom-15-icon-tint: oklch(from var(--custom-15) l c h / .3);--btn-primary-bg: oklch(from var(--accent-strong) .4 .12 h / 1);--btn-primary-border: oklch(from var(--neutral-0) l c h / .1);--btn-primary-color: var(--text-strong);--btn-primary-bg-hover: oklch(from var(--accent-strong) .45 .12 h / 1);--btn-primary-border-hover: oklch(from var(--accent-strong) 60% c h);--btn-primary-color-hover: var(--neutral-0);--checkbox-opacity: .8;--user-illustration: url(/assets/badge-login-dark-i_fmAEY-.svg);--lock-illustration: url(/assets/badge-password-dark-SJTe7xOz.svg);--plus-illustration: url(/assets/badge-registration-dark-BzBa5hbP.svg);--email-illustration: url(/assets/badge-email-dark-wkq1Q5dB.svg);--key-illustration: url(/assets/badge-encryption-dark-xYVUq6Cy.svg)}}:root.light{--bg-0: var(--neutral-0);--bg-1: var(--neutral-100);--bg-2: var(--neutral-200);--border: var(--neutral-300);--border-light: var(--neutral-250);--border-strong: var(--neutral-325);--text-regular: var(--neutral-800);--text-strong: var(--neutral-900);--text-light: var(--neutral-600);--text-extra-light: var(--neutral-400);--text-white: var(--neutral-100);--accent: oklch(62% .16 252);--accent-bg: oklch(from var(--accent) l c h / .1);--accent-border: oklch(from var(--accent) l c h / .3);--secondary-bg: hsl(from var(--neutral-1000) h s l / .03);--selected-bg: hsl(from var(--neutral-1000) h s l / .05);--icon-light: var(--neutral-325);--danger: oklch(62% .18 29);--danger-bg: oklch(from var(--danger) l c h / .05);--danger-border: oklch(from var(--danger) l c h / .3);--warning: oklch(.77 .18 54.59);--warning-bg: oklch(from var(--warning) l c h / .05);--warning-border: oklch(from var(--warning) l c h / .3);--logo-darks: var(--text-strong);--logo-lights: var(--neutral-0);--card-box-shadow: 0 2px 4px -2px hsla(0, 0%, 0%, .078), 0 8px 16px -8px hsla(0, 0%, 0%, .031), inset 0 -10px 24px #ffffff80, inset 0 -16px 48px #ffffff3d;--dropdown-box-shadow: 0 2px 4px -2px hsla(0, 0%, 0%, .08), 0 8px 16px -8px hsla(0, 0%, 0%, .04);--card-bg-gradient: linear-gradient(180deg, #ffffff 0%, #fcfcfc 99%, #f9f9f9 100%);--bg-image: url(/assets/noise-tile-light-BXqUJ1e1.webp);--custom-0-icon-tint: oklch(from var(--custom-0) l c h / .2);--custom-1-icon-tint: oklch(from var(--custom-1) l c h / .2);--custom-2-icon-tint: oklch(from var(--custom-2) l c h / .2);--custom-3-icon-tint: oklch(from var(--custom-3) l c h / .2);--custom-4-icon-tint: oklch(from var(--custom-4) l c h / .2);--custom-5-icon-tint: oklch(from var(--custom-5) l c h / .2);--custom-6-icon-tint: oklch(from var(--custom-6) l c h / .2);--custom-7-icon-tint: oklch(from var(--custom-7) l c h / .2);--custom-8-icon-tint: oklch(from var(--custom-8) l c h / .2);--custom-9-icon-tint: oklch(from var(--custom-9) l c h / .2);--custom-10-icon-tint: oklch(from var(--custom-10) l c h / .2);--custom-11-icon-tint: oklch(from var(--custom-11) l c h / .2);--custom-12-icon-tint: oklch(from var(--custom-12) l c h / .2);--custom-13-icon-tint: oklch(from var(--custom-13) l c h / .2);--custom-14-icon-tint: oklch(from var(--custom-14) l c h / .2);--custom-15-icon-tint: oklch(from var(--custom-15) l c h / .2);--btn-primary-bg: oklch(from var(--accent-strong) l c h / .1);--btn-primary-border: oklch(from var(--accent-strong) l c h / .25);--btn-primary-color: var(--accent);--btn-primary-bg-hover: oklch(from var(--accent-strong) l c h / .25);--btn-primary-border-hover: oklch(from var(--accent-strong) l c h / .25);--btn-primary-color-hover: var(--accent-strong);--checkbox-opacity: 1;--user-illustration: url(/assets/badge-login-nGRygErq.svg);--lock-illustration: url(/assets/badge-password-BfO2Qr9N.svg);--plus-illustration: url(/assets/badge-registration-6-24x9Zk.svg);--email-illustration: url(/assets/badge-email-C4AkDslG.svg);--key-illustration: url(/assets/badge-encryption-V4NV3LlZ.svg)}:root.dark{--bg-0: var(--neutral-850);--bg-1: var(--neutral-875);--bg-2: var(--neutral-900);--border: var(--neutral-750);--border-light: var(--neutral-750);--border-strong: var(--neutral-700);--text-regular: var(--neutral-350);--text-strong: var(--neutral-325);--text-light: var(--neutral-500);--text-extra-light: var(--neutral-600);--text-white: var(--neutral-100);--accent: oklch(60% .14 252);--accent-bg: oklch(from var(--accent-strong) l c h / .1);--accent-border: oklch(from var(--accent-strong) l c h / .3);--secondary-bg: hsl(from var(--neutral-0) h s l / .02);--selected-bg: hsl(from var(--neutral-0) h s l / .05);--icon-light: var(--neutral-700);--danger: oklch(56% .16 29);--danger-bg: oklch(from var(--danger) l c h / .05);--danger-border: oklch(from var(--danger) l c h / .3);--warning: oklch(.77 .18 54.59);--warning-bg: oklch(from var(--warning) l c h / .05);--warning-border: oklch(from var(--warning) l c h / .3);--logo-darks: var(--text-strong);--logo-lights: var(--neutral-0);--card-box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, .3), 0px 2px 4px -2px rgba(0, 0, 0, .15);--dropdown-box-shadow: 0 2px 4px -2px hsla(0, 0%, 0%, .4), 0 8px 16px -8px hsla(0, 0%, 0%, .2);--card-bg-gradient: linear-gradient(180deg, #222222 0%, #202020 100%);--bg-image: url(/assets/noise-tile-dark-xvY772X7.webp);--custom-0-icon-tint: oklch(from var(--custom-0) l c h / .3);--custom-1-icon-tint: oklch(from var(--custom-1) l c h / .3);--custom-2-icon-tint: oklch(from var(--custom-2) l c h / .3);--custom-3-icon-tint: oklch(from var(--custom-3) l c h / .3);--custom-4-icon-tint: oklch(from var(--custom-4) l c h / .3);--custom-5-icon-tint: oklch(from var(--custom-5) l c h / .3);--custom-6-icon-tint: oklch(from var(--custom-6) l c h / .3);--custom-7-icon-tint: oklch(from var(--custom-7) l c h / .3);--custom-8-icon-tint: oklch(from var(--custom-8) l c h / .3);--custom-9-icon-tint: oklch(from var(--custom-9) l c h / .3);--custom-10-icon-tint: oklch(from var(--custom-10) l c h / .3);--custom-11-icon-tint: oklch(from var(--custom-11) l c h / .3);--custom-12-icon-tint: oklch(from var(--custom-12) l c h / .3);--custom-13-icon-tint: oklch(from var(--custom-13) l c h / .3);--custom-14-icon-tint: oklch(from var(--custom-14) l c h / .3);--custom-15-icon-tint: oklch(from var(--custom-15) l c h / .3);--btn-primary-bg: oklch(from var(--accent-strong) .4 .12 h / 1);--btn-primary-border: oklch(from var(--neutral-0) l c h / .1);--btn-primary-color: var(--text-strong);--btn-primary-bg-hover: oklch(from var(--accent-strong) .45 .12 h / 1);--btn-primary-border-hover: oklch(from var(--accent-strong) 60% c h);--btn-primary-color-hover: var(--neutral-0);--checkbox-opacity: .8;--user-illustration: url(/assets/badge-login-dark-i_fmAEY-.svg);--lock-illustration: url(/assets/badge-password-dark-SJTe7xOz.svg);--plus-illustration: url(/assets/badge-registration-dark-BzBa5hbP.svg);--email-illustration: url(/assets/badge-email-dark-wkq1Q5dB.svg);--key-illustration: url(/assets/badge-encryption-dark-xYVUq6Cy.svg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;height:100%;overflow:hidden}body{margin:0;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-image) repeat var(--bg-2);background-size:32px;color:var(--text-regular)}img,picture,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}::placeholder{color:var(--text-extra-light);opacity:1}.ml-auto{margin-left:auto!important}.flex-1{flex:1 1 auto!important}svg{width:18px;height:auto;flex-shrink:0;display:block}*{font-family:var(--font-family)}.btn{border:none;border-radius:var(--br-md);cursor:pointer;line-height:1.5rem;padding:.5625rem 1rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s,border-color .2s;gap:.5rem;text-transform:uppercase;font-weight:600;letter-spacing:.5px;font-size:.815rem;min-height:2.625rem;min-width:2.625rem;position:relative}.btn svg{stroke-width:1.8px;width:16px}.btn .loading-spinner{position:absolute;animation:spin 1s linear infinite;color:currentColor}.btn.btn-small{text-transform:none;letter-spacing:0;font-size:.875rem;padding:.5rem .75rem;line-height:16px;gap:4px;min-height:calc(16px + 1rem);min-width:calc(16px + 1rem);border-radius:var(--br-sm);font-weight:500}.btn.btn-small svg{width:16px;stroke-width:2px}.btn.btn-icon{padding:.5625rem;aspect-ratio:1 / 1}.btn.btn-icon.btn-small{padding:.5rem}.btn.btn-icon-inline{padding:.5rem;aspect-ratio:1 / 1}.btn.btn-secondary{background-color:var(--secondary-bg);color:var(--text-light);font-weight:600;border:1px solid var(--border)}.btn.btn-secondary:hover{color:var(--text-regular);border-color:var(--border-strong)}.btn.btn-secondary:active,.btn.btn-secondary:focus{border-color:var(--accent)}.btn.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-color);border:1px solid var(--btn-primary-border);font-weight:600}.btn.btn-primary svg{stroke-width:2.5px}.btn.btn-primary:hover{background-color:var(--btn-primary-bg-hover);color:var(--btn-primary-color-hover);border:1px solid var(--btn-primary-border-hover)}.btn.btn-link{color:var(--text-extra-light);background-color:transparent;border:none;transition:color .2s}.btn.btn-link svg{width:18px}.btn.btn-link:hover,.btn.btn-link:focus{color:var(--text-strong)}.btn.btn-link.btn-back{padding:0;color:var(--text-light);background-color:transparent;transition:transform .2s;margin-left:-16px}.btn.btn-link.btn-back:hover,.btn.btn-link.btn-back:active,.btn.btn-link.btn-back:focus{background-color:transparent;color:var(--text-strong);transform:translate(-2px)}.btn.btn-danger:hover,.btn.btn-danger:active,.btn.btn-danger:focus{color:var(--danger)}.btn.btn-primary.btn-danger:hover,.btn.btn-primary.btn-danger:active,.btn.btn-primary.btn-danger:focus{background-color:var(--danger-bg);color:var(--danger)}.btn.btn-primary:disabled,.btn.btn-danger:disabled{background-color:var(--border);border:transparent;color:var(--text-extra-light);opacity:.5}:is(.btn.btn-primary:disabled,.btn.btn-danger:disabled):hover,:is(.btn.btn-primary:disabled,.btn.btn-danger:disabled):active,:is(.btn.btn-primary:disabled,.btn.btn-danger:disabled):focus{background-color:var(--border);border:transparent;color:var(--text-extra-light);cursor:not-allowed;outline:none}.btn.btn-link:disabled{color:var(--border);background-color:transparent;cursor:not-allowed}.form-group+.form-group{margin-top:1rem}.form-group label:not(.custom-checkbox){display:block;color:var(--text-regular);font-weight:500;margin-bottom:.5rem;font-size:1rem}.form-group .checkbox-group{display:flex;align-items:center;gap:.5rem}.form-group .checkbox-group input[type=checkbox]{width:auto;margin-right:.5rem}.form-group .primary-button{margin-top:1rem;width:100%}.form-group .radio-group,.form-group .checkbox-group{display:flex;gap:1.5rem}.form-group .radio-label,.form-group .checkbox-label{display:flex;align-items:center;gap:.5rem;color:var(--text-strong);font-weight:500;cursor:pointer}.form-group input[type=radio],.form-group input[type=checkbox]{width:1rem;height:1rem;margin:0;cursor:pointer;accent-color:var(--accent);transform:scale(1.1)}.custom-checkbox{display:flex;align-items:center;margin:0}.custom-checkbox input[type=checkbox]{display:none}.custom-checkbox span.checkbox{width:24px;height:24px;border:1px solid var(--border-strong);border-radius:4px;background-color:var(--bg-1);cursor:pointer;transition:background-color .15s,border-color .15s;margin:0 8px 0 0;display:block}.custom-checkbox:hover span{border-color:var(--accent)}.custom-checkbox input[type=checkbox]:checked+span{background-color:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z'/%3E%3C/svg%3E");background-size:16px;background-repeat:no-repeat;background-position:center;opacity:var(--checkbox-opacity)}.custom-checkbox input[type=checkbox]:checked+span:hover{border-color:var(--accent-strong);background-color:var(--accent-strong)}.custom-checkbox input[type=checkbox]:indeterminate+span{background-color:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect y='6' width='16' height='4' rx='2' fill='white'/%3E%3C/svg%3E");background-size:10px;background-repeat:no-repeat;background-position:center;opacity:var(--checkbox-opacity)}.custom-checkbox input[type=checkbox]:indeterminate+span:hover{border-color:var(--accent-strong);background-color:var(--accent-strong)}.custom-checkbox.custom-1:hover span{border-color:var(--custom-1)}.custom-checkbox.custom-1 input[type=checkbox]:checked+span{background-color:var(--custom-1);border-color:var(--custom-1)}.custom-checkbox.custom-1 input[type=checkbox]:checked+span:hover{border-color:var(--custom-1);background-color:var(--custom-1)}.custom-checkbox.custom-1 input[type=checkbox]:indeterminate+span{background-color:var(--custom-1);border-color:var(--custom-1)}.custom-checkbox.custom-1 input[type=checkbox]:indeterminate+span:hover{border-color:var(--custom-1);background-color:var(--custom-1)}.custom-checkbox.custom-2:hover span{border-color:var(--custom-2)}.custom-checkbox.custom-2 input[type=checkbox]:checked+span{background-color:var(--custom-2);border-color:var(--custom-2)}.custom-checkbox.custom-2 input[type=checkbox]:checked+span:hover{border-color:var(--custom-2);background-color:var(--custom-2)}.custom-checkbox.custom-2 input[type=checkbox]:indeterminate+span{background-color:var(--custom-2);border-color:var(--custom-2)}.custom-checkbox.custom-2 input[type=checkbox]:indeterminate+span:hover{border-color:var(--custom-2);background-color:var(--custom-2)}.custom-checkbox.custom-3:hover span{border-color:var(--custom-3)}.custom-checkbox.custom-3 input[type=checkbox]:checked+span{background-color:var(--custom-3);border-color:var(--custom-3)}.custom-checkbox.custom-3 input[type=checkbox]:checked+span:hover{border-color:var(--custom-3);background-color:var(--custom-3)}.custom-checkbox.custom-3 input[type=checkbox]:indeterminate+span{background-color:var(--custom-3);border-color:var(--custom-3)}.custom-checkbox.custom-3 input[type=checkbox]:indeterminate+span:hover{border-color:var(--custom-3);background-color:var(--custom-3)}.custom-checkbox.custom-4:hover span{border-color:var(--custom-4)}.custom-checkbox.custom-4 input[type=checkbox]:checked+span{background-color:var(--custom-4);border-color:var(--custom-4)}.custom-checkbox.custom-4 input[type=checkbox]:checked+span:hover{border-color:var(--custom-4);background-color:var(--custom-4)}.custom-checkbox.custom-4 input[type=checkbox]:indeterminate+span{background-color:var(--custom-4);border-color:var(--custom-4)}.custom-checkbox.custom-4 input[type=checkbox]:indeterminate+span:hover{border-color:var(--custom-4);background-color:var(--custom-4)}.custom-checkbox.custom-5:hover span{border-color:var(--custom-5)}.custom-checkbox.custom-5 input[type=checkbox]:checked+span{background-color:var(--custom-5);border-color:var(--custom-5)}.custom-checkbox.custom-5 input[type=checkbox]:checked+span:hover{border-color:var(--custom-5);background-color:var(--custom-5)}.custom-checkbox.custom-5 input[type=checkbox]:indeterminate+span{background-color:var(--custom-5);border-color:var(--custom-5)}.custom-checkbox.custom-5 input[type=checkbox]:indeterminate+span:hover{border-color:var(--custom-5);background-color:var(--custom-5)}.custom-checkbox.custom-6:hover span{border-color:var(--custom-6)}.custom-checkbox.custom-6 input[type=checkbox]:checked+span{background-color:var(--custom-6);border-color:var(--custom-6)}.custom-checkbox.custom-6 input[type=checkbox]:checked+span:hover{border-color:var(--custom-6);background-color:var(--custom-6)}.custom-checkbox.custom-6 input[type=checkbox]:indeterminate+span{background-color:var(--custom-6);border-color:var(--custom-6)}.custom-checkbox.custom-6 input[type=checkbox]:indeterminate+span:hover{border-color:var(--custom-6);background-color:var(--custom-6)}.custom-checkbox.custom-7:hover span{border-color:var(--custom-7)}.custom-checkbox.custom-7 input[type=checkbox]:checked+span{background-color:var(--custom-7);border-color:var(--custom-7)}.custom-checkbox.custom-7 input[type=checkbox]:checked+span:hover{border-color:var(--custom-7);background-color:var(--custom-7)}.custom-checkbox.custom-7 input[type=checkbox]:indeterminate+span{background-color:var(--custom-7);border-color:var(--custom-7)}.custom-checkbox.custom-7 input[type=checkbox]:indeterminate+span:hover{border-color:var(--custom-7);background-color:var(--custom-7)}.custom-checkbox.custom-8:hover span{border-color:var(--custom-8)}.custom-checkbox.custom-8 input[type=checkbox]:checked+span{background-color:var(--custom-8);border-color:var(--custom-8)}.custom-checkbox.custom-8 input[type=checkbox]:checked+span:hover{border-color:var(--custom-8);background-color:var(--custom-8)}.custom-checkbox.custom-8 input[type=checkbox]:indeterminate+span{background-color:var(--custom-8);border-color:var(--custom-8)}.custom-checkbox.custom-8 input[type=checkbox]:indeterminate+span:hover{border-color:var(--custom-8);background-color:var(--custom-8)}.custom-checkbox.custom-9:hover span{border-color:var(--custom-9)}.custom-checkbox.custom-9 input[type=checkbox]:checked+span{background-color:var(--custom-9);border-color:var(--custom-9)}.custom-checkbox.custom-9 input[type=checkbox]:checked+span:hover{border-color:var(--custom-9);background-color:var(--custom-9)}.custom-checkbox.custom-9 input[type=checkbox]:indeterminate+span{background-color:var(--custom-9);border-color:var(--custom-9)}.custom-checkbox.custom-9 input[type=checkbox]:indeterminate+span:hover{border-color:var(--custom-9);background-color:var(--custom-9)}.custom-checkbox.custom-10:hover span{border-color:var(--custom-10)}.custom-checkbox.custom-10 input[type=checkbox]:checked+span{background-color:var(--custom-10);border-color:var(--custom-10)}.custom-checkbox.custom-10 input[type=checkbox]:checked+span:hover{border-color:var(--custom-10);background-color:var(--custom-10)}.custom-checkbox.custom-10 input[type=checkbox]:indeterminate+span{background-color:var(--custom-10);border-color:var(--custom-10)}.custom-checkbox.custom-10 input[type=checkbox]:indeterminate+span:hover{border-color:var(--custom-10);background-color:var(--custom-10)}.custom-checkbox.custom-11:hover span{border-color:var(--custom-11)}.custom-checkbox.custom-11 input[type=checkbox]:checked+span{background-color:var(--custom-11);border-color:var(--custom-11)}.custom-checkbox.custom-11 input[type=checkbox]:checked+span:hover{border-color:var(--custom-11);background-color:var(--custom-11)}.custom-checkbox.custom-11 input[type=checkbox]:indeterminate+span{background-color:var(--custom-11);border-color:var(--custom-11)}.custom-checkbox.custom-11 input[type=checkbox]:indeterminate+span:hover{border-color:var(--custom-11);background-color:var(--custom-11)}.custom-checkbox.custom-12:hover span{border-color:var(--custom-12)}.custom-checkbox.custom-12 input[type=checkbox]:checked+span{background-color:var(--custom-12);border-color:var(--custom-12)}.custom-checkbox.custom-12 input[type=checkbox]:checked+span:hover{border-color:var(--custom-12);background-color:var(--custom-12)}.custom-checkbox.custom-12 input[type=checkbox]:indeterminate+span{background-color:var(--custom-12);border-color:var(--custom-12)}.custom-checkbox.custom-12 input[type=checkbox]:indeterminate+span:hover{border-color:var(--custom-12);background-color:var(--custom-12)}.custom-checkbox.custom-13:hover span{border-color:var(--custom-13)}.custom-checkbox.custom-13 input[type=checkbox]:checked+span{background-color:var(--custom-13);border-color:var(--custom-13)}.custom-checkbox.custom-13 input[type=checkbox]:checked+span:hover{border-color:var(--custom-13);background-color:var(--custom-13)}.custom-checkbox.custom-13 input[type=checkbox]:indeterminate+span{background-color:var(--custom-13);border-color:var(--custom-13)}.custom-checkbox.custom-13 input[type=checkbox]:indeterminate+span:hover{border-color:var(--custom-13);background-color:var(--custom-13)}.custom-checkbox.custom-14:hover span{border-color:var(--custom-14)}.custom-checkbox.custom-14 input[type=checkbox]:checked+span{background-color:var(--custom-14);border-color:var(--custom-14)}.custom-checkbox.custom-14 input[type=checkbox]:checked+span:hover{border-color:var(--custom-14);background-color:var(--custom-14)}.custom-checkbox.custom-14 input[type=checkbox]:indeterminate+span{background-color:var(--custom-14);border-color:var(--custom-14)}.custom-checkbox.custom-14 input[type=checkbox]:indeterminate+span:hover{border-color:var(--custom-14);background-color:var(--custom-14)}.custom-checkbox.custom-15:hover span{border-color:var(--custom-15)}.custom-checkbox.custom-15 input[type=checkbox]:checked+span{background-color:var(--custom-15);border-color:var(--custom-15)}.custom-checkbox.custom-15 input[type=checkbox]:checked+span:hover{border-color:var(--custom-15);background-color:var(--custom-15)}.custom-checkbox.custom-15 input[type=checkbox]:indeterminate+span{background-color:var(--custom-15);border-color:var(--custom-15)}.custom-checkbox.custom-15 input[type=checkbox]:indeterminate+span:hover{border-color:var(--custom-15);background-color:var(--custom-15)}.checkbox-line{display:flex;align-items:center;gap:.5rem}.checkbox-description{color:var(--text-light);font-size:.95rem}.checkbox-line+.checkbox-description{margin-top:.5rem;padding-left:42px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group input[type=date]{width:100%;padding:.5rem 12px;border-radius:8px;border:1px solid var(--border-strong);background-color:var(--bg-1);line-height:1.5rem;font:inherit}:is(.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group input[type=date]):focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px var(--accent-bg)}:is(.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group input[type=date]):disabled{background-color:var(--bg-2);cursor:not-allowed;opacity:.5}.form-group input:disabled{background-color:var(--bg-2);cursor:not-allowed}.btn.btn-item-icon{width:28px;height:28px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity .25s color .25s border-color .25s;aspect-ratio:1 / 1;color:var(--custom-0);border:1px solid var(--custom-0-icon-tint);position:relative;background-color:transparent;min-height:0;min-width:0;flex-shrink:0}.btn.btn-item-icon.custom-0:hover{color:var(--text-regular);border-color:var(--text-extra-light)}.btn.btn-item-icon.custom-1{background-color:var(--custom-1-icon-tint);color:var(--custom-1);border-color:var(--custom-1-icon-tint)}.btn.btn-item-icon.custom-2{background-color:var(--custom-2-icon-tint);color:var(--custom-2);border-color:var(--custom-2-icon-tint)}.btn.btn-item-icon.custom-3{background-color:var(--custom-3-icon-tint);color:var(--custom-3);border-color:var(--custom-3-icon-tint)}.btn.btn-item-icon.custom-4{background-color:var(--custom-4-icon-tint);border-color:var(--custom-4-icon-tint);color:var(--custom-4)}.btn.btn-item-icon.custom-5{background-color:var(--custom-5-icon-tint);color:var(--custom-5)}.btn.btn-item-icon.custom-6{background-color:var(--custom-6-icon-tint);border-color:var(--custom-6-icon-tint);color:var(--custom-6)}.btn.btn-item-icon.custom-7{background-color:var(--custom-7-icon-tint);border-color:var(--custom-7-icon-tint);color:var(--custom-7)}.btn.btn-item-icon.custom-8{background-color:var(--custom-8-icon-tint);border-color:var(--custom-8-icon-tint);color:var(--custom-8)}.btn.btn-item-icon.custom-9{background-color:var(--custom-9-icon-tint);border-color:var(--custom-9-icon-tint);color:var(--custom-9)}.btn.btn-item-icon.custom-10{background-color:var(--custom-10-icon-tint);border-color:var(--custom-10-icon-tint);color:var(--custom-10)}.btn.btn-item-icon.custom-11{background-color:var(--custom-11-icon-tint);border-color:var(--custom-11-icon-tint);color:var(--custom-11)}.btn.btn-item-icon.custom-12{background-color:var(--custom-12-icon-tint);border-color:var(--custom-12-icon-tint);color:var(--custom-12)}.btn.btn-item-icon.custom-13{background-color:var(--custom-13-icon-tint);border-color:var(--custom-13-icon-tint);color:var(--custom-13)}.btn.btn-item-icon.custom-14{background-color:var(--custom-14-icon-tint);border-color:var(--custom-14-icon-tint);color:var(--custom-14)}.btn.btn-item-icon.custom-15{background-color:var(--custom-15-icon-tint);border-color:var(--custom-15-icon-tint);color:var(--custom-15)}.btn.btn-item-icon:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background-color:var(--bg-1);z-index:-1}.error-message{color:var(--error-color);font-size:.9rem;width:100%;margin:4px 0 0;padding:0}.select-menu{background:var(--bg-1);border-radius:8px;border:1px solid var(--border);box-shadow:var(--dropdown-box-shadow);overflow:hidden;z-index:1000;padding:.25rem;gap:.2rem;display:flex;flex-direction:column}.select-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:12px 24px 12px 16px;border:none;background:transparent;text-align:left;cursor:pointer;transition:all .2s;border-radius:6px;font-size:.95rem;font-weight:500}.select-menu .select-item{color:var(--text-regular)}.select-item:hover,.select-item.active{background-color:var(--accent-bg)}.select-item-danger{color:var(--danger)}.select-item-danger:hover{background-color:oklch(from var(--danger) l c h / .1)}.select-separator{height:1px;background-color:var(--border);margin:.25rem 0}.user-illustration{background-image:var(--user-illustration)}.lock-illustration{background-image:var(--lock-illustration)}.plus-illustration{background-image:var(--plus-illustration)}.email-illustration{background-image:var(--email-illustration)}.key-illustration{background-image:var(--key-illustration)}.app.auth-screen{padding-left:0}.app.auth-screen .main-content{overflow-y:auto}.login-container{display:flex;align-items:center;flex-direction:column;gap:2rem;padding-top:2rem;padding-bottom:2rem;justify-content:center}.login-logo{display:flex;justify-content:center}.login-logo svg{width:60px}.login-logo svg .light{fill:var(--bg-0)}.login-logo svg .dark{fill:var(--text-regular)}.box-card-illustration{width:128px;height:128px;margin:0 auto 1rem;background-size:contain;background-repeat:no-repeat;background-position:center}.box-card{background:var(--card-bg-gradient);padding:2rem 2rem 3rem;display:flex;flex-direction:column;gap:1rem;border-radius:var(--br-xl);box-shadow:var(--card-box-shadow);width:100%;max-width:450px;color:var(--text-regular)}.box-card a{color:var(--accent);text-decoration:none}.box-card a:hover{color:var(--accent-strong)}.box-card.registration{max-width:480px;padding-left:2.5rem;padding-right:2.5rem}.box-card .error-message,.box-card .success-message{margin-bottom:1rem;text-align:center}.box-card .error-message{color:var(--danger)}.box-card .error-message a{color:var(--accent);font-weight:600;text-decoration:none;transition:color .2s}.box-card .error-message a:hover{color:var(--accent-strong)}.box-card .success-message{color:var(--text-regular);text-align:center;display:flex;align-items:center;gap:1rem;flex-direction:column;margin-bottom:2rem}.box-card .success-message .success-icon{color:green}.box-card .success-message .success-icon svg{width:48px;height:48px}.box-card .success-message h4{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--text-regular)}.box-card .success-message p{margin:0;color:var(--text-light)}.box-card .form-group input[type=email],.box-card .form-group input[type=password],.box-card .form-group input[type=text]{width:100%;padding:.75rem;background-color:var(--bg-0);color:var(--text-regular);border:1px solid var(--border-strong);border-radius:8px}:is(.box-card .form-group input[type=email],.box-card .form-group input[type=password],.box-card .form-group input[type=text]):focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px var(--accent-bg)}:is(.box-card .form-group input[type=email],.box-card .form-group input[type=password],.box-card .form-group input[type=text]):-webkit-autofill,:is(.box-card .form-group input[type=email],.box-card .form-group input[type=password],.box-card .form-group input[type=text]):-webkit-autofill:hover,:is(.box-card .form-group input[type=email],.box-card .form-group input[type=password],.box-card .form-group input[type=text]):-webkit-autofill:focus,:is(.box-card .form-group input[type=email],.box-card .form-group input[type=password],.box-card .form-group input[type=text]):-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--bg-0) inset!important;-webkit-text-fill-color:var(--text-regular)!important;background-color:var(--bg-0)!important}:is(.box-card .form-group input[type=email],.box-card .form-group input[type=password],.box-card .form-group input[type=text]):-moz-autofill{background-color:var(--bg-0)!important;color:var(--text-regular)!important}.login-header{text-align:center;margin-bottom:1rem}.login-header h2{font-weight:500}.car-logo{width:80px;height:80px;margin-bottom:1rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form .btn.btn-primary{line-height:28px}.auth-screen .validation-error{color:var(--danger);font-size:.8rem;margin-top:.25rem;min-height:1rem}.input-error{border-color:var(--danger)!important}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{width:100%}.password-toggle{position:absolute;right:12px;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-light);opacity:.5;transition:opacity .2s}.password-toggle:hover{opacity:.8}.password-toggle svg{width:20px;height:20px}.registration-beta-box{padding:1.5rem 1.25rem;background-color:var(--bg-1);border:1px solid var(--border-light);margin-left:-1.25rem;margin-right:-1.25rem;border-radius:var(--br-lg)}.registration-beta-box p{margin-bottom:1rem}.redirect{color:var(--text-extra-light);font-size:.9rem;display:block;text-align:right;margin-top:.5rem}.redirect a{color:var(--accent);transition:color .2s;text-decoration:underline;font-weight:600}.redirect a:hover{color:var(--accent-strong)}.forgot-password{display:flex;justify-content:flex-end;font-size:.9rem;margin-top:.5rem}.forgot-password a{font-weight:600;text-decoration:underline;color:var(--accent);transition:color .2s}.forgot-password a:hover{color:var(--accent-strong)}.forgot-password-text{color:var(--text-regular);text-align:center;line-height:1.5}.success-message{color:var(--text-regular);text-align:center;margin:1rem 0;line-height:1.5}.form-group.terms{display:flex;align-items:flex-start;margin-bottom:1rem}.form-group.terms .text-group{color:var(--text-extra-light);font-weight:400}.form-group.terms .text-group .link{border:none;padding:0;background-color:transparent;cursor:pointer;color:var(--text-regular);transition:color .2s;text-decoration:none;font-weight:600}.form-group.terms .text-group .link:hover{color:var(--text-strong)}footer{margin-top:auto;text-align:center;color:var(--text-extra-light);font-size:.9rem;padding-top:1rem}footer p+p{margin-top:.5rem}footer a,footer .link{color:var(--text-extra-light);font-weight:600;transition:color .2s;text-decoration:none;background:none;border:none;padding:0;cursor:pointer}:is(footer a,footer .link):hover{color:var(--text-regular)}.login-options{display:flex;flex-direction:column;gap:1rem;align-items:center}.error-message{color:var(--danger);margin-top:1rem;font-size:.9rem;padding:.5rem;background-color:var(--bg-2);border-radius:4px;width:100%}.google-login{display:flex;justify-content:center;margin-bottom:.5rem}.login-footer{display:flex;flex-direction:column;gap:.5rem;text-align:center}.login-footer a{color:var(--text-light);text-decoration:none;font-size:.875rem}.login-footer a:hover{text-decoration:underline}.divider{display:flex;align-items:center;text-align:center}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.divider span{padding:0 1rem;color:var(--text-light);font-size:.875rem}.dark .google-login{opacity:.6}.app{padding-left:300px;transition:padding-left .3s ease}.app.nav-hidden{padding-left:0}.app.nav-hidden .main-nav{transform:translate(-100%)}.main-nav{position:fixed;top:0;bottom:0;left:0;width:300px;background-color:var(--bg-0);border-right:1px solid var(--border);transition:transform .3s ease;z-index:9}.nav-content{width:100%;height:100%;display:flex;flex-direction:column}.main-content{height:100dvh;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.page-header{background-color:var(--bg-0);border-bottom:1px solid var(--border)}.page-container{display:flex;overflow:hidden;position:relative;background-color:transparent}.main-nav{padding-top:52px;padding-bottom:52px}.main-nav .nav-header{position:absolute;top:0;left:0;width:100%;height:52px;background-color:var(--bg-0)}.main-nav .nav-footer{position:absolute;bottom:0;left:0;width:100%;height:52px;background-color:var(--bg-0);display:flex;justify-content:center;padding-right:16px;align-items:center}.main-nav svg.nav-logo{height:32px;width:auto}.main-nav svg.nav-logo .light{fill:var(--bg-0)}.main-nav svg.nav-logo .dark{fill:var(--text-strong)}.main-nav .nav-left{flex:1;overflow-y:auto}.main-nav .nav-links.mobile-nav{display:none}.main-nav .nav-links li a .nav-links{list-style:none}.main-nav .nav-link{padding:2px 16px;display:flex;flex-direction:column}.main-nav .nav-link.nav-link-single{padding-top:4px;padding-bottom:4px}.main-nav .nav-link a{flex:1;display:inline-flex;align-items:flex-start;gap:8px;text-decoration:none;color:var(--text-light);border-radius:8px;transition:background-color .2s,color .2s;font-weight:500;padding:12px 8px;font-size:1rem;line-height:20px}.main-nav .nav-link a:not(.active):hover{background-color:var(--accent-bg);color:var(--text-strong)}.main-nav .nav-link a.active{background-color:var(--selected-bg);color:var(--text-strong)}.main-nav .nav-link a svg{flex-shrink:0}.main-nav .nav-link a .nav-item-name{display:-webkit-box;line-clamp:3;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.main-nav .nav-link a svg.encrypted-icon{margin-left:8px;flex-shrink:0}.main-nav .nav-section{border-top:1px solid var(--border-light);padding:8px 0}.main-nav .nav-section:last-child{border-bottom:1px solid var(--border-light)}.main-nav .nav-section-header{display:flex;justify-content:space-between;align-items:center;padding:0 8px 4px 24px;font-weight:700;color:var(--text-extra-light);text-transform:uppercase;font-size:.75rem}.main-nav .nav-add-buttons{display:flex;padding:0 0 0 12px;justify-content:space-between}.page-header{display:flex;min-height:58px;padding:0 16px}.page-header .page-header-content{display:flex;flex:1;align-items:center;gap:.5rem;padding-left:44px}.page-header .btn.btn-icon.nav-toggle{background-color:var(--bg-0);position:fixed;left:8px;top:8px;z-index:99;color:var(--text-light);padding:9px;min-width:42px;min-height:42px}.page-header .btn.btn-icon.nav-toggle:hover{color:var(--text-strong)}.page-header .btn.btn-icon.nav-toggle svg{width:24px;stroke-width:1.5px}.page-header .page-header-title{font-size:1.1rem;font-weight:600;color:var(--text-strong);margin:0;line-height:1.2;display:flex;align-items:center;gap:.5rem}.page-header .page-header-encryption-icon{position:relative;top:-1px}.page-header .page-header-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem;padding-left:16px;border-left:1px solid var(--border)}.page-header .page-header-actions .btn.btn-link{color:var(--text-light)}.page-header .page-header-actions .btn.btn-link:hover,.page-header .page-header-actions .btn.btn-link:focus{color:var(--text-strong)}@media(max-width:768px){.page-header{flex-direction:column;padding:0}.page-header .btn.btn-icon.nav-toggle{top:0}.page-header .page-header-content{order:2;min-height:42px;border-top:1px solid var(--border);padding-left:18px!important}.page-header .page-header-actions{order:1}}.nav-visible .page-header-content{padding-left:8px}@media(min-width:768px)and (max-width:1000px){.nav-visible .page-header-content{padding-left:36px}}.font-size-menu-content{padding:16px;min-width:200px}.font-size-label{display:block;margin-bottom:8px;font-size:18px;font-weight:500}.font-size-slider{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;appearance:none}.font-size-range{display:flex;justify-content:space-between;margin-top:4px;font-size:16px;color:#666}.loader-container{position:relative;@keyframes swing{50%{transform:rotate(-3deg)}}@keyframes steamLarge{0%{stroke-dashoffset:13;opacity:.6}to{stroke-dashoffset:39;opacity:0}}@keyframes steamSmall{10%{stroke-dashoffset:9;opacity:.6}80%{stroke-dashoffset:27;opacity:0}to{stroke-dashoffset:27;opacity:0}}}.loader-container .loader{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:var(--text-light)}.loader-container svg.tea #teabag{transform-origin:top center;transform:rotate(3deg);animation:swing 2s infinite}.loader-container svg.tea #steamL{stroke-dasharray:13;stroke-dashoffset:13;animation:steamLarge 2s infinite}.loader-container svg.tea #steamR{stroke-dasharray:9;stroke-dashoffset:9;animation:steamSmall 2s infinite}.split-pane-container{width:100%;display:flex;overflow:hidden}.split-pane-container .split-pane-left{overflow-y:auto;overflow-x:hidden}.split-pane-container .split-pane-right{overflow-y:auto;overflow-x:hidden;padding:clamp(.5rem,2vw,3rem);padding-bottom:0}.split-pane-container .split-pane-separator{background-color:transparent;width:4px;cursor:col-resize;position:relative;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.split-pane-container .split-pane-separator{width:8px}}.split-pane-container .split-pane-separator:before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:transparent;transition:background-color .2s;pointer-events:none}.split-pane-container .split-pane-separator:after{content:"";position:absolute;top:50%;left:-2px;width:6px;height:24px;background-color:transparent;border-radius:2px;opacity:0;transition:all .2s;transform:translateY(-50%);pointer-events:none}@media(max-width:768px){.split-pane-container .split-pane-separator:after{left:-8px;right:-8px;width:auto;height:100%;top:0;transform:none;background-color:transparent}}.split-pane-container .split-pane-separator:hover:before{background-color:var(--accent)}.split-pane-container .split-pane-separator:hover:after{background-color:var(--accent);opacity:.8}@media(max-width:768px){.split-pane-container .split-pane-separator:hover:after{background-color:transparent;opacity:0}}.split-pane-container .split-pane-separator:active:before{background-color:var(--accent)}.split-pane-container .split-pane-separator:active:after{background-color:var(--accent);opacity:1}@media(max-width:768px){.split-pane-container .split-pane-separator:active:after{background-color:var(--accent);opacity:.3;left:-1px;right:auto;width:4px;height:24px;top:50%;transform:translateY(-50%);border-radius:2px}}.sidebar{background-color:var(--bg-1);border-right:1px solid var(--border);height:100%;padding:0 0 20px;overflow:hidden;display:flex;flex-direction:column}.sidebar .sidebar-content{overflow-y:auto;position:relative}.tab-group+.tab-group{border-top:1px solid var(--border)}.tab-group-tabs{padding:0 16px 8px}.sidebar-header{position:sticky;top:0;z-index:2;padding:16px;display:flex;align-items:center;gap:8px}.sidebar-header .btn.btn-primary{line-height:18px;padding-top:.75rem;padding-bottom:.75rem}.sidebar-header .btn.btn-icon{padding:.75rem}.tabs{list-style:none;padding:0;margin:0;display:flex;gap:2px;flex-direction:column}.tab{padding:.5rem 16px;cursor:pointer;border:2px solid transparent;border-radius:8px;transition:all .2s ease;background-color:transparent;font-weight:500;display:flex;gap:8px;line-height:1.5rem;margin-bottom:4px;touch-action:none;-webkit-touch-callout:none}.tab .btn.btn-item-icon{margin-top:-.125rem}.tab:not(.active):hover{background-color:var(--accent-bg)}.tab.active{background-color:var(--selected-bg)}.tab.drag-over{border:2px dashed var(--accent-border);background-color:var(--accent-bg)}.scrollable::-webkit-scrollbar{width:12px}.scrollable::-webkit-scrollbar-track{background:transparent}.scrollable::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:99px;border:2px solid var(--bg-2)}.scrollable::-webkit-scrollbar-thumb:hover{background-color:var(--border-strong)}.page-container.journals,.page-container.notebooks{padding:2rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto}.item-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.item-card{position:relative;background:var(--bg-1);border-radius:14px;transition:background-color .2s ease;cursor:pointer;border:1px solid var(--border)}.item-card.add-new{border:2px dashed var(--border);background:var(--bg-2);padding:14px;display:flex;align-items:center;justify-content:center}.item-card.add-new .big-plus{width:2rem;height:2rem;opacity:.5;transition:color .2s ease,opacity .2s ease}.item-card.add-new:hover{background:var(--accent-tint-3);border-color:var(--accent)}.item-card.add-new:hover .big-plus{width:2rem;height:2rem;color:var(--accent);opacity:1}.item-card .item-card-content{padding:14px;display:flex;flex-direction:column;gap:.5rem}.item-card .item-card-content .item-card-details{background-color:var(--journal-thumb-bg);padding:24px 32px 32px;border-radius:10px;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:space-between;position:relative;gap:1rem;transition:background-color .2s ease}.item-card .item-card-content .item-card-details:hover{background-color:var(--journal-thumb-hover-bg)}.item-card .item-card-content .item-card-details .title-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.item-card .item-card-content .item-card-details .title-bar .lock-icon{flex:0 0 auto;color:var(--journal-thumb-lock-color)}.item-card .item-card-content .item-card-details .title-bar .lock-icon svg{width:1.5rem;height:1.5rem;stroke-width:2px}.item-card .item-card-content .item-card-details h3{font-size:1.3rem;font-weight:500;line-height:1.2}.item-card .item-card-content .item-card-details .btn.btn-item-icon{width:3rem;height:3rem}.item-card .item-card-content .item-card-details .btn.btn-item-icon svg{width:1.5rem;height:1.5rem}.item-card .item-card-content .item-card-actions{display:flex;gap:.5rem;justify-content:flex-end}.item-card .item-card-content .item-card-actions .btn{opacity:.5;transition:opacity .2s ease}.item-card .item-card-content .item-card-actions .btn:hover{opacity:1}.journal-name,.notebook-name{font-size:1.1rem;color:var(--text-strong);text-align:center}.journal-actions,.notebook-actions{display:flex;gap:.5rem}.tab-content{display:flex;flex-direction:column;gap:.1rem;width:100%}.journal-header-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.content-area{overflow:hidden;overflow-y:auto;background-color:var(--bg-0);border:1px solid var(--border);border-bottom:0;height:100%;border-top-left-radius:var(--br-xl);border-top-right-radius:var(--br-xl)}.list-container{display:flex;flex-direction:column;height:100%}.list-body{flex:1;min-height:0;display:flex;flex-direction:column}.list-items{overflow-y:auto;display:flex;flex-direction:column;gap:4px;min-height:0;position:relative;padding:0 2px}.list{background:#f4f5f7;border-radius:8px;width:600px;padding:8px;position:relative}.content-header{display:flex;align-items:center;gap:1rem;padding:16px 24px;border-bottom:1px solid var(--border);min-height:58px}.content-header h2{margin:0;font-size:1.1rem;line-height:1.2;font-weight:600;color:var(--text-strong)}.content-header-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.content-name-input{height:2.625rem;width:100%;padding:.25rem;padding-left:6px;font-size:1.1rem;font-weight:600;border:1px solid var(--border);border-radius:6px;background:var(--name-input-bg);color:var(--text-strong);margin-left:-6px}.content-name-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--accent-glow)}.content-header.journal-header{gap:.5rem}.content-header.journal-header h2,.content-header.journal-header .content-name-input{font-size:1rem}.content-header.journal-header .journal-header-content{flex:0 0 auto}.list-item{display:flex;align-items:center;padding:.25rem 8px;border-radius:4px;gap:2px;position:relative;z-index:1;border:1px solid transparent;transition:background-color .2s,color .2s ease}.list-item:first-child{margin-top:16px}.list-item:last-child{margin-bottom:16px}.list-item:hover{background:var(--bg-1)}.list-item.selected{background-color:var(--selected-bg);border-color:var(--selected-bg);color:var(--text-strong)}.list-item.dragging{opacity:.2;background-color:var(--border-strong);border-color:transparent}.dragging-container .list-item.dragging{background-color:var(--accent-bg);border-color:var(--accent-bg);box-shadow:0 2px 8px #0000001a;transform:rotate(-1deg);opacity:.6;cursor:grabbing;touch-action:none}.dragging-container .list-item:not(:last-child){margin-bottom:2px}.list-item.done .item-name{text-decoration:line-through;color:var(--text-extra-light)}.list-item .custom-checkbox{margin-left:4px;cursor:pointer}.list-item .custom-checkbox span.checkbox{border-radius:99px}.list-item .auto-resize-textarea{flex:1;margin-left:44px;border:none;background:transparent;resize:none;padding:4px;font:inherit;min-height:28px;overflow:hidden;border-radius:4px;background-color:var(--auto-resize-textarea-bg)}.list-item .auto-resize-textarea:focus{outline:none}.drag-handle{cursor:grab;color:var(--text-regular);opacity:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:opacity .2s ease;flex:0 0 18px;margin:0 -4px;touch-action:none}.drag-handle svg{width:18px;height:18px}.drag-handle+.item-name{margin-left:6px}.list-item:hover .drag-handle{opacity:.5}.list-item:hover .drag-handle:hover{opacity:1}.drag-handle:active{cursor:grabbing}.list-item .item-name{white-space:pre-wrap;word-break:break-word;padding:2px 6px 2px 0;flex:0 1 auto;flex-wrap:wrap}.list-item .item-name a{color:var(--accent);text-decoration:underline;cursor:pointer}.list-item .item-name a:hover{color:var(--accent-strong, var(--accent));text-decoration:underline}.list-item .item-name.empty-name{min-width:24px;background-color:var(--bg-1);border-color:var(--border-light);border-radius:4px;height:32px;cursor:pointer}.list-item:hover .item-name.empty-name{border-color:var(--accent-bg)}.list-item:hover .item-name.empty-name:hover{background-color:var(--accent-bg)}.list-item{opacity:1;max-height:500px;transition:opacity .2s ease-out,max-height .2s ease-out,margin-bottom .2s ease-out,padding .2s ease-out,border-width .2s ease-out}.list-item.deleting{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-width:0;pointer-events:none}.list-item .delete-item-btn{flex:0 0 auto;border:none;background-color:transparent;padding:3px;cursor:pointer;opacity:0;transition:opacity .2s;margin-left:auto}.list-item .delete-item-btn svg{width:18px;height:18px}.list-item:hover .delete-item-btn{opacity:.3}.list-item:hover .delete-item-btn:hover{opacity:1}.new-item-form{padding:16px 16px 16px 26px;display:flex;align-items:flex-start;gap:8px;background-color:var(--bg-0);position:relative}.list-items:has(.list-item)+.new-item-form{border-top:1px solid var(--border)}.new-item-form-single{position:relative;flex:1}.new-item-form-multiple{flex:1;display:flex;flex-direction:column;gap:8px}.new-item-form-multiple textarea{max-height:100px!important;overflow-y:auto!important}.new-item-input{width:100%;padding:.6875rem 2px .6875rem 10px;padding-right:40px;border-radius:10px;border:1px solid var(--border);background-color:var(--bg-1);resize:none;overflow:hidden;min-height:3rem;line-height:1.5rem;font:inherit;display:block;box-sizing:border-box}.new-item-input:focus{border-color:var(--accent);box-shadow:var(--accent-glow);outline:none}.new-item-input:disabled{background-color:var(--bg-2);cursor:not-allowed}.new-item-button{position:absolute;right:3px;top:3px}.empty-state{display:flex;flex-direction:column;align-items:center;max-width:400px;text-align:center;padding:2rem;margin:0 auto}.empty-state>svg{width:160px;height:160px}.empty-state>svg .line{stroke-width:.8px;stroke:var(--text-light)}.empty-state p{margin-bottom:2rem;font-size:1rem;color:var(--text-light)}.settings-container{overflow-y:auto}.settings-container>section{padding:2rem;overflow-y:auto;height:100%}.settings-container h4{margin-bottom:.5rem}.note-container{height:100%;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.note-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.note-content{flex:1;overflow-y:auto;padding:1rem .5rem;margin-top:.5rem}.note-editor-container{height:100%;display:flex;flex-direction:column;overflow:auto}.note-editor-wrapper{flex:1;overflow-y:auto;min-height:0;position:relative}.note-editor{padding:1.5rem 2rem;outline:none;position:relative}*:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus-visible-outline)}.list-item:focus-visible{outline:none;box-shadow:none}.btn-back.toggle-content-view{display:none}.note-editor:focus,.note-editor:focus-visible{outline:none;box-shadow:none}.content-wrapper{flex:1;display:grid;grid-template-rows:auto auto 1fr;overflow:hidden}.toaster{--toast-font-size: 1rem;--toast-width: 350px;--toast-radius: var(--br-md);--toast-padding: 16px;--toast-gap: 12px;--toast-shadow: 0 4px 12px rgba(0, 0, 0, .1);--toast-success-bg: var(--accent-bg);--toast-success-border: var(--accent-border);--toast-success-text: var(--text-strong);--toast-error-bg: var(--danger-bg);--toast-error-border: var(--danger-border);--toast-error-text: var(--danger);--toast-info-bg: var(--accent-bg);--toast-info-border: var(--accent-border);--toast-info-text: var(--text-strong);--toast-warning-bg: var(--warning-bg);--toast-warning-border: var(--warning-border);--toast-warning-text: var(--warning);--toast-loading-bg: var(--accent-bg);--toast-loading-border: var(--accent-border);--toast-loading-text: var(--text-strong);--toast-title-font-weight: 600;--toast-description-font-weight: 400;--toast-icon-size: 20px;--toast-close-size: 20px;--toast-close-color: var(--text-light);--toast-close-color-hover: var(--text-strong)}.toast{font-family:var(--font-family);font-size:var(--toast-font-size);line-height:1.5;color:var(--text-regular);background-color:var(--bg-1);border:1px solid var(--border);box-shadow:var(--toast-shadow);padding:var(--toast-padding);border-radius:var(--toast-radius);width:var(--toast-width);transition:all .2s ease}.toast.success{background-color:var(--toast-success-bg);border-color:var(--toast-success-border);color:var(--toast-success-text)}.toast.error{background-color:var(--toast-error-bg);border-color:var(--toast-error-border);color:var(--toast-error-text)}.toast.info{background-color:var(--toast-info-bg);border-color:var(--toast-info-border);color:var(--toast-info-text)}.toast.warning{background-color:var(--toast-warning-bg);border-color:var(--toast-warning-border);color:var(--toast-warning-text)}.toast.loading{background-color:var(--toast-loading-bg);border-color:var(--toast-loading-border);color:var(--toast-loading-text)}.toast-title{font-weight:var(--toast-title-font-weight);font-size:1em;margin-bottom:4px;display:block}.toast-description{font-weight:var(--toast-description-font-weight);font-size:.9em;opacity:.9;display:block}.toast-icon{width:var(--toast-icon-size);height:var(--toast-icon-size);margin-right:12px;flex-shrink:0}.toast-close{width:var(--toast-close-size);height:var(--toast-close-size);color:var(--toast-close-color);opacity:.7;transition:all .2s ease;cursor:pointer;margin-left:auto;margin-top:-4px}.toast-close:hover{color:var(--toast-close-color-hover);opacity:1}.toaster{z-index:9999}:root.dark .toast{background-color:var(--bg-2);border-color:var(--border)}:root.dark .toast-title{opacity:.95}:root.dark .toast-description{opacity:.8}.account-info-container,.preferences-container,.password-container,.usage-container{height:100%;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.settings-container{height:100%;overflow:hidden}.settings-page .content-area{overflow:hidden!important}.settings-section-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem}.settings-section-header h2{font-weight:600;font-size:1.1rem}.settings-section-body{padding-top:1rem;overflow-y:auto;padding-right:.5rem;height:100%;min-height:0}.settings-section-body h3{margin-bottom:1rem;color:var(--text-1);font-size:1.25rem;font-weight:600}.settings-section-body h4{margin-bottom:.5rem;color:var(--text-2);font-size:1rem;font-weight:600}.info-section,.form-section{display:grid;margin-bottom:2rem;padding:0 2px}.info-section{padding:1rem;border:1px solid var(--border);border-radius:8px;background-color:var(--bg-1)}.info-section+h3,.form-section+h3{margin-top:1.5rem}.info-item{display:grid;gap:.25rem;margin-bottom:1rem}.info-item label{color:var(--text-light)}.info-item .info-value{color:var(--text-strong);font-size:1rem;font-weight:500}.users-container{padding:2rem;overflow-y:auto}.user-info-container{height:100%;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.user-section-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem}.user-section-header h2{font-weight:600;font-size:1.5rem}.user-section-body{max-width:600px;padding-top:1rem;overflow-y:auto;padding-right:.5rem}.user-section-body h3{margin-bottom:1rem;color:var(--text-1);font-size:1.25rem;font-weight:600}.user-section-body .user-details p{margin-bottom:.5rem}.app-loading{display:flex;justify-content:center;align-items:center;height:100dvh;width:100vw;background-color:var(--background-color)}.loading-spinner{color:var(--text-color);font-size:1.2rem;opacity:.8}.promo-codes-header{padding-top:1rem}.promo-codes-header .title-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 2rem 0}.promo-codes-header .title-bar .btn svg{transition:transform .2s}.promo-codes-header .title-bar .btn.section-expanded svg{transform:rotate(-45deg)}.promo-codes-header .promo-code-form .form-actions{display:flex;gap:.25rem}.promo-code-form{position:relative;padding:1rem;background:var(--form-section-bg);border-top:1px solid var(--border);display:grid;width:100%;grid-template-columns:repeat(6,1fr);gap:1rem;align-items:start}.promo-code-form .form-group{display:flex;flex-direction:column;gap:.5rem;margin-top:0}.promo-code-form .form-group:nth-child(1){grid-column:1}.promo-code-form .form-group:nth-child(2){grid-column:2}.promo-code-form .form-group:nth-child(3){grid-column:3}.promo-code-form .form-group:nth-child(4){grid-column:4}.promo-code-form .form-group:nth-child(5){grid-column:5}.promo-code-form .form-actions{grid-column:6;display:flex;gap:.5rem;align-items:flex-end;height:100%;padding-bottom:2px}.promo-code-form .form-actions .btn{width:fit-content;min-width:max-content}.promo-code-form input{padding:.5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-2)}.promo-code-form label{font-size:.875rem;color:var(--text-2)}.promo-codes-body{border-top:1px solid var(--border);overflow-y:auto;margin-bottom:2rem}.promo-codes-grid{width:100%}.promo-codes-grid-header{display:grid;grid-template-columns:1fr 1fr 2fr 1fr 1fr 80px;gap:1rem;padding:.5rem 2rem;background-color:var(--accent-tint-3);font-weight:600;position:sticky;top:0;z-index:10}.promo-codes-grid-body{display:flex;flex-direction:column}.promo-code-row{display:grid;grid-template-columns:1fr 1fr 2fr 1fr 1fr 80px;gap:1rem;padding:.5rem 2rem;border-bottom:1px solid var(--border);align-items:center}.promo-code-cell{display:flex;align-items:center}.promo-code-cell.actions{justify-content:center}.promo-code-cell.actions span{display:flex;align-items:center;gap:.5rem}.logout-backdrop{position:fixed;inset:0;background:var(--bg-0);display:flex;align-items:center;justify-content:center;z-index:9999;color:inherit}@media(max-width:1000px){.main-nav{transform:translate(-100%);transition:transform .3s ease;z-index:1001;left:0}.main-nav.mobile-nav-open{transform:translate(0)}.hamburger-line{width:20px;height:2px;background-color:var(--text-regular);transition:all .3s ease}.mobile-nav-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:flex-start;justify-content:flex-start;padding:1rem}.btn.btn-icon.btn-link.mobile-nav-close{position:absolute;top:0;left:8px;color:var(--text-light);padding:9px;min-width:42px;min-height:42px}.btn.btn-icon.btn-link.mobile-nav-close svg{width:24px;stroke-width:1.5px}.btn.btn-icon.btn-link.mobile-nav-close:hover{color:var(--text-strong)}.app{padding-left:0!important;transition:padding-left .3s ease}.app.nav-hidden{padding-left:0!important}.main-content{transition:transform .3s ease}.main-content.pushed{transform:translate(300px)}}@media(max-width:768px){.split-pane-separator{display:none}.sidebar-view .split-pane-left{width:100%!important;max-width:100%!important;min-width:100%!important;transition:all .3s ease}.sidebar-view .split-pane-right,.content-view .split-pane-left{width:0!important;max-width:0!important;min-width:0!important;transition:all .3s ease}.content-view .split-pane-right{width:100%!important;max-width:100%!important;min-width:100%!important;transition:all .3s ease}.btn-back.toggle-content-view{display:inline-flex}.promo-code-form{display:flex;flex-direction:column;padding:1rem;gap:1rem;max-height:50dvh;overflow-y:auto}.promo-code-form .form-group{width:100%}.promo-code-form .form-actions{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin-top:.5rem}.promo-code-form .form-actions .btn{width:fit-content;min-width:max-content}.promo-codes-header .promo-code-form .form-actions{top:.25rem}.promo-codes-grid-header{display:none}.promo-code-row{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.promo-code-cell{display:grid;grid-template-columns:120px 1fr;gap:1rem;width:100%}.promo-code-cell:before{content:attr(data-label);font-weight:600}.promo-code-cell.actions{justify-content:flex-start}@media(hover:none)and (pointer:coarse){.list-item .custom-checkbox{opacity:1!important;pointer-events:auto!important}.list-item.edit-mode .drag-handle,.list-item.edit-mode .delete-item-btn{opacity:.5!important;display:block!important}.list-item:not(.edit-mode) .drag-handle,.list-item:not(.edit-mode) .delete-item-btn{display:none!important}}@media(hover:hover)and (pointer:fine){.list-item .drag-handle,.list-item .delete-item-btn{opacity:0!important;display:block!important;visibility:hidden}.list-item:hover .drag-handle,.list-item:hover .delete-item-btn{opacity:.5!important;visibility:visible}.list-item:hover .drag-handle:hover,.list-item:hover .delete-item-btn:hover{opacity:1!important}}}:is(.theme-options,.mode-options) .btn.btn-primary:hover,:is(.theme-options,.mode-options) .btn.btn-primary:active,:is(.theme-options,.mode-options) .btn.btn-primary:focus{background-color:var(--btn-primary-bg)}.empty-state svg .fill-light-1{fill:var(--empty-state-light-1)}.empty-state svg .fill-light-2{fill:var(--empty-state-light-2)}.empty-state svg .fill-light-3{fill:var(--empty-state-light-3)}.empty-state svg .fill-dark{fill:var(--empty-state-dark)}.empty-state svg .stroke-dark{stroke:var(--empty-state-dark)}.popover-dialog{background:var(--bg-1);border-radius:16px;min-width:400px;max-width:656px;width:100%;margin:60px auto;box-shadow:0 8px 32px #0000002e;padding:16px;position:relative;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.modal-backdrop{position:fixed;inset:0;background:#00000040;z-index:1000}.modal-dialog{background:var(--bg-0);border-radius:16px;min-width:400px;max-width:656px;width:100%;margin:60px auto;box-shadow:0 8px 32px #0000002e;padding:0;position:relative;max-height:calc(100vh - 120px);display:flex;flex-direction:column;z-index:1001;overflow:hidden}.modal-dialog form{display:flex;flex-direction:column;flex:1;min-height:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;gap:.5rem;flex-shrink:0}.modal-header .modal-header-content{display:flex;align-items:center;gap:12px}.modal-header .modal-icon{flex:0 0 auto}.modal-header .modal-icon svg{width:24px;height:24px}.modal-header .title-3{font-weight:500;font-size:1.2rem;margin:0}.modal-close{background:none;border:none;padding:5px;cursor:pointer;opacity:.6;transition:opacity .2s}.modal-close:hover{opacity:1}.modal-body{padding:24px;overflow-y:auto;flex:1;min-height:0}.modal-footer{padding:0 24px 24px;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.modal-dialog.encryption-modal{max-width:500px}.encryption-warning-text{background-color:var(--warning-bg);border:1px solid var(--warning-border);border-radius:8px;padding:16px;margin:16px 0;color:var(--warning);font-size:.9rem;line-height:1.4}.modal-dialog.create-notebook-modal{max-width:500px}.icon-grid,.color-grid{padding:16px 0;display:flex;flex-wrap:wrap;gap:16px}.icon-swatch{padding:8px;aspect-ratio:1 / 1;border-radius:50%;background:var(--surface-2);display:inline-flex;transition:border .2s;border:1px solid var(--bg-1);cursor:pointer;transition:background-color .2s}.icon-swatch:hover{background-color:var(--accent-tint-3)}.icon-swatch svg{width:20px;height:20px;display:block}.icon-swatch.selected{outline:2px solid var(--text-light);background-color:var(--bg-2)}.color-swatch{width:32px;height:32px;border-radius:50%;display:inline-block;transition:border .2s;border:1px solid var(--bg-0);cursor:pointer;transition:opacity .2s}.color-swatch:hover{opacity:.8}.color-swatch.selected{outline:2px solid var(--text-light)}.warning-text{color:var(--danger);font-size:.9rem;padding:1rem;background-color:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--br-lg);margin-bottom:1.5rem}.encryption-warning-text{color:var(--danger);font-size:.9rem;padding:1rem;background-color:var(--danger-bg);border:1px solid var(--danger-border);border-radius:6px;margin:1rem 0 0}.plan-info{margin-bottom:2rem;padding:1rem;border:1px solid var(--border);border-radius:8px;background-color:var(--surface-2)}.plan-type h5{margin-bottom:.5rem;color:var(--text-2);font-size:1rem;font-weight:600}.plan-name{font-size:1.25rem;font-weight:600;color:var(--text-1);margin:0}.usage-section{margin-bottom:2rem}.usage-section h5{margin-bottom:1rem;color:var(--text-2);font-size:1rem;font-weight:600}.usage-item{margin-bottom:1.5rem}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.usage-label{font-weight:500;color:var(--text-1)}.usage-count{font-size:.875rem;color:var(--text-2)}.usage-bar-container{display:flex;align-items:center;gap:.75rem}.usage-bar-background{flex:1;height:8px;background-color:var(--bg-2);border-radius:4px;overflow:hidden}.usage-bar-fill{height:100%;border-radius:4px;transition:width .3s ease;background-color:var(--bg-accent)}.usage-percentage{font-size:.875rem;color:var(--text-2);min-width:3rem;text-align:right}.plan-limits-info{padding:1rem;border:1px solid var(--border);border-radius:8px;background-color:var(--surface-2)}.plan-limits-info h5{margin-bottom:1rem;color:var(--text-2);font-size:1rem;font-weight:600}.limits-list{list-style:none;padding:0;margin:0}.limits-list li{padding:.5rem 0;border-bottom:1px solid var(--border);color:var(--text-1)}.limits-list li:last-child{border-bottom:none}.list-item-actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.note-editor-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;padding:2rem;text-align:center;color:var(--text-extra-light);background-color:var(--bg-2);border:1px dashed var(--border);border-radius:8px;margin:1rem}.note-editor-placeholder p{margin:0;font-size:1rem;opacity:.8}.content-header .loader{display:flex;align-items:center;justify-content:center;color:var(--text-light)}.content-header .loader svg{width:20px;height:20px}.tab.switching{opacity:.6;pointer-events:none;cursor:wait}.tab.switching:after{content:"";position:absolute;top:50%;right:8px;width:12px;height:12px;border:2px solid var(--text-light);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;transform:translateY(-50%)}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.storage-warning{background-color:var(--danger-bg);border:1px solid var(--danger-border);border-radius:6px;padding:12px;margin:8px 0;font-size:14px;color:var(--danger)}.storage-warning-title{font-weight:600;margin-bottom:4px}.storage-warning-message{margin-bottom:8px}.storage-warning-details{font-size:12px;color:var(--danger);display:flex;align-items:center;gap:8px}.image-container{display:inline-block;position:relative;max-width:100%;margin:1rem 0;-webkit-user-select:none;user-select:none}.image-selected{outline:2px solid var(--accent)!important;outline-offset:4px;border-radius:4px;cursor:default}.image-selected img{outline:none}.image-placeholder,.encrypted-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;background-color:var(--bg-1);border:2px dashed var(--border);border-radius:12px;color:var(--text-light);width:100%;min-height:200px;transition:all .2s ease}.image-placeholder:hover,.encrypted-image-placeholder:hover{border-color:var(--accent);background-color:var(--accent-bg)}.image-icon,.encrypted-image-icon{font-size:3rem;opacity:.5}.image-loading,.encrypted-image-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:var(--text-light)}.image-error,.encrypted-image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;background-color:var(--danger-bg);border:1px solid var(--danger-border);border-radius:8px;color:var(--danger)}.error-icon{font-size:2rem}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-text-strikethrough{text-decoration:line-through}.editor-text-code{background-color:var(--bg-2);padding:1px .25rem;font-family:Menlo,Consolas,Monaco,monospace;font-size:94%}.editor-list-checklist{padding:0;margin:0;list-style:none}.editor-nested-listitem{list-style-type:none}.editor-list-item.editor-list-item-checked,.editor-list-item.editor-list-item-unchecked{position:relative;margin-left:8px;padding-left:24px;list-style-type:none;outline:none}.editor-list-item.editor-list-item-checked:before,.editor-list-item.editor-list-item.editor-list-item-unchecked:before{content:"";width:16px;height:16px;position:absolute;left:0;top:4px;border:1px solid var(--border-strong);border-radius:2px;background-color:var;cursor:pointer}.editor-list-item.editor-list-item-checked:before{border-color:var(--accent);background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.editor-list-item.editor-list-item-checked{text-decoration:line-through;color:var(--text-extra-light)}.editor-heading-h1{font-size:2em;font-weight:700;margin:.67em 0;line-height:1.2}.editor-heading-h2{font-size:1.5em;font-weight:600;margin:.75em 0;line-height:1.3}.editor-heading-h3{font-size:1.25em;font-weight:600;margin:.83em 0;line-height:1.4}.editor-quote{margin:1em 0;padding:.5em 1em;border-left:4px solid var(--border);background-color:var(--bg-2);font-style:italic;color:var(--text-light)}.editor-code,.note-editor code{background-color:var(--bg-2);border:1px solid var(--border);border-radius:4px;display:block;font-family:Courier New,Courier,monospace;line-height:1.5;padding:1em;white-space:pre;overflow-x:auto;margin:1em 0;color:var(--text-regular);font-size:.9em}.editor-list-ul,.editor-list-ol{padding:0;margin:.5em 0;list-style-position:inside}.editor-list-ul{list-style-type:disc}.editor-list-ol{list-style-type:decimal}.editor-list-item{margin:.25em 0;padding-left:0}.editor-nested-listitem{list-style-type:circle;padding-left:1.5em}.editor-nested-listitem .editor-nested-listitem{list-style-type:square}.autosave-indicator{width:12px;height:12px;border-radius:50%;position:absolute;top:10px;right:10px;z-index:10;transition:background-color .2s ease}.autosave-indicator.idle{background-color:transparent}.autosave-indicator.saving{background-color:#dc2626}.autosave-indicator.success{background-color:#16a34a}.autosave-indicator.error{background-color:#dc2626;animation:blink .5s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.page-container.inbox .content-wrapper{max-width:800px;margin:0 auto;padding:2rem}.page-container.inbox .content-wrapper .custom-checkbox{font-size:.875rem;font-weight:500;color:var(--text-extra-light)}.page-container.inbox .content-wrapper .custom-checkbox span.checkbox{width:20px;height:20px}.inbox-input-container{display:flex;gap:.75rem;align-items:center;padding:1rem;background:var(--card-bg-gradient);box-shadow:var(--card-box-shadow);border:1px solid var(--border-strong);border-radius:var(--br-lg);padding-bottom:calc(1rem - 6px)}.inbox-input-container .input-wrapper{flex:1}.inbox-input-container:has(textarea:focus){border-color:var(--accent);box-shadow:var(--accent-glow)}.inbox-input-form{display:flex;gap:.75rem;align-items:flex-start;width:100%}.inbox-input{flex:1;border:none;font-size:1rem;line-height:1.3rem;padding:12px 0 0 8px;resize:none;background-color:transparent}.inbox-input:focus{outline:none;border-color:var(--accent)}.inbox-input:disabled{background-color:var(--bg-2);cursor:not-allowed}.inbox-body{padding:.5rem 0;overflow-y:auto;flex:1}.inbox-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;color:var(--text-light)}.inbox-empty-state h4{font-weight:500;font-size:1.1rem}.inbox-empty-state p{margin:0;font-size:1rem;margin-top:.5rem;color:var(--text-extra-light);line-height:1.5;font-size:.9rem}.inbox-empty-state svg{opacity:.2;width:44px;margin-bottom:1rem}.inbox-items{display:flex;flex-direction:column}.import-modal{@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.import-modal .file-drop-zone{border:2px dashed var(--border);border-radius:8px;padding:1.5rem;transition:all .3s ease;background:var(--bg-2);cursor:pointer}.import-modal .file-drop-zone.drag-active{border-color:var(--accent);background:var(--accent-bg)}.import-modal .upload-content .upload-icon{font-size:3rem;margin-bottom:1rem}.import-modal .upload-content h3{margin:0 0 .5rem;color:var(--text-strong);font-weight:600;font-size:1.25rem}.import-modal .upload-content p{margin:0 0 1.5rem;color:var(--text-regular);font-size:.9rem}.import-modal .upload-actions{display:flex;align-items:center;gap:1rem;justify-content:center}.import-modal .file-requirements{padding:1rem;border-radius:4px;margin:1rem 0;text-align:left}.import-modal .file-requirements h4{margin:0 0 .5rem;color:var(--text-strong);font-size:1rem;font-weight:600}.import-modal .file-requirements ul{margin:0;padding-left:1.5rem;list-style:none}.import-modal .file-requirements li{margin:.25rem 0;color:var(--text-regular);position:relative}.import-modal .file-requirements li:before{content:"•";font-weight:700;position:absolute;left:-1.5rem}.import-modal .import-progress{text-align:center;padding:3rem 2rem}.import-modal .progress-indicator{display:flex;flex-direction:column;align-items:center;gap:1rem}.import-modal .import-progress h3{margin:0;color:var(--text-strong);font-weight:600;font-size:1.25rem}.import-modal .import-progress p{margin:0;color:var(--text-regular);font-size:1rem}.import-modal .spinning{animation:spin 1s linear infinite}.import-modal .import-success{text-align:center;padding:2rem}.import-modal .success-icon{font-size:3rem;margin-bottom:1rem}.import-modal .import-success h3{margin:0 0 1rem;color:var(--text-strong);font-weight:600;font-size:1.25rem}.import-modal .import-stats{background:var(--bg-2);padding:1.5rem;border-radius:8px;margin:1.5rem 0;text-align:left}.import-modal .import-stats p{margin:.5rem 0;color:var(--text-regular);font-size:1rem}.import-modal .import-stats strong{color:var(--text-strong)}.import-modal .warning{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);padding:.75rem;border-radius:4px;margin:1rem 0;font-size:.95rem}.import-modal .success-message{color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent);padding:1rem;border-radius:4px;margin:1rem 0;font-size:.95rem;font-weight:500}.import-modal .duplicate-message{color:var(--text-regular);background:var(--bg-2);border:1px solid var(--border);padding:1rem;border-radius:4px;margin:1rem 0;font-size:.95rem}.import-modal .import-error{text-align:center;padding:2rem}.import-modal .error-icon{font-size:3rem;margin-bottom:1rem}.import-modal .import-error h3{margin:0 0 1rem;color:var(--text-strong);font-weight:600;font-size:1.25rem}.import-modal .error-message{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);padding:1rem;border-radius:4px;margin:1rem 0;font-size:.95rem}.import-modal :root.dark .file-drop-zone{border-color:var(--border-3)}.image-resizer-control{position:absolute;background-color:var(--neutral-0);border:1px solid var(--accent);width:10px;height:10px;border-radius:50%;z-index:10;box-shadow:0 0 4px #0003}.image-control-wrapper--resizing .image-resizer-control{background-color:var(--accent)}.image-resizer-control.n{top:-5px;left:50%;transform:translate(-50%);cursor:ns-resize}.image-resizer-control.ne{top:-5px;right:-5px;cursor:nesw-resize}.image-resizer-control.e{top:50%;right:-5px;transform:translateY(-50%);cursor:ew-resize}.image-resizer-control.se{bottom:-5px;right:-5px;cursor:nwse-resize}.image-resizer-control.s{bottom:-5px;left:50%;transform:translate(-50%);cursor:ns-resize}.image-resizer-control.sw{bottom:-5px;left:-5px;cursor:nesw-resize}.image-resizer-control.w{top:50%;left:-5px;transform:translateY(-50%);cursor:ew-resize}.image-resizer-control.nw{top:-5px;left:-5px;cursor:nwse-resize}.image-resizer-wrapper{position:absolute;inset:0;border:1px solid var(--accent);pointer-events:none;z-index:5}.image-resizer-wrapper .image-resizer-control{pointer-events:auto}.toolbar{display:flex;margin-bottom:1px;background:var(--bg-1);padding:4px;border-top-left-radius:10px;border-top-right-radius:10px;vertical-align:middle;overflow:auto;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--border);align-items:center;flex-wrap:wrap;gap:2px}.toolbar button.toolbar-item{border:0;display:flex;background:none;border-radius:10px;padding:8px;cursor:pointer;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:space-between}.toolbar button.toolbar-item:disabled{cursor:not-allowed;opacity:.3}.toolbar button.toolbar-item.spaced{margin-right:2px}.toolbar button.toolbar-item svg{display:flex;width:18px;height:18px;-webkit-user-select:none;user-select:none;margin-right:0;line-height:16px;background-size:contain;color:var(--text-regular)}.toolbar button.toolbar-item:hover:not([disabled]){background-color:var(--accent-bg)}.toolbar button.toolbar-item.active{background-color:var(--selected-bg)}.toolbar .divider{width:1px;background-color:var(--border);margin:0 4px;height:24px}.toolbar select.toolbar-item{border:0;display:flex;background:none;border-radius:10px;padding:8px;vertical-align:middle;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:70px;font-size:14px;color:var(--text-extra-light);text-overflow:ellipsis}.toolbar select.code-language{text-transform:capitalize;width:130px}.toolbar .toolbar-item:hover:not([disabled]){background-color:var(--primary-tint-100)}.toolbar select.code-language svg{margin-right:4px}.dropdown{z-index:100;display:block;position:fixed;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80;border-radius:8px;min-height:40px;background-color:var(--bg-0);padding:8px;max-height:400px;overflow-y:auto}.dropdown .item{margin:0 8px;padding:8px;color:var(--text-regular);cursor:pointer;line-height:16px;font-size:15px;display:flex;align-content:center;flex-direction:row;flex-shrink:0;justify-content:space-between;background-color:var(--surface-0);border-radius:8px;border:0;max-width:250px;min-width:100px}.dropdown .item.fontsize-item,.dropdown .item.fontsize-item .text{min-width:unset}.dropdown .item .active{display:flex;width:20px;height:20px;background-size:contain}.dropdown .item:first-child{margin-top:0}.dropdown .item:last-child{margin-bottom:0}.dropdown .item:hover{background-color:var(--primary-tint-100)}.dropdown .item .text{display:flex;line-height:20px;flex-grow:1;min-width:150px}.dropdown .item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;user-select:none;margin-right:12px;line-height:16px;background-size:contain;background-position:center;background-repeat:no-repeat}.dropdown .item.wide{min-width:180px}.dropdown .divider{width:auto;background-color:var(--border-1);margin:4px 8px;height:1px}.dropdown button.item{width:100%;text-align:left}button.toolbar-item.block-controls,button.toolbar-item.font-family,button.toolbar-item.font-size,button.toolbar-item.alignment{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:6px;background:none;border:0;cursor:pointer;font-size:14px;color:var(--text-light)}button.toolbar-item.block-controls:hover,button.toolbar-item.font-family:hover,button.toolbar-item.font-size:hover,button.toolbar-item.alignment:hover{background-color:var(--primary-tint-100)}.dropdown-button-text{display:flex;line-height:20px;vertical-align:middle;font-size:14px;color:var(--text-light);text-overflow:ellipsis;overflow:hidden;height:20px;text-align:left}.chevron-down:after{content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--text-light);display:block;margin:auto}.icon-text-container{display:flex;align-items:center;gap:8px}input.toolbar-item.font-size-input{width:50px;padding:4px 6px;border:1px solid var(--border-1);border-radius:4px;font-size:14px;text-align:center;background:var(--surface-0);color:var(--text-regular);font-weight:500}input.toolbar-item.font-size-input:focus{outline:2px solid var(--primary-600);outline-offset:0;border-color:var(--primary-600)}button.toolbar-item.font-increment,button.toolbar-item.font-decrement{padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}button.toolbar-item.font-increment .format,button.toolbar-item.font-decrement .format{color:var(--text-regular);font-weight:600}.icon.paragraph:before{content:"¶";font-size:16px}.icon.h1:before{content:"H1";font-size:12px;font-weight:700}.icon.h2:before{content:"H2";font-size:12px;font-weight:700}.icon.h3:before{content:"H3";font-size:12px;font-weight:700}.icon.bullet-list:before{content:"•";font-size:18px}.icon.numbered-list:before{content:"1.";font-size:12px}.icon.check-list:before{content:"☑";font-size:14px}.icon.quote:before{content:'"';font-size:18px}.icon.code:before{content:"</>";font-size:12px}.icon.left-align:before{content:"≡";font-size:16px}.icon.center-align:before{content:"≡";font-size:16px}.icon.right-align:before{content:"≡";font-size:16px}.icon.justify-align:before{content:"≡";font-size:16px}.icon.indent:before{content:"→";font-size:14px}.icon.outdent:before{content:"←";font-size:14px}.format.plus-icon:before{content:"+";font-size:18px;font-weight:600}.format.minus-icon:before{content:"−";font-size:18px;font-weight:600}.dropdown .item.active,.dropdown .item.dropdown-item-active{background-color:var(--surface-1)}.dropdown .item .shortcut{font-size:12px;color:var(--text-extra-light);margin-left:auto;padding-left:16px}.dropdown-wrapper{position:relative;display:inline-block}.dropdown-button{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:6px;background:none;border:0;cursor:pointer;font-size:14px;color:var(--text-regular)}.dropdown-button:hover:not(:disabled){background-color:var(--surface-1)}.dropdown-button:disabled{cursor:not-allowed;opacity:.3}.dropdown-button-text{display:flex;line-height:20px;vertical-align:middle;font-size:14px;color:var(--text-regular);text-overflow:ellipsis;overflow:hidden;height:20px;text-align:left;min-width:60px}.chevron-down{margin-top:3px;width:16px;height:16px;display:flex;-webkit-user-select:none;user-select:none}.chevron-down:after{content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--text-extra-light);display:block;margin:auto}.dropdown-items{z-index:100;display:block;position:fixed;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80;border-radius:8px;min-height:40px;background-color:var(--surface-1);padding:8px;max-height:300px;overflow-y:auto}.dropdown-item{margin:0 8px;padding:8px;color:var(--text-regular);cursor:pointer;line-height:16px;font-size:15px;display:flex;align-content:center;flex-direction:row;flex-shrink:0;justify-content:space-between;background-color:var(--surface-1);border-radius:8px;border:0;max-width:250px;min-width:100px;width:100%;text-align:left}.dropdown-item:first-child{margin-top:0}.dropdown-item:last-child{margin-bottom:0}.dropdown-item:hover{background-color:var(--primary-light-100)}.dropdown-item.active,.dropdown-item.dropdown-item-active{background-color:var(--primary-light-150)}.link-editor{position:absolute;top:0;left:0;z-index:10;display:block;padding:.75rem;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--br-md);box-shadow:var(--dropdown-box-shadow);font-size:1rem;transition:opacity .2s;contain:layout style;min-width:250px}.link-input{width:100%;padding:.5rem;margin-bottom:.5rem;border:1px solid var(--border);background-color:var(--bg-1);color:var(--text-regular);border-radius:var(--br-sm);font-size:1rem}.link-actions{display:flex;gap:.5rem;justify-content:flex-end}.link-view{display:flex;align-items:center;gap:.5rem}.link-url{color:var(--accent);text-decoration:none;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.link-url:hover{text-decoration:underline}.link-editor .btn{padding:.25rem;min-width:auto}.link-editor .btn-icon{width:2rem;height:2rem}.note-link{color:var(--accent)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000}.modal-content{background-color:var(--bg-0);padding:20px;border-radius:8px;min-width:300px;box-shadow:0 2px 10px #0000001a}.modal-content.confirmation-modal{max-width:450px;padding:2rem}.modal-content.confirmation-modal p{margin-bottom:.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-content p{margin:0 0 20px;font-size:16px}.page-container.inbox .content-wrapper{max-width:800px;margin:0 auto}.inbox-header{margin:.5rem 0 0;display:flex;align-items:center;min-height:52px;gap:1rem;justify-content:flex-start;padding-left:1rem}.header-bulk-actions{display:flex;align-items:center;gap:1rem}.header-bulk-actions .bulk-actions-buttons{display:flex;align-items:center;gap:.75rem}.header-bulk-actions .bulk-actions-buttons .btn{display:flex;align-items:center;gap:.5rem}.header-bulk-actions .selected-count{font-size:.875rem;font-weight:500;color:var(--text-muted-color);white-space:nowrap}@media(max-width:640px){.title-bar{flex-direction:column;align-items:flex-start;gap:.75rem}.header-bulk-actions{width:100%;justify-content:space-between}.header-bulk-actions .bulk-actions-buttons{flex:1}}.inbox-item{align-items:flex-start;display:flex;margin-bottom:.75rem;background-color:var(--bg-1);border:1px solid var(--border);border-radius:var(--br-lg);padding:1rem;gap:1rem}.inbox-item-date{font-size:.875rem;color:var(--text-extra-light);font-weight:400}.inbox-item-content{flex:1;line-height:1.3rem;display:flex;flex-direction:column}.inbox-item-text{color:var(--text-color);white-space:pre-wrap;word-wrap:break-word}.inbox-item-text a{color:var(--accent);text-decoration:underline}.inbox-item-text a:hover{color:var(--accent-strong)}.inbox-item-toggle{background:none;border:none;cursor:pointer;font-size:.875rem;padding:0;text-decoration:underline;transition:color .2s ease;text-align:left;color:var(--text-extra-light);margin-top:.25rem}.inbox-item-actions{display:flex;align-items:center;transition:opacity .2s ease,visibility .2s ease;margin-right:-9px;margin-bottom:-16px}.inbox-item-actions .btn.btn-link{color:var(--icon-light)}.inbox-item-actions .btn.btn-link:hover{color:var(--text-strong)}.inbox-item-actions.hidden{visibility:hidden;opacity:0;pointer-events:none}.inbox-item-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;align-self:stretch}.move-selector-container{display:flex;align-items:center;gap:.5rem}.item-move-selector{flex-shrink:0}.modal-overlay{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;background:#00000080}.multiline-choice-modal{border-radius:.5rem;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 10px 25px #0003}.multiline-choice-modal h4{margin:0 0 1rem;font-size:1rem;font-weight:600}.multiline-choice-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.multiline-choice-buttons .btn{padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.destination-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-color)}.encryption-indicator{margin-left:auto;display:flex;align-items:center;justify-content:center;color:var(--text-muted-color);opacity:.7}.select-divider{height:1px;margin:.5rem 0;border-top:1px solid var(--border)}.select-item-disabled{opacity:.6;cursor:not-allowed}.inbox-input.processing{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-secondary)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-more{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;color:var(--text-secondary);font-size:.875rem}.loading-more .spinner{width:20px;height:20px;border-width:2px}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;color:var(--text-secondary);font-size:.875rem}.loading-indicator .spinner{width:20px;height:20px;border-width:2px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.error-state h3{color:var(--danger-color);margin-bottom:.5rem}.error-state p{color:var(--text-secondary);margin-bottom:1.5rem;max-width:400px}.error-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2rem}.error-boundary-content{text-align:center;max-width:500px}.error-boundary-content h2{color:var(--danger-color);margin-bottom:1rem}.error-boundary-content p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.inbox-error-boundary .error-content{text-align:center;padding:2rem}.inbox-error-boundary .error-content h3{color:var(--danger-color);margin-bottom:.75rem}.inbox-error-boundary .error-content p{color:var(--text-secondary);margin-bottom:1.5rem}.inbox-error-boundary .error-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.error-actions,.inbox-error-boundary .error-actions{flex-direction:column;align-items:center}.loading-state{padding:2rem 1rem}.spinner{width:24px;height:24px;border-width:2px}}.inbox-item.editing{border-color:var(--accent);box-shadow:var(--accent-glow)}.inbox-item-text.clickable-text{cursor:text;min-height:calc(1.3rem + 3px)}.inbox-item-edit-textarea{border:none;resize:none;background-color:transparent}.inbox-item-edit-textarea:focus{outline:none}.inbox-item-edit-textarea{field-sizing:content}@supports not (field-sizing: content){.inbox-item-edit-textarea{height:auto;min-height:1.3rem;max-height:200px}}.inbox-item-edit-textarea::-webkit-scrollbar{width:4px}.inbox-item-edit-textarea::-webkit-scrollbar-track{background:transparent}.inbox-item-edit-textarea::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.inbox-item-edit-textarea::-webkit-scrollbar-thumb:hover{background:var(--text-muted-color)}.inbox-item.editing .inbox-item-actions,.inbox-item.editing .inbox-item-checkbox{opacity:.5;pointer-events:none}.inbox-item.editing .inbox-item-toggle{display:none}.inbox-item-text.clickable-text:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-left:8px solid transparent;border-right:8px solid var(--text-muted-color);border-top:8px solid var(--text-muted-color);opacity:0;transition:opacity .2s ease;pointer-events:none}.inbox-item:hover .inbox-item-text.clickable-text:after{opacity:.3}.inbox-item.updating{opacity:.7;pointer-events:none}.inbox-item.updating:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.validation-errors{margin-bottom:1rem}.validation-error:last-child{margin-bottom:0}.submit-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border);border-radius:.375rem;font-size:.875rem;margin-top:.5rem}.error-fallback{display:flex;align-items:center;justify-content:center;min-height:300px;padding:2rem}.error-content{text-align:center;max-width:500px}.error-content h3{color:var(--danger);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.error-content p{color:#6b7280;margin-bottom:1.5rem;line-height:1.5}.error-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.button-group{display:flex;gap:.5rem;align-items:center}.inbox-input.error{border-color:var(--danger);background-color:var(--danger-bg)}.inbox-input.offline{background-color:var(--bg-2);color:var(--text-extra-light)}.loading-state{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2rem}.loading-spinner{text-align:center}.loading-spinner .spinner{width:2rem;height:2rem;border:2px solid var(--bg-2);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-spinner p{color:var(--text-extra-light);font-weight:500;margin-bottom:.5rem}.loading-spinner small{color:#9ca3af;font-size:.75rem}.retry-section{padding:1rem;background-color:var(--bg-2);border:1px solid var(--border);border-radius:.375rem;margin-top:1rem;text-align:center}.retry-section p{color:var(--text-extra-light);margin-bottom:1rem}.status-icon{font-size:1rem}.error-icon{font-size:.875rem}.processing-dot{width:.5rem;height:.5rem;background-color:var(--accent);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:640px){.error-actions{flex-direction:column}.button-group{flex-direction:column;width:100%}.button-group .btn{width:100%}}