:root{--accent-strong:oklch(62% .17 257);--neutral-0:#fafafa;--neutral-100:#f5f5f4;--neutral-200:#f1f0ee;--neutral-250:#e8e6e3;--neutral-300:#dbd9d7;--neutral-325:#cfccc9;--neutral-350:#a6a6a6;--neutral-400:#999;--neutral-500:#8f8f8f;--neutral-600:#696969;--neutral-700:#474747;--neutral-750:#2e2e2e;--neutral-800:#252525;--neutral-850:#222;--neutral-875:#1f1f1f;--neutral-900:#1c1c1c;--neutral-1000:#180f06;--custom-0:var(--neutral-700);--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;--z-base:1;--z-dropdown:10;--z-modal:20;--z-toast:30;--accent-glow:0 5px 10px -5px #4fbdf866;--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 #00000014, 0 8px 16px -8px #00000008, inset 0 -10px 24px #ffffff80, inset 0 -16px 48px #ffffff3d;--dropdown-box-shadow:0 2px 4px -2px #00000014, 0 8px 16px -8px #0000000a;--card-bg-gradient:linear-gradient(180deg, #fff 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 #0000004d, 0px 2px 4px -2px #00000026;--dropdown-box-shadow:0 2px 4px -2px #0006, 0 8px 16px -8px #0003;--card-bg-gradient:linear-gradient(180deg, #222 0%, #202020 100%);--bg-image:url(/assets/noise-tile-dark-xvY772X7.webp);--custom-0:var(--neutral-400);--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 #00000014, 0 8px 16px -8px #00000008, inset 0 -10px 24px #ffffff80, inset 0 -16px 48px #ffffff3d;--dropdown-box-shadow:0 2px 4px -2px #00000014, 0 8px 16px -8px #0000000a;--card-bg-gradient:linear-gradient(180deg, #fff 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 #0000004d, 0px 2px 4px -2px #00000026;--dropdown-box-shadow:0 2px 4px -2px #0006, 0 8px 16px -8px #0003;--card-bg-gradient:linear-gradient(180deg, #222 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{-webkit-text-size-adjust:100%;height:100%;font-size:16px;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-image) repeat var(--bg-2);height:100%;color:var(--text-regular);background-size:32px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;overflow:hidden}img,picture,video,canvas{max-width:100%;display:block}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:auto!important}svg{flex-shrink:0;width:18px;height:auto;display:block}*{font-family:var(--font-family)}.btn{border-radius:var(--br-md);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;justify-content:center;align-items:center;gap:.5rem;min-width:42px;min-height:42px;padding:9px 16px;font-size:.815rem;font-weight:600;line-height:24px;transition:background-color .2s,color .2s,border-color .2s;display:flex;position:relative}.btn svg{stroke-width:1.8px;width:16px}.btn .loading-spinner{color:currentColor;animation:1s linear infinite spin;position:absolute}@keyframes spin{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}.btn.btn-small{text-transform:none;letter-spacing:0;border-radius:var(--br-sm);gap:4px;min-width:calc(16px + 1rem);min-height:calc(16px + 1rem);padding:8px 12px;font-size:.875rem;font-weight:500;line-height:16px}.btn.btn-small svg{stroke-width:2px;width:16px}.btn.btn-icon{aspect-ratio:1;padding:9px}.btn.btn-icon.btn-small{padding:8px}.btn.btn-icon-inline{aspect-ratio:1;padding:8px}.btn.btn-link.edit-mode-btn svg{width:22px;height:22px}.btn.btn-secondary{background-color:var(--secondary-bg);color:var(--text-light);border:1px solid var(--border);font-weight:600}.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:#0000;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{color:var(--text-light);background-color:#0000;margin-left:-12px;margin-right:-8px;padding:0;transition:transform .2s}.btn.btn-link.btn-back svg{width:22px}.btn.btn-link.btn-back:hover,.btn.btn-link.btn-back:active,.btn.btn-link.btn-back:focus{color:var(--text-strong);background-color:#0000;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);color:var(--text-extra-light);opacity:.5;border:#0000}: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);color:var(--text-extra-light);cursor:not-allowed;border:#0000;outline:none}.btn.btn-link:disabled{color:var(--border);cursor:not-allowed;background-color:#0000}.form-group+.form-group{margin-top:1rem}.form-group label:not(.custom-checkbox){color:var(--text-regular);margin-bottom:.5rem;font-size:1rem;font-weight:500;display:block}.form-group .checkbox-group{align-items:center;gap:.5rem;display:flex}.form-group .checkbox-group input[type=checkbox]{width:auto;margin-right:.5rem}.form-group .primary-button{width:100%;margin-top:1rem}.form-group .radio-group,.form-group .checkbox-group{gap:1.5rem;display:flex}.form-group .radio-label,.form-group .checkbox-label{color:var(--text-strong);cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.form-group input[type=radio],.form-group input[type=checkbox]{cursor:pointer;width:1rem;height:1rem;accent-color:var(--accent);margin:0;transform:scale(1.1)}.custom-checkbox{align-items:center;margin:0;display:flex}.custom-checkbox input[type=checkbox]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.custom-checkbox span.checkbox{border:1px solid var(--border-strong);background-color:var(--bg-1);cursor:pointer;border-radius:4px;width:24px;height:24px;margin:0 8px 0 0;transition:background-color .15s,border-color .15s;display:block}.custom-checkbox:hover span{border-color:var(--accent)}.custom-checkbox input[type=checkbox]:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.custom-checkbox input[type=checkbox]:checked+span{background-color:var(--accent);border-color:var(--accent);opacity:var(--checkbox-opacity);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-position:50%;background-repeat:no-repeat;background-size:16px}.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);opacity:var(--checkbox-opacity);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-position:50%;background-repeat:no-repeat;background-size:10px}.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{align-items:center;gap:.5rem;display:flex}.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]{border:1px solid var(--border-strong);background-color:var(--bg-1);width:100%;line-height:1.5rem;font:inherit;border-radius:8px;padding:.5rem 12px}: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);box-shadow:0 0px 0px 2px var(--accent-bg);outline:none}: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:32px;height:32px;transition:opacity .25s color .25s border-color .25s;aspect-ratio:1;color:var(--custom-0);border:1px solid var(--custom-0-icon-tint);background-color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:flex;position:relative}.btn.btn-item-icon svg{width:20px;height:20px}.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)}.error-message{color:var(--error-color);width:100%;margin:4px 0 0;padding:0;font-size:.9rem}.select-menu{background:var(--bg-1);border:1px solid var(--border);box-shadow:var(--dropdown-box-shadow);z-index:1000;border-radius:8px;flex-direction:column;gap:.2rem;padding:.25rem;display:flex;overflow:hidden}.select-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;width:100%;padding:9px 24px 9px 16px;font-size:.95rem;font-weight:500;line-height:24px;transition:all .2s;display:flex}.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{background-color:var(--border);height:1px;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{padding-left:300px;transition:padding-left .3s}.app.nav-hidden{padding-left:0}.app.nav-hidden .main-nav{transform:translate(-100%)}.main-nav{background:var(--bg-image) repeat var(--bg-2);border-right:1px solid var(--border);z-index:9;background-size:32px;width:300px;transition:transform .3s;position:fixed;top:0;bottom:0;left:0}.nav-content{flex-direction:column;width:100%;height:100%;display:flex}.main-content{grid-template-rows:auto 1fr;height:100dvh;display:grid;overflow:hidden}.page-header{background-color:var(--bg-0);border-bottom:1px solid var(--border)}.page-container{background-color:#0000;display:flex;position:relative;overflow:hidden}.main-nav{padding-top:58px}.main-nav .nav-header{background-color:var(--bg-0);border-bottom:1px solid var(--border);align-items:center;width:100%;height:58px;padding-left:16px;display:flex;position:absolute;top:0;left:0}.main-nav svg.nav-logo{width:auto;height:34px}.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{padding-top:8px;list-style:none}.main-nav .nav-links li a .nav-links{list-style:none}.main-nav .nav-link{padding:2px 8px;display:flex}.main-nav .nav-link.nav-link-single{padding-top:4px;padding-bottom:4px}.main-nav .nav-link-inner{border-radius:8px;flex:1;align-items:stretch;transition:background-color .2s,color .2s;display:flex}.main-nav .nav-link-inner:not(:has(a.active)):hover{background-color:var(--accent-bg);color:var(--text-strong)}.main-nav .nav-link-inner:has(a.active){background-color:var(--selected-bg);color:var(--text-strong)}.main-nav .nav-link-inner.nav-link-inner--single:hover{background-color:var(--accent-bg);color:var(--text-strong)}.main-nav .nav-link-inner.nav-link-inner--single:has(a.active){background-color:var(--selected-bg);color:var(--text-strong)}.main-nav .nav-link-inner .nav-item-actions{flex-shrink:0;align-self:center;margin-right:-4px}.main-nav .nav-link a,.main-nav .nav-link-btn{color:var(--text-regular);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:flex-start;gap:8px;padding:12px 8px;font-size:1rem;font-weight:500;line-height:20px;text-decoration:none;display:inline-flex}:is(.main-nav .nav-link a,.main-nav .nav-link-btn) svg{flex-shrink:0}:is(.main-nav .nav-link a,.main-nav .nav-link-btn) .nav-item-name{line-clamp:3;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.main-nav .nav-link a,.main-nav .nav-link-btn) svg.encrypted-icon{flex-shrink:0;margin-left:8px}.main-nav .nav-section{padding:8px 0}.main-nav .nav-section+.nav-section{margin-top:-8px}.main-nav .nav-section-header{color:var(--text-extra-light);text-transform:uppercase;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background-color:var(--bg-2);justify-content:space-between;align-items:center;margin-bottom:8px;padding:4px 8px 4px 24px;font-size:.85rem;font-weight:700;display:flex}.main-nav .nav-add-buttons{justify-content:space-between;padding:0 0 0 12px;display:flex}.page-header{min-height:58px;padding:0 16px;display:flex}@media (width<=768px){.page-header{padding:0 8px}}.page-header .page-header-content{flex:1;align-items:center;gap:.5rem;min-width:0;padding-left:48px;display:flex}@media (width<=768px){.page-header .page-header-content{padding-left:8px}}.page-header .page-header-icon,.page-header .page-header-content>.btn{flex-shrink:0}.page-header .btn.btn-icon.nav-toggle{background-color:var(--bg-0);z-index:99;color:var(--text-light);min-width:42px;min-height:42px;padding:9px;transition:left .3s;position:fixed;top:8px;left:8px}.page-header .btn.btn-icon.nav-toggle:hover{color:var(--text-strong)}.page-header .btn.btn-icon.nav-toggle svg{stroke-width:1.2px;width:24px}.page-header .page-header-title{color:var(--text-strong);flex:1 1 0;align-items:center;gap:.5rem;width:0;min-width:0;margin:0;font-size:1.1rem;font-weight:600;line-height:1.2;display:flex;overflow:hidden}.page-header .page-header-title-text{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;display:block;overflow:hidden}.page-header .page-header-encryption-icon{position:relative;top:-1px}.page-header .page-header-actions{border-left:1px solid var(--border);align-items:center;gap:.5rem;margin-left:auto;padding-left:16px;display:flex}@media (width<=768px){.page-header .page-header-actions{gap:0;padding-left:8px}}.page-header .page-header-actions .browser-nav-buttons{border-right:1px solid var(--border);align-items:center;gap:0;margin-right:.25rem;padding-right:.5rem;display:flex}.page-header .page-header-actions .browser-nav-buttons .btn.btn-icon{min-width:0;min-height:0;padding:6px}.page-header .page-header-actions .browser-nav-buttons .btn.btn-icon svg{width:16px;height:16px}.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)}.nav-visible .page-header-content{padding-left:8px}.nav-visible .btn.btn-icon.nav-toggle{transition:left .3s;left:250px}.font-size-menu-content{min-width:200px;padding:16px}.font-size-label{margin-bottom:8px;font-size:18px;font-weight:500;display:block}.font-size-slider{appearance:none;background:#ddd;border-radius:3px;outline:none;width:100%;height:6px}.font-size-range{color:#666;justify-content:space-between;margin-top:4px;font-size:16px;display:flex}.loader-container{position:relative}.loader-container .loader{color:var(--text-light);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loader-container svg.tea{width:56px;height:56px}.loader-container svg.tea #teabag{transform-origin:top;transform-box:fill-box;animation:2s infinite swing;transform:rotate(3deg)}.loader-container svg.tea #steamL{stroke-dasharray:13;stroke-dashoffset:13px;animation:2s infinite steamLarge}.loader-container svg.tea #steamR{stroke-dasharray:9;stroke-dashoffset:9px;animation:2s infinite steamSmall}@keyframes swing{50%{transform:rotate(-3deg)}}@keyframes steamLarge{0%{stroke-dashoffset:13px;opacity:.6}to{stroke-dashoffset:39px;opacity:0}}@keyframes steamSmall{10%{stroke-dashoffset:9px;opacity:.6}80%{stroke-dashoffset:27px;opacity:0}to{stroke-dashoffset:27px;opacity:0}}.split-pane-container{width:100%;display:flex;overflow:hidden}.split-pane-container .split-pane-left{overflow:hidden auto}.split-pane-container .split-pane-right{padding:clamp(.5rem,2vw,3rem) clamp(.5rem,2vw,3rem) 0;overflow:hidden auto}.split-pane-container .split-pane-separator{cursor:col-resize;background-color:#0000;justify-content:center;align-items:center;width:4px;display:flex;position:relative}@media (width<=768px){.split-pane-container .split-pane-separator{width:8px}}.split-pane-container .split-pane-separator:before{content:"";pointer-events:none;background-color:#0000;width:2px;transition:background-color .2s;position:absolute;top:0;bottom:0;left:0}.split-pane-container .split-pane-separator:after{content:"";opacity:0;pointer-events:none;background-color:#0000;border-radius:2px;width:6px;height:24px;transition:all .2s;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}@media (width<=768px){.split-pane-container .split-pane-separator:after{background-color:#0000;width:auto;height:100%;top:0;left:-8px;right:-8px;transform:none}}.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 (width<=768px){.split-pane-container .split-pane-separator:hover:after{opacity:0;background-color:#0000}}.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 (width<=768px){.split-pane-container .split-pane-separator:active:after{background-color:var(--accent);opacity:.3;border-radius:2px;width:4px;height:24px;top:50%;left:-1px;right:auto;transform:translateY(-50%)}}.sidebar{background-color:var(--bg-1);border-right:1px solid var(--border);flex-direction:column;height:100%;padding:0 0 20px;display:flex;overflow:hidden}.sidebar-content{position:relative;overflow-y:auto}.debug-info{padding:1rem}.debug-info h3{margin:0 0 1rem;font-size:1.25rem}.debug-section{margin-bottom:1.5rem}.debug-section h4{color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin:0 0 .5rem;padding-bottom:.25rem;font-size:1rem}.debug-table{border-collapse:collapse;width:100%;font-size:.875rem}.debug-table td{border-bottom:1px solid var(--border-color-light);padding:.375rem .5rem}.debug-table td:first-child{color:var(--text-secondary);width:40%}.debug-code{background:var(--bg-secondary);word-break:break-all;border-radius:4px;padding:.75rem;font-family:monospace;font-size:.75rem;display:block}.debug-actions{justify-content:flex-end;margin-top:1rem;display:flex}.debug-modal{max-width:600px;max-height:80vh;overflow-y:auto}.debug-info-loading,.debug-info-error{text-align:center;color:var(--text-secondary);padding:2rem}.tab-group+.tab-group{border-top:1px solid var(--border)}.tab-group-tabs{padding:0 16px 8px}.sidebar-header{z-index:2;align-items:center;gap:8px;padding:16px;display:flex;position:sticky;top:0}.sidebar-header .btn.btn-primary{padding-top:.75rem;padding-bottom:.75rem;line-height:18px}.sidebar-header .btn.btn-icon{padding:.75rem}.tabs{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.tab{cursor:pointer;touch-action:none;-webkit-touch-callout:none;background-color:#0000;border:2px solid #0000;border-radius:8px;margin-bottom:4px;padding:8px 16px;font-weight:500;line-height:1.5rem;transition:all .2s;display:flex}.tab .btn.btn-item-icon{width:24px;height:24px;margin-left:-8px;margin-right:8px;background-color:#0000!important;border:none!important}.tab .btn.btn-icon.btn-link{width:24px;min-width:0;height:24px;min-height:0;margin-right:-12px;padding:0}.tab .tab-actions{opacity:1;align-items:center;display:flex}.tab-group-caption{color:var(--text-extra-light);text-transform:uppercase;letter-spacing:.05em;padding:0 16px 8px;font-size:.75rem;font-weight:700}.tab.with-separator{margin-bottom:16px;position:relative}.tab.with-separator:after{content:"";background-color:var(--border-light);width:100%;height:1px;position:absolute;bottom:-12px;left:0}.tab .tab-actions .btn{opacity:1}.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:0 0}.scrollable::-webkit-scrollbar-thumb{background-color:var(--border-strong);border:2px solid var(--bg-2);border-radius:99px}.scrollable::-webkit-scrollbar-thumb:hover{background-color:var(--border-strong)}.journal-name,.notebook-name{color:var(--text-strong);text-align:center;font-size:1.1rem}.journal-actions,.notebook-actions{gap:.5rem;display:flex}.tab-content{flex-direction:column;gap:.1rem;width:100%;display:flex}.journal-header-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.content-area{background-color:var(--bg-0);border:1px solid var(--border);border-top-left-radius:var(--br-xl);border-top-right-radius:var(--br-xl);border-bottom:0;height:100%;overflow:hidden auto}.list-container{flex-direction:column;height:100%;display:flex}.list-body{flex-direction:column;flex:1;min-height:0;display:flex}.list-items{flex-direction:column;gap:4px;min-height:0;padding:0 2px;display:flex;position:relative;overflow-y:auto}.list{background:#f4f5f7;border-radius:8px;width:600px;padding:8px;position:relative}.content-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:58px;padding:16px 24px;display:flex}.content-header .btn.btn-item-icon{cursor:default}.content-header .btn.btn-item-icon.custom-0{border-color:#0000}.content-header h2{color:var(--text-strong);margin:0;font-size:1.1rem;font-weight:600;line-height:1.2}.content-header-actions{align-items:center;margin-left:auto;margin-right:-12px;display:flex}.content-name-input{border:1px solid var(--border);background:var(--name-input-bg);width:100%;height:2.625rem;color:var(--text-strong);border-radius:6px;margin-left:-6px;padding:.25rem .25rem .25rem 6px;font-size:1.1rem;font-weight:600}.content-name-input:focus{border-color:var(--accent);box-shadow:var(--accent-glow);outline:none}.content-header.journal-header{gap:8px}.content-header.journal-header h2,.content-header.journal-header .content-name-input{font-size:1rem}.content-header.journal-header .journal-header-content{flex:none}@media (width<=768px){.content-header{padding:12px 16px}}.list-item{z-index:1;border:1px solid #0000;border-radius:4px;align-items:center;gap:2px;padding:.25rem 8px;transition:background-color .2s,color .2s;display:flex;position:relative}.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:#0000}.dragging-container .list-item.dragging{background-color:var(--accent-bg);border-color:var(--accent-bg);opacity:.6;cursor:grabbing;touch-action:none;transform:rotate(-1deg);box-shadow:0 2px 8px #0000001a}.dragging-container .list-item:not(:last-child){margin-bottom:2px}.list-item.done .item-name{color:var(--text-extra-light);text-decoration:line-through}.list-item .custom-checkbox{cursor:pointer;margin-left:4px}.list-item .custom-checkbox span.checkbox{border-radius:99px}.list-item .auto-resize-textarea{resize:none;font:inherit;background:0 0;background-color:var(--auto-resize-textarea-bg);border:none;border-radius:4px;flex:1;min-height:28px;margin-left:44px;padding:4px;overflow:hidden}.list-item .auto-resize-textarea:focus{outline:none}.drag-handle{cursor:grab;color:var(--text-regular);opacity:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;flex:0 0 18px;margin:0 -4px;transition:opacity .2s}.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;flex-wrap:wrap;flex:0 auto;padding:2px 6px 2px 0}.list-item .item-name a{color:var(--accent);cursor:pointer;text-decoration:underline}.list-item .item-name a:hover{color:var(--accent-strong,var(--accent));text-decoration:underline}.list-item .item-name.empty-name{background-color:var(--bg-1);border-color:var(--border-light);cursor:pointer;border-radius:4px;min-width:24px;height:32px}.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;pointer-events:none;border-width:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}.list-item .delete-item-btn{cursor:pointer;opacity:0;background-color:#0000;border:none;flex:none;margin-left:auto;padding:3px;transition:opacity .2s}.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{background-color:var(--bg-0);align-items:flex-start;gap:8px;padding:16px 16px 16px 26px;display:flex;position:relative}.list-items:has(.list-item)+.new-item-form{border-top:1px solid var(--border)}.new-item-form-single{flex:1;position:relative}.new-item-form-multiple{flex-direction:column;flex:1;gap:8px;display:flex}.new-item-form-multiple textarea{max-height:100px!important;overflow-y:auto!important}.new-item-input{border:1px solid var(--border);background-color:var(--bg-1);resize:none;width:100%;min-height:3rem;line-height:1.5rem;font:inherit;box-sizing:border-box;border-radius:10px;padding:.6875rem 40px .6875rem 10px;display:block;overflow:hidden}.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;top:3px;right:3px}.empty-state{text-align:center;flex-direction:column;align-items:center;max-width:400px;margin:0 auto;padding:2rem;display:flex}.empty-state>svg{width:160px;height:160px}.empty-state>svg .line{stroke-width:.8px;stroke:var(--text-light)}.empty-state-icon{color:var(--text-light);opacity:.2;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1rem;display:flex}.empty-state-icon svg{width:44px;height:44px}.empty-state p{color:var(--text-light);margin-bottom:2rem;font-size:1rem}.settings-container{overflow-y:auto}.settings-container>section{height:100%;padding:2rem;overflow-y:auto}.settings-container h4{margin-bottom:.5rem}.note-container{grid-template-rows:auto 1fr;height:100%;display:grid;overflow:hidden}.note-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.note-content{flex:1;margin-top:.5rem;padding:1rem .5rem;overflow-y:auto}.note-editor-container{flex-direction:column;height:100%;display:flex;overflow:auto}.note-editor-wrapper{flex:1;min-height:0;position:relative;overflow-y:auto}.note-editor{outline:none;padding:1.5rem 2rem;position:relative}:focus-visible{box-shadow:0 0px 0px 2px var(--focus-visible-outline);outline:none}.list-item:focus-visible{box-shadow:none;outline:none}.btn-back.toggle-content-view{display:none}.note-editor:focus,.note-editor:focus-visible{box-shadow:none;outline:none}.content-wrapper{flex:1;grid-template-rows:auto auto 1fr;display:grid;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 #0000001a;--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);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);line-height:1.5;transition:all .2s}.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);margin-bottom:4px;font-size:1em;display:block}.toast-description{font-weight:var(--toast-description-font-weight);opacity:.9;font-size:.9em;display:block}.toast-icon{width:var(--toast-icon-size);height:var(--toast-icon-size);flex-shrink:0;margin-right:12px}.toast-close{width:var(--toast-close-size);height:var(--toast-close-size);color:var(--toast-close-color);opacity:.7;cursor:pointer;margin-top:-4px;margin-left:auto;transition:all .2s}.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{grid-template-rows:auto 1fr;height:100%;display:grid;overflow:hidden}.settings-container{height:100%;overflow:hidden}.settings-page .content-area{overflow:hidden!important}.settings-section-header{align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.settings-section-header h2{font-size:1.1rem;font-weight:600}.settings-section-body{height:100%;min-height:0;padding-top:1rem;padding-right:.5rem;overflow-y:auto}.settings-section-body h3{color:var(--text-1);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.settings-section-body h4{color:var(--text-2);margin-bottom:.5rem;font-size:1rem;font-weight:600}.info-section,.form-section{margin-bottom:2rem;padding:0 2px;display:grid}.info-section{border:1px solid var(--border);background-color:var(--bg-1);border-radius:8px;padding:1rem}.info-section+h3,.form-section+h3{margin-top:1.5rem}.info-item{gap:.25rem;margin-bottom:1rem;display:grid}.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{grid-template-rows:auto 1fr;height:100%;display:grid;overflow:hidden}.user-section-header{align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.user-section-header h2{font-size:1.5rem;font-weight:600}.user-section-body{max-width:600px;padding-top:1rem;padding-right:.5rem;overflow-y:auto}.user-section-body h3{color:var(--text-1);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.user-section-body .user-details p{margin-bottom:.5rem}.user-section-body .plan-selection{margin:2rem 0}.user-section-body .plan-options{align-items:center;gap:24px;display:flex}.user-section-body .plan-option{cursor:pointer;background-color:var(--background-2);border-radius:.5rem;align-items:center;gap:.5rem;transition:background-color .2s;display:flex}.user-section-body .plan-option:hover{background-color:var(--background-3)}.user-section-body .plan-option input[type=radio]{cursor:pointer;width:1.125rem;height:1.125rem;accent-color:var(--color-primary);opacity:.5;margin:0}.user-section-body .plan-option input[type=radio]:checked{opacity:1}.user-section-body .plan-option .plan-label{color:var(--text-1);text-transform:capitalize;font-size:1rem}.user-section-body .plan-actions{gap:1rem;margin-top:1rem;display:flex}.app-loading{background-color:var(--background-color);justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex}.loading-spinner{color:var(--text-color);opacity:.8;font-size:1.2rem}.promo-codes-header{padding-top:1rem}.promo-codes-header .title-bar{align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 2rem 0;display:flex}.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{gap:.25rem;display:flex}.promo-code-form{background:var(--form-section-bg);border-top:1px solid var(--border);grid-template-columns:repeat(6,1fr);align-items:start;gap:1rem;width:100%;padding:1rem;display:grid;position:relative}.promo-code-form .form-group{flex-direction:column;gap:.5rem;margin-top:0;display:flex}.promo-code-form .form-group:first-child{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;align-items:flex-end;gap:.5rem;height:100%;padding-bottom:2px;display:flex}.promo-code-form .form-actions .btn{width:fit-content;min-width:max-content}.promo-code-form input{border:1px solid var(--border);background:var(--bg-2);border-radius:4px;padding:.5rem}.promo-code-form label{color:var(--text-2);font-size:.875rem}.promo-codes-body{border-top:1px solid var(--border);margin-bottom:2rem;overflow-y:auto}.promo-codes-grid{width:100%}.promo-codes-grid-header{background-color:var(--accent-tint-3);z-index:10;grid-template-columns:1fr 1fr 2fr 1fr 1fr 80px;gap:1rem;padding:.5rem 2rem;font-weight:600;display:grid;position:sticky;top:0}.promo-codes-grid-body{flex-direction:column;display:flex}.promo-code-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr 2fr 1fr 1fr 80px;align-items:center;gap:1rem;padding:.5rem 2rem;display:grid}.promo-code-cell{align-items:center;display:flex}.promo-code-cell.actions{justify-content:center}.promo-code-cell.actions span{align-items:center;gap:.5rem;display:flex}.logout-backdrop{background:var(--bg-0);z-index:9999;color:inherit;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (width<=768px){.main-nav{z-index:1001;transition:transform .3s;left:0;transform:translate(-100%)}.main-nav.mobile-nav-open{transform:translate(0)}.hamburger-line{background-color:var(--text-regular);width:20px;height:2px;transition:all .3s}.mobile-nav-backdrop{z-index:1000;background:#00000080;justify-content:flex-start;align-items:flex-start;padding:1rem;display:flex;position:fixed;inset:0}.btn.btn-icon.btn-link.mobile-nav-close{color:var(--text-light);min-width:42px;min-height:42px;padding:9px;position:absolute;top:0;left:8px}.btn.btn-icon.btn-link.mobile-nav-close svg{stroke-width:1.5px;width:24px}.btn.btn-icon.btn-link.mobile-nav-close:hover{color:var(--text-strong)}.app{transition:padding-left .3s;padding-left:0!important}.app.nav-hidden{padding-left:0!important}.main-content{transition:transform .3s}.main-content.pushed{transform:translate(300px)}}.navigation-mobile{background:var(--bg-1);border-top:1px solid var(--border);z-index:1000;height:64px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-mobile-item{color:var(--text-extra-light);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:.7rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.nav-mobile-item.active,.nav-mobile-item.focus{color:var(--text-strong)}.nav-mobile-item svg{width:22px;height:22px}.nav-mobile-popover{background:var(--bg-1);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);z-index:1001;transform-origin:bottom;border-radius:12px;width:min(300px,92vw);max-height:420px;padding:8px 0;animation:.2s cubic-bezier(.2,0,0,1) nav-popover-in;overflow-y:auto;box-shadow:0 -4px 24px #0003}@keyframes nav-popover-in{0%{opacity:0;translate:0 10px;scale:.95}to{opacity:1;translate:0;scale:1}}.nav-mobile-popover .select-item{text-align:left;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.95rem;display:flex}.nav-mobile-popover .add-action{color:var(--accent);font-weight:600}.nav-mobile-popover .truncate{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}@media (width<=768px){.main-nav{display:none!important}.app.nav-visible{padding-left:0!important}.main-content{height:calc(100dvh - 64px - env(safe-area-inset-bottom))!important}.nav-toggle{display:none!important}}@media (width>=769px){.navigation-mobile{display:none}}@media (width<=768px){.split-pane-container{width:100%!important;overflow:hidden!important}.split-pane-separator{display:none}.sidebar-view .split-pane-left,.sidebar-view .split-pane-right{flex-shrink:0;transition:transform .3s;transform:translate(0);width:100%!important;min-width:100%!important;max-width:100%!important}.content-view .split-pane-left,.content-view .split-pane-right{flex-shrink:0;transition:transform .3s;transform:translate(-100%);width:100%!important;min-width:100%!important;max-width:100%!important}.btn-back.toggle-content-view{display:inline-flex}.promo-code-form{flex-direction:column;gap:1rem;max-height:50dvh;padding:1rem;display:flex;overflow-y:auto}.promo-code-form .form-group{width:100%}.promo-code-form .form-actions{flex-direction:row;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.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{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.promo-code-cell{grid-template-columns:120px 1fr;gap:1rem;width:100%;display:grid}.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{visibility:hidden;opacity:0!important;display:block!important}.list-item:hover .drag-handle,.list-item:hover .delete-item-btn{visibility:visible;opacity:.5!important}.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;flex-direction:column;width:100%;min-width:400px;max-width:656px;max-height:calc(100vh - 120px);margin:60px auto;padding:16px;display:flex;position:relative;box-shadow:0 8px 32px #0000002e}.modal-backdrop{z-index:1000;background:#00000040;position:fixed;inset:0}.modal-dialog{background:var(--bg-0);z-index:1001;border-radius:16px;flex-direction:column;width:100%;min-width:400px;max-width:656px;max-height:calc(100vh - 120px);margin:60px auto;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000002e}.modal-dialog form{flex-direction:column;flex:1;min-height:0;display:flex}.modal-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:24px 24px 0;display:flex}.modal-header .modal-header-content{align-items:center;gap:12px;display:flex}.modal-header .modal-icon{flex:none}.modal-header .modal-icon svg{width:24px;height:24px}.modal-header .title-3{margin:0;font-size:1.2rem;font-weight:500}.modal-close{cursor:pointer;opacity:.6;background:0 0;border:none;padding:5px;transition:opacity .2s}.modal-close:hover{opacity:1}.modal-body{flex:1;min-height:0;padding:24px;overflow-y:auto}.modal-footer{flex-shrink:0;justify-content:flex-end;gap:8px;padding:0 24px 24px;display:flex}.modal-dialog.encryption-modal{max-width:500px}.encryption-warning-text{background-color:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning);border-radius:8px;margin:16px 0;padding:16px;font-size:.9rem;line-height:1.4}.modal-dialog.create-notebook-modal{max-width:500px}.icon-grid,.color-grid{flex-wrap:wrap;gap:16px;padding:16px 0;display:flex}.icon-swatch-label,.color-swatch-label{cursor:pointer;justify-content:center;align-items:center;display:flex}.icon-swatch-label.disabled,.color-swatch-label.disabled{cursor:not-allowed}.icon-swatch{aspect-ratio:1;background:var(--surface-2);border:1px solid var(--bg-1);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:border .2s,background-color .2s,transform .2s;display:inline-flex}.icon-swatch:hover:not(.selected):not(.saving){background-color:var(--accent-tint-3);transform:scale(1.1)}.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{border:1px solid var(--bg-0);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:border .2s,opacity .2s,transform .2s;display:inline-flex;position:relative}.color-swatch:hover:not(.selected):not(.saving){opacity:.8;transform:scale(1.1)}.color-swatch.selected{outline:2px solid var(--text-light)}.swatch-loading-spinner{color:var(--text-strong);justify-content:center;align-items:center;animation:1s linear infinite spin;display:flex}.swatch-loading-spinner svg{width:16px;height:16px}.color-swatch.saving{position:relative}.color-swatch.saving:after{content:"";z-index:1;background-color:#0000004d;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.color-swatch.saving .swatch-loading-spinner{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.color-swatch.saving .swatch-loading-spinner svg{color:#fff;width:18px;height:18px;display:block}.icon-swatch.saving{background-color:var(--accent-tint-3)}.color-section.disabled,.icon-section.disabled{opacity:.6;pointer-events:none;transition:opacity .3s}.color-grid input:disabled+.color-swatch,.icon-grid input:disabled+.icon-swatch{cursor:not-allowed}.color-grid input:disabled+.color-swatch:not(.saving),.icon-grid input:disabled+.icon-swatch:not(.saving){opacity:.5;transform:none}:root.dark .color-swatch.saving:before{background-color:#0006}:root.dark .swatch-loading-spinner{color:var(--text-strong)}.warning-text{color:var(--danger);background-color:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--br-lg);margin-bottom:1.5rem;padding:1rem;font-size:.9rem}.encryption-warning-text{color:var(--danger);background-color:var(--danger-bg);border:1px solid var(--danger-border);border-radius:6px;margin:1rem 0 0;padding:1rem;font-size:.9rem}.plan-info{border:1px solid var(--border);background-color:var(--surface-2);border-radius:8px;margin-bottom:2rem;padding:1rem}.plan-type h5{color:var(--text-2);margin-bottom:.5rem;font-size:1rem;font-weight:600}.plan-name{color:var(--text-1);margin:0;font-size:1.25rem;font-weight:600}.usage-section{margin-bottom:2rem}.usage-section h5{color:var(--text-2);margin-bottom:1rem;font-size:1rem;font-weight:600}.usage-item{margin-bottom:1.5rem}.usage-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.usage-label{color:var(--text-1);font-weight:500}.usage-count{color:var(--text-2);font-size:.875rem}.usage-bar-container{align-items:center;gap:.75rem;display:flex}.usage-bar-background{background-color:var(--bg-2);border-radius:4px;flex:1;height:8px;overflow:hidden}.usage-bar-fill{background-color:var(--bg-accent);border-radius:4px;height:100%;transition:width .3s}.usage-percentage{color:var(--text-2);text-align:right;min-width:3rem;font-size:.875rem}.plan-limits-info{border:1px solid var(--border);background-color:var(--surface-2);border-radius:8px;padding:1rem}.plan-limits-info h5{color:var(--text-2);margin-bottom:1rem;font-size:1rem;font-weight:600}.limits-list{margin:0;padding:0;list-style:none}.limits-list li{border-bottom:1px solid var(--border);color:var(--text-1);padding:.5rem 0}.limits-list li:last-child{border-bottom:none}.list-item-actions{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.note-editor-placeholder{text-align:center;height:100%;min-height:200px;color:var(--text-extra-light);background-color:var(--bg-2);border:1px dashed var(--border);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin:1rem;padding:2rem;display:flex}.note-editor-placeholder p{opacity:.8;margin:0;font-size:1rem}.content-header .loader{color:var(--text-light);justify-content:center;align-items:center;display:flex}.content-header .loader svg{width:20px;height:20px}.tab.switching{opacity:.6;pointer-events:none;cursor:wait}.tab.switching:after{content:"";border:2px solid var(--text-light);border-top:2px solid #0000;border-radius:50%;width:12px;height:12px;animation:1s linear infinite spin;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.storage-warning{background-color:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);border-radius:6px;margin:8px 0;padding:12px;font-size:14px}.storage-warning-title{margin-bottom:4px;font-weight:600}.storage-warning-message{margin-bottom:8px}.storage-warning-details{color:var(--danger);align-items:center;gap:8px;font-size:12px;display:flex}.image-container{-webkit-user-select:none;user-select:none;max-width:100%;margin:1rem 0;display:inline-block;position:relative}.image-selected{outline-offset:4px;cursor:default;border-radius:4px;outline:2px solid var(--accent)!important}.image-selected img{outline:none}.image-placeholder,.encrypted-image-placeholder{background-color:var(--bg-1);border:2px dashed var(--border);color:var(--text-light);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;min-height:200px;padding:3rem;transition:all .2s;display:flex}.image-placeholder:hover,.encrypted-image-placeholder:hover{border-color:var(--accent);background-color:var(--accent-bg)}.image-icon,.encrypted-image-icon{opacity:.5;font-size:3rem}.image-loading,.encrypted-image-loading{color:var(--text-light);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.image-error,.encrypted-image-error{background-color:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.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{margin:0;padding: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{outline:none;margin-left:8px;padding-left:24px;list-style-type:none;position:relative}.editor-list-item.editor-list-item-checked:before,.editor-list-item.editor-list-item.editor-list-item-unchecked:before{content:"";border:1px solid var(--border-strong);background-color:var;cursor:pointer;border-radius:2px;width:16px;height:16px;position:absolute;top:4px;left:0}.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-position:50%;background-repeat:no-repeat}.editor-list-item.editor-list-item-checked{color:var(--text-extra-light);text-decoration:line-through}.editor-heading-h1{margin:.67em 0;font-size:2em;font-weight:700;line-height:1.2}.editor-heading-h2{margin:.75em 0;font-size:1.5em;font-weight:600;line-height:1.3}.editor-heading-h3{margin:.83em 0;font-size:1.25em;font-weight:600;line-height:1.4}.editor-quote{border-left:4px solid var(--border);background-color:var(--bg-2);color:var(--text-light);margin:1em 0;padding:.5em 1em;font-style:italic}.editor-code,.note-editor code{background-color:var(--bg-2);border:1px solid var(--border);white-space:pre;color:var(--text-regular);border-radius:4px;margin:1em 0;padding:1em;font-family:Courier New,Courier,monospace;font-size:.9em;line-height:1.5;display:block;overflow-x:auto}.editor-list-ul,.editor-list-ol{margin:.5em 0;padding: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{padding-left:1.5em;list-style-type:circle}.editor-nested-listitem .editor-nested-listitem{list-style-type:square}.autosave-indicator{z-index:10;border-radius:50%;width:12px;height:12px;transition:background-color .2s;position:absolute;top:10px;right:10px}.autosave-indicator.idle{background-color:#0000}.autosave-indicator.saving{background-color:#dc2626}.autosave-indicator.success{background-color:#16a34a}.autosave-indicator.error{background-color:#dc2626;animation:.5s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.page-container.inbox{background-color:var(--bg-1)}.page-container.inbox .content-wrapper{margin:0 auto;padding-bottom:0}.page-container.inbox .content-wrapper .custom-checkbox{color:var(--text-extra-light);font-size:.875rem;font-weight:500}.page-container.inbox .content-wrapper .custom-checkbox span.checkbox{width:20px;height:20px}.inbox-input-container{border-bottom:1px solid var(--border);background-color:var(--bg-2);padding:2rem}@media (width<=768px){.inbox-input-container{padding:1rem}}.inbox-input-form-wrapper{background:var(--card-bg-gradient);width:100%;max-width:800px;box-shadow:var(--card-box-shadow);border:1px solid var(--border-strong);border-radius:var(--br-lg);align-items:center;gap:.75rem;margin:0 auto;padding:12px 12px calc(1rem - 6px);display:flex}.inbox-input-form-wrapper .input-wrapper{flex:1}.inbox-input-form-wrapper:has(textarea:focus){border-color:var(--accent);box-shadow:var(--accent-glow)}.inbox-input-form{align-items:flex-start;gap:.75rem;width:100%;display:flex}.inbox-input{resize:none;background-color:#0000;border:none;flex:1;padding:12px 0 0 8px;font-size:1rem;line-height:1.3rem}.inbox-input:focus{border-color:var(--accent);outline:none}.inbox-input:disabled{background-color:var(--bg-2);cursor:not-allowed}.inbox-body{flex:1;padding:0 2rem;overflow-y:auto}@media (width<=768px){.inbox-body{padding:0 1rem}}.inbox-empty-state{text-align:center;color:var(--text-light);flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.inbox-empty-state h4{font-size:1.1rem;font-weight:500}.inbox-empty-state p{color:var(--text-extra-light);margin:.5rem 0 0;font-size:.9rem;line-height:1.5}.inbox-items{flex-direction:column;max-width:800px;margin:0 auto;display:flex}.project-accordion{padding:0!important}.project-accordion-header{cursor:pointer;width:100%;color:var(--text-light);text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:8px 16px 8px 20px;font-size:.9rem;font-weight:500;transition:color .2s,background-color .2s;display:flex}.project-accordion-header:hover{background-color:var(--accent-bg);color:var(--text-strong)}.project-accordion-header .accordion-chevron{flex-shrink:0;width:14px;height:14px;transition:transform .2s;transform:rotate(-90deg)}.project-accordion-header.expanded .accordion-chevron{transform:rotate(0)}.project-accordion-header .project-name{-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-accordion-header .project-actions-toggle{opacity:0;margin-right:-4px;transition:opacity .2s}.project-accordion-header .project-actions-toggle svg{width:14px;height:14px}.project-accordion-header:hover .project-actions-toggle,.project-accordion-header .project-actions-toggle[aria-expanded=true]{opacity:1}.project-accordion-content{padding:0 0 4px;list-style:none}.project-accordion-content .nav-link{padding:0 16px 0 24px}.project-accordion-content .nav-link a{padding:8px 8px 8px 12px;font-size:.875rem}.project-add-item{position:relative}.project-add-item-btn{width:calc(100% - 40px);color:var(--text-extra-light);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;margin:0 16px 0 24px;padding:8px 8px 8px 12px;font-size:.8rem;font-weight:500;transition:color .2s,background-color .2s;display:flex}.project-add-item-btn:hover{color:var(--accent);background-color:var(--accent-bg)}.project-add-item-btn svg{width:14px;height:14px}.project-item-selector{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--br-lg);box-shadow:var(--dropdown-box-shadow);z-index:100;flex-direction:column;width:300px;display:flex;overflow:hidden}.project-selector-search{border-bottom:1px solid var(--border-light);padding:8px;position:relative}.project-selector-search input{border:1px solid var(--border);border-radius:var(--br-md);background:var(--bg-1);width:100%;color:var(--text-strong);outline:none;padding:8px 32px 8px 12px;font-size:.875rem}.project-selector-search input:focus{border-color:var(--accent)}.project-selector-search .project-selector-clear{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.project-selector-search .project-selector-clear svg{width:14px;height:14px}.project-selector-list{flex:1;padding:4px;overflow-y:auto}.project-selector-group-label{color:var(--text-extra-light);text-transform:uppercase;letter-spacing:.05em;padding:8px 8px 4px;font-size:.7rem;font-weight:700}.project-selector-item{border-radius:var(--br-sm);cursor:pointer;width:100%;color:var(--text-regular);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-size:1rem;font-weight:500;transition:background-color .15s;display:flex}.project-selector-item:hover{background-color:var(--accent-bg)}.project-selector-item.selected{background-color:var(--selected-bg)}.project-selector-item .custom-checkbox{pointer-events:none}.project-selector-item .custom-checkbox span.checkbox{width:18px;height:18px}.project-selector-item svg:not(.checkbox svg){opacity:.5;flex-shrink:0;width:18px;height:18px}.project-selector-item .project-selector-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.project-selector-empty{text-align:center;color:var(--text-extra-light);padding:16px;font-size:.875rem}.project-selector-footer{border-top:1px solid var(--border-light);justify-content:flex-end;padding:8px;display:flex}.project-selector-count{color:var(--text-light);padding:4px 8px 0;font-size:.8rem}.project-search-highlight{background-color:var(--accent-bg);color:var(--accent);border-radius:2px;padding:0 1px}.create-project-modal{width:90vw;max-width:480px}.create-project-modal .modal-body{max-height:60vh;padding:16px 20px;overflow-y:auto}.create-project-modal .project-selector-list{border:1px solid var(--border-light);border-radius:var(--br-md);max-height:250px;margin-top:8px}.create-project-modal .project-selector-search{border-bottom:none;margin-top:8px;padding:0}.create-project-modal .project-create-no-items{color:var(--text-light);padding:16px 0;font-size:.9rem;line-height:1.5}.create-project-modal .project-create-no-items p{margin:0}.create-project-modal .error-message{color:var(--danger);margin-top:4px;font-size:.8rem}.create-project-modal input.has-error{border-color:var(--danger)}.create-project-modal .modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.add-to-project-modal{width:90vw;max-width:400px}.add-to-project-modal .modal-body{max-height:50vh;padding:16px 20px;overflow-y:auto}.add-to-project-modal .project-list{margin:8px 0;padding:0;list-style:none}.add-to-project-modal .project-list-item{border-radius:var(--br-md);cursor:pointer;color:var(--text-regular);text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:.9rem;transition:background-color .15s;display:flex}.add-to-project-modal .project-list-item:hover{background-color:var(--accent-bg)}.add-to-project-modal .project-list-item svg{opacity:.5;width:18px;height:18px}.add-to-project-modal .modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.projects-mobile-overlay{background:var(--bg-0);z-index:100;flex-direction:column;animation:.25s ease-out slideUp;display:flex;position:fixed;inset:0}.projects-mobile-overlay .overlay-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.projects-mobile-overlay .overlay-header h2{color:var(--text-strong);margin:0;font-size:1.1rem;font-weight:600}.projects-mobile-overlay .overlay-content{flex:1;padding:8px 0;overflow-y:auto}.projects-mobile-overlay .overlay-empty{color:var(--text-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 32px;display:flex}.projects-mobile-overlay .overlay-empty p{margin:0;font-size:.95rem}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.project-breadcrumb{align-items:center;gap:4px;max-width:100%;font-size:1rem;display:flex;overflow:hidden}.project-breadcrumb .breadcrumb-project{color:var(--text-light);cursor:pointer;font-weight:500;font-size:inherit;white-space:nowrap;background:0 0;border:none;padding:0;transition:color .2s}.project-breadcrumb .breadcrumb-project:hover{color:var(--accent)}.project-breadcrumb .breadcrumb-separator{color:var(--text-extra-light);flex-shrink:0}.project-breadcrumb .breadcrumb-item{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.project-nav-header{background-color:var(--bg-0);border-bottom:1px solid var(--border-light);align-items:center;gap:8px;width:100%;height:58px;padding:0 12px;display:flex;position:absolute;top:0;left:0}.project-nav-header .project-icon{opacity:.6;flex-shrink:0;width:18px;height:18px}.project-nav-name{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.95rem;font-weight:600;overflow:hidden}.navigation-mobile-project{height:auto;min-height:64px;padding-bottom:env(safe-area-inset-bottom)}.nav-mobile-back-item{border-right:1px solid var(--border);flex:2;align-self:stretch;align-items:flex-start;min-width:0;padding:0 4px 0 12px}.nav-mobile-back-item~.nav-mobile-item{flex:1;min-width:80px}.nav-mobile-project-name{color:var(--text-strong);align-items:center;gap:6px;max-width:100%;font-size:.8rem;font-weight:600;display:flex;overflow:hidden}.nav-mobile-project-name .project-icon{flex-shrink:0}.nav-mobile-project-name .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-icon-header{justify-content:space-between;align-items:center;gap:1rem;min-height:2rem;display:flex}.image-resizer-control{background-color:var(--neutral-0);border:1px solid var(--accent);z-index:10;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 4px #0003}.image-control-wrapper--resizing .image-resizer-control{background-color:var(--accent)}.image-resizer-control.n{cursor:ns-resize;top:-5px;left:50%;transform:translate(-50%)}.image-resizer-control.ne{cursor:nesw-resize;top:-5px;right:-5px}.image-resizer-control.e{cursor:ew-resize;top:50%;right:-5px;transform:translateY(-50%)}.image-resizer-control.se{cursor:nwse-resize;bottom:-5px;right:-5px}.image-resizer-control.s{cursor:ns-resize;bottom:-5px;left:50%;transform:translate(-50%)}.image-resizer-control.sw{cursor:nesw-resize;bottom:-5px;left:-5px}.image-resizer-control.w{cursor:ew-resize;top:50%;left:-5px;transform:translateY(-50%)}.image-resizer-control.nw{cursor:nwse-resize;top:-5px;left:-5px}.image-resizer-wrapper{border:1px solid var(--accent);pointer-events:none;z-index:5;position:absolute;inset:0}.image-resizer-wrapper .image-resizer-control{pointer-events:auto}.toolbar{background:var(--bg-1);vertical-align:middle;z-index:2;border-bottom:1px solid var(--border);border-top-left-radius:10px;border-top-right-radius:10px;flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:1px;padding:4px;display:flex;position:sticky;top:0;overflow:auto}.toolbar button.toolbar-item{cursor:pointer;vertical-align:middle;background:0 0;border:0;border-radius:10px;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px;display:flex}.toolbar button.toolbar-item:disabled{cursor:not-allowed;opacity:.3}.toolbar button.toolbar-item.spaced{margin-right:2px}.toolbar button.toolbar-item svg{-webkit-user-select:none;user-select:none;width:18px;height:18px;color:var(--text-regular);background-size:contain;margin-right:0;line-height:16px;display:flex}.toolbar button.toolbar-item:hover:not([disabled]){background-color:var(--accent-bg)}.toolbar button.toolbar-item.active{background-color:var(--selected-bg)}.toolbar .divider{background-color:var(--border);width:1px;height:24px;margin:0 4px}.toolbar select.toolbar-item{vertical-align:middle;appearance:none;width:70px;color:var(--text-extra-light);text-overflow:ellipsis;background:0 0;border:0;border-radius:10px;padding:8px;font-size:14px;display:flex}.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;background-color:var(--bg-0);border-radius:8px;min-height:40px;max-height:400px;padding:8px;display:block;position:fixed;overflow-y:auto;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80}.dropdown .item{color:var(--text-regular);cursor:pointer;background-color:var(--surface-0);border:0;border-radius:8px;flex-direction:row;flex-shrink:0;place-content:center space-between;min-width:100px;max-width:250px;margin:0 8px;padding:8px;font-size:15px;line-height:16px;display:flex}.dropdown .item.fontsize-item,.dropdown .item.fontsize-item .text{min-width:unset}.dropdown .item .active{background-size:contain;width:20px;height:20px;display:flex}.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{flex-grow:1;min-width:150px;line-height:20px;display:flex}.dropdown .item .icon{-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;margin-right:12px;line-height:16px;display:flex}.dropdown .item.wide{min-width:180px}.dropdown .divider{background-color:var(--border-1);width:auto;height:1px;margin:4px 8px}.dropdown button.item{text-align:left;width:100%}button.toolbar-item.block-controls,button.toolbar-item.font-family,button.toolbar-item.font-size,button.toolbar-item.alignment{cursor:pointer;color:var(--text-light);background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:6px 8px;font-size:14px;display:flex}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{vertical-align:middle;color:var(--text-light);text-overflow:ellipsis;text-align:left;height:20px;font-size:14px;line-height:20px;display:flex;overflow:hidden}.icon-text-container{align-items:center;gap:8px;display:flex}input.toolbar-item.font-size-input{border:1px solid var(--border-1);text-align:center;background:var(--surface-0);width:50px;color:var(--text-regular);border-radius:4px;padding:4px 6px;font-size:14px;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{justify-content:center;align-items:center;width:24px;height:24px;padding:4px;display:flex}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,.icon.center-align:before,.icon.right-align:before,.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{color:var(--text-extra-light);margin-left:auto;padding-left:16px;font-size:12px}.dropdown-wrapper{display:inline-block;position:relative}.dropdown-button{cursor:pointer;color:var(--text-regular);background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:6px 8px;font-size:14px;display:flex}.dropdown-button:hover:not(:disabled){background-color:var(--surface-1)}.dropdown-button:disabled{cursor:not-allowed;opacity:.3}.dropdown-button-text{vertical-align:middle;color:var(--text-regular);text-overflow:ellipsis;text-align:left;min-width:60px;height:20px;font-size:14px;line-height:20px;display:flex;overflow:hidden}.chevron-down{-webkit-user-select:none;user-select:none;width:16px;height:16px;margin-top:3px;display:flex}.chevron-down:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--text-extra-light);margin:auto;display:block}.dropdown-items{z-index:100;background-color:var(--surface-1);border-radius:8px;min-height:40px;max-height:300px;padding:8px;display:block;position:fixed;overflow-y:auto;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80}.dropdown-item{color:var(--text-regular);cursor:pointer;background-color:var(--surface-1);text-align:left;border:0;border-radius:8px;flex-direction:row;flex-shrink:0;place-content:center space-between;width:100%;min-width:100px;max-width:250px;margin:0 8px;padding:8px;font-size:15px;line-height:16px;display:flex}.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{z-index:10;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--br-md);box-shadow:var(--dropdown-box-shadow);contain:layout style;min-width:250px;padding:.75rem;font-size:1rem;transition:opacity .2s;display:block;position:absolute;top:0;left:0}.link-input{border:1px solid var(--border);background-color:var(--bg-1);width:100%;color:var(--text-regular);border-radius:var(--br-sm);margin-bottom:.5rem;padding:.5rem;font-size:1rem}.link-actions{justify-content:flex-end;gap:.5rem;display:flex}.link-view{align-items:center;gap:.5rem;display:flex}.link-url{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:180px;text-decoration:none;overflow:hidden}.link-url:hover{text-decoration:underline}.link-editor .btn{min-width:auto;padding:.25rem}.link-editor .btn-icon{width:2rem;height:2rem}.note-link{color:var(--accent)}