@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Roboto:wght@300;400;700&family=Open+Sans:wght@300;400;700&family=Lato:wght@300;400;700&family=Source+Sans+Pro:wght@300;400;700&family=Nunito:wght@300;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400&family=Lora:wght@400;700&family=Playfair+Display:wght@400;700&family=EB+Garamond:wght@400;700&family=Cormorant+Garamond:wght@300;400;700&family=Crimson+Text:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Caveat:wght@400;700&family=Indie+Flower&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&family=Space+Grotesk:wght@300;400;700&family=Source+Code+Pro:wght@400;700&family=Fira+Code:wght@400;700&family=Inconsolata:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Amatic+SC:wght@400;700&family=Great+Vibes&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--side-padding:14px;font-family:JetBrains Mono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-synthesis:none;margin:0;padding-bottom:100px;padding-left:var(--side-padding);padding-right:var(--side-padding);text-rendering:optimizeLegibility}.font-mono body,:root.font-mono body{font-family:JetBrains Mono,Menlo,Monaco,Consolas,Courier New,monospace}.font-inter body,:root.font-inter body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.font-paper body,:root.font-paper body{font-family:Merriweather,Georgia,Times New Roman,serif}.font-handwritten body,:root.font-handwritten body{font-family:Patrick Hand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.font-lora body,:root.font-lora body{font-family:Lora,Georgia,Times New Roman,serif}.font-poppins body,:root.font-poppins body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.font-cormorant body,:root.font-cormorant body{font-family:Cormorant Garamond,Georgia,Times New Roman,serif}.font-space body,:root.font-space body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.font-orbitron body,:root.font-orbitron body{font-family:Orbitron,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.font-amatic body,:root.font-amatic body{font-family:Amatic SC,cursive}.font-greatvibes body,:root.font-greatvibes body{font-family:Great Vibes,cursive}.font-lucida body,:root.font-lucida body{font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Arial,sans-serif}.font-mono #title,.font-mono .navbar,.font-mono .navbar button,.font-mono .note-title-input,.font-mono .toolbar button,:root.font-mono #title,:root.font-mono .navbar,:root.font-mono .navbar button,:root.font-mono .note-title-input,:root.font-mono .toolbar button{font-family:JetBrains Mono,Menlo,Monaco,Consolas,Courier New,monospace}.font-inter #title,.font-inter .navbar,.font-inter .navbar button,.font-inter .note-title-input,.font-inter .toolbar button,:root.font-inter #title,:root.font-inter .navbar,:root.font-inter .navbar button,:root.font-inter .note-title-input,:root.font-inter .toolbar button{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.font-paper #title,.font-paper .navbar,.font-paper .navbar button,.font-paper .note-title-input,.font-paper .toolbar button,:root.font-paper #title,:root.font-paper .navbar,:root.font-paper .navbar button,:root.font-paper .note-title-input,:root.font-paper .toolbar button{font-family:Merriweather,Georgia,Times New Roman,serif}.font-handwritten #title,.font-handwritten .navbar,.font-handwritten .navbar button,.font-handwritten .note-title-input,.font-handwritten .toolbar button,:root.font-handwritten #title,:root.font-handwritten .navbar,:root.font-handwritten .navbar button,:root.font-handwritten .note-title-input,:root.font-handwritten .toolbar button{font-family:Patrick Hand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.font-lora #title,.font-lora .navbar,.font-lora .navbar button,.font-lora .note-title-input,.font-lora .toolbar button,:root.font-lora #title,:root.font-lora .navbar,:root.font-lora .navbar button,:root.font-lora .note-title-input,:root.font-lora .toolbar button{font-family:Lora,Georgia,Times New Roman,serif}.font-poppins #title,.font-poppins .navbar,.font-poppins .navbar button,.font-poppins .note-title-input,.font-poppins .toolbar button,:root.font-poppins #title,:root.font-poppins .navbar,:root.font-poppins .navbar button,:root.font-poppins .note-title-input,:root.font-poppins .toolbar button{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.font-cormorant #title,.font-cormorant .navbar,.font-cormorant .navbar button,.font-cormorant .note-title-input,.font-cormorant .toolbar button,:root.font-cormorant #title,:root.font-cormorant .navbar,:root.font-cormorant .navbar button,:root.font-cormorant .note-title-input,:root.font-cormorant .toolbar button{font-family:Cormorant Garamond,Georgia,Times New Roman,serif}.font-space #title,.font-space .navbar,.font-space .navbar button,.font-space .note-title-input,.font-space .toolbar button,:root.font-space #title,:root.font-space .navbar,:root.font-space .navbar button,:root.font-space .note-title-input,:root.font-space .toolbar button{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.font-orbitron #title,.font-orbitron .navbar,.font-orbitron .navbar button,.font-orbitron .note-title-input,.font-orbitron .toolbar button,:root.font-orbitron #title,:root.font-orbitron .navbar,:root.font-orbitron .navbar button,:root.font-orbitron .note-title-input,:root.font-orbitron .toolbar button{font-family:Orbitron,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.font-amatic #title,.font-amatic .navbar,.font-amatic .navbar button,.font-amatic .note-title-input,.font-amatic .toolbar button,:root.font-amatic #title,:root.font-amatic .navbar,:root.font-amatic .navbar button,:root.font-amatic .note-title-input,:root.font-amatic .toolbar button{font-family:Amatic SC,cursive}.font-roboto #title,.font-roboto .navbar,.font-roboto .navbar button,.font-roboto .note-title-input,.font-roboto .toolbar button,.font-roboto body,:root.font-roboto #title,:root.font-roboto .navbar,:root.font-roboto .navbar button,:root.font-roboto .note-title-input,:root.font-roboto .toolbar button,:root.font-roboto body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.font-opensans #title,.font-opensans .navbar,.font-opensans .navbar button,.font-opensans .note-title-input,.font-opensans .toolbar button,.font-opensans body,:root.font-opensans #title,:root.font-opensans .navbar,:root.font-opensans .navbar button,:root.font-opensans .note-title-input,:root.font-opensans .toolbar button,:root.font-opensans body{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.font-lato #title,.font-lato .navbar,.font-lato .navbar button,.font-lato .note-title-input,.font-lato .toolbar button,.font-lato body,:root.font-lato #title,:root.font-lato .navbar,:root.font-lato .navbar button,:root.font-lato .note-title-input,:root.font-lato .toolbar button,:root.font-lato body{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.font-sourcesans #title,.font-sourcesans .navbar,.font-sourcesans .navbar button,.font-sourcesans .note-title-input,.font-sourcesans .toolbar button,.font-sourcesans body,:root.font-sourcesans #title,:root.font-sourcesans .navbar,:root.font-sourcesans .navbar button,:root.font-sourcesans .note-title-input,:root.font-sourcesans .toolbar button,:root.font-sourcesans body{font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.font-nunito #title,.font-nunito .navbar,.font-nunito .navbar button,.font-nunito .note-title-input,.font-nunito .toolbar button,.font-nunito body,:root.font-nunito #title,:root.font-nunito .navbar,:root.font-nunito .navbar button,:root.font-nunito .note-title-input,:root.font-nunito .toolbar button,:root.font-nunito body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.font-caveat #title,.font-caveat .navbar,.font-caveat .navbar button,.font-caveat .note-title-input,.font-caveat .toolbar button,.font-caveat body,:root.font-caveat #title,:root.font-caveat .navbar,:root.font-caveat .navbar button,:root.font-caveat .note-title-input,:root.font-caveat .toolbar button,:root.font-caveat body{font-family:Caveat,Comic Sans MS,cursive}.font-playfair #title,.font-playfair .navbar,.font-playfair .navbar button,.font-playfair .note-title-input,.font-playfair .toolbar button,.font-playfair body,:root.font-playfair #title,:root.font-playfair .navbar,:root.font-playfair .navbar button,:root.font-playfair .note-title-input,:root.font-playfair .toolbar button,:root.font-playfair body{font-family:Playfair Display,Georgia,Times New Roman,serif}.font-ebgaramond #title,.font-ebgaramond .navbar,.font-ebgaramond .navbar button,.font-ebgaramond .note-title-input,.font-ebgaramond .toolbar button,.font-ebgaramond body,:root.font-ebgaramond #title,:root.font-ebgaramond .navbar,:root.font-ebgaramond .navbar button,:root.font-ebgaramond .note-title-input,:root.font-ebgaramond .toolbar button,:root.font-ebgaramond body{font-family:EB Garamond,Georgia,Times New Roman,serif}.font-crimson #title,.font-crimson .navbar,.font-crimson .navbar button,.font-crimson .note-title-input,.font-crimson .toolbar button,.font-crimson body,:root.font-crimson #title,:root.font-crimson .navbar,:root.font-crimson .navbar button,:root.font-crimson .note-title-input,:root.font-crimson .toolbar button,:root.font-crimson body{font-family:Crimson Text,Georgia,Times New Roman,serif}.font-sourcecodepro #title,.font-sourcecodepro .navbar,.font-sourcecodepro .navbar button,.font-sourcecodepro .note-title-input,.font-sourcecodepro .toolbar button,.font-sourcecodepro body,:root.font-sourcecodepro #title,:root.font-sourcecodepro .navbar,:root.font-sourcecodepro .navbar button,:root.font-sourcecodepro .note-title-input,:root.font-sourcecodepro .toolbar button,:root.font-sourcecodepro body{font-family:Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace}.font-firacode #title,.font-firacode .navbar,.font-firacode .navbar button,.font-firacode .note-title-input,.font-firacode .toolbar button,.font-firacode body,:root.font-firacode #title,:root.font-firacode .navbar,:root.font-firacode .navbar button,:root.font-firacode .note-title-input,:root.font-firacode .toolbar button,:root.font-firacode body{font-family:Fira Code,Menlo,Monaco,Consolas,Courier New,monospace}.font-inconsolata #title,.font-inconsolata .navbar,.font-inconsolata .navbar button,.font-inconsolata .note-title-input,.font-inconsolata .toolbar button,.font-inconsolata body,:root.font-inconsolata #title,:root.font-inconsolata .navbar,:root.font-inconsolata .navbar button,:root.font-inconsolata .note-title-input,:root.font-inconsolata .toolbar button,:root.font-inconsolata body{font-family:Inconsolata,Menlo,Monaco,Consolas,Courier New,monospace}.font-indieflower #title,.font-indieflower .navbar,.font-indieflower .navbar button,.font-indieflower .note-title-input,.font-indieflower .toolbar button,.font-indieflower body,:root.font-indieflower #title,:root.font-indieflower .navbar,:root.font-indieflower .navbar button,:root.font-indieflower .note-title-input,:root.font-indieflower .toolbar button,:root.font-indieflower body{font-family:Indie Flower,Comic Sans MS,cursive}.font-greatvibes #title,.font-greatvibes .navbar,.font-greatvibes .navbar button,.font-greatvibes .note-title-input,.font-greatvibes .toolbar button,:root.font-greatvibes #title,:root.font-greatvibes .navbar,:root.font-greatvibes .navbar button,:root.font-greatvibes .note-title-input,:root.font-greatvibes .toolbar button{font-family:Great Vibes,cursive}.font-lucida #title,.font-lucida .navbar,.font-lucida .navbar button,.font-lucida .note-title-input,.font-lucida .toolbar button,:root.font-lucida #title,:root.font-lucida .navbar,:root.font-lucida .navbar button,:root.font-lucida .note-title-input,:root.font-lucida .toolbar button{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.navbar button,body :not(.text-field) button{border:1px solid #ffffff14;border:1px solid var(--panel-border,#ffffff14)}code,pre{font-family:JetBrains Mono,Menlo,Monaco,Consolas,Courier New,monospace}#top-bar{align-items:center;display:flex;justify-content:space-between;padding:12px 24px}#title{text-align:left}#title,#user{color:#e0e0e0;color:var(--fg,#fff);font-size:24px;padding:10px}#user{text-align:right}:root{--bg:#000;--fg:#e0e0e0;--muted:#9a9a9a;--panel-bg:#1e1e1e99;--panel-border:#ffffff14;--panel-bg-solid:#141414;--glass-bg:linear-gradient(135deg,rgba(0,0,0,.195),#ffffff0d)}.theme-dark{--bg:#000;--fg:#fff;--muted:#9a9a9a;--panel-bg:#1e1e1e99;--panel-border:#ffffff14;--panel-bg-solid:#29292980;--glass-bg:linear-gradient(135deg,rgba(0,0,0,.195),#ffffff0d)}.theme-blue{--bg:#0a1628;--fg:#e3f2ff;--muted:#7cb3ff;--panel-bg:#143c7866;--panel-border:#7cb3ff4d;--panel-bg-solid:#1a3a5c;--glass-bg:linear-gradient(135deg,#0a1e3273,#7cb3ff0f)}.theme-gray{--bg:#1a1a1e;--fg:#f5f5f5;--muted:#b8b8c0;--panel-bg:#32323780;--panel-border:#b4b4be33;--panel-bg-solid:#2d2d32;--glass-bg:linear-gradient(135deg,#28282d8c,#ffffff08)}.theme-cream{--bg:#f5f1e8;--fg:#3d2e1f;--muted:#8b7355;--panel-bg:#ebdcc899;--panel-border:#8b735540;--panel-bg-solid:#ebe4d6;--glass-bg:linear-gradient(135deg,#faf0e1d9,#8b73550d)}.theme-brown{--bg:#2b1b12;--fg:#efe6dd;--muted:#b99a85;--panel-bg:#3c281e99;--panel-border:#b3805f40;--panel-bg-solid:#3a2418;--glass-bg:linear-gradient(135deg,#3c281e99,#ffffff05)}.theme-purple{--bg:#ceb4ff;--fg:#2d1b4e;--muted:#7c5cba;--panel-bg:#e6dcff99;--panel-border:#7c5cba40;--panel-bg-solid:#e6dcff;--glass-bg:linear-gradient(135deg,#6e50aa52,#ffffff0a)}.theme-pink{--bg:#fff1f6;--fg:#3a1228;--muted:#b76a93;--panel-bg:#fff0f59e;--panel-border:#9664821f;--panel-bg-solid:#ffe6ef;--glass-bg:linear-gradient(135deg,#ffe6f599,#ffffff05)}.theme-skyblue{--bg:#e3f2fd;--fg:#1e3a5f;--muted:#4a90c7;--panel-bg:#dcf0ffb3;--panel-border:#4a90c740;--panel-bg-solid:#d1e9ff;--glass-bg:linear-gradient(135deg,#c8e6fae6,#4a90c70a)}.theme-sage{--bg:#e8f3e8;--fg:#2d4a2d;--muted:#6b8e6b;--panel-bg:#dcebdcb3;--panel-border:#6b8e6b40;--panel-bg-solid:#d8ead8;--glass-bg:linear-gradient(135deg,#dcebdce6,#6b8e6b0a)}.theme-sunset{--bg:#000;--fg:#ffeded;--muted:#fff;--panel-bg:#000000b3;--panel-border:hsla(0,0%,60%,.341);--panel-bg-solid:linear-gradient(135deg,#000,#00000061);--glass-bg:linear-gradient(135deg,#000000b3,rgba(0,0,0,.441));--sunset-bg:radial-gradient(circle at bottom center,#ffb347 0%,#ff5e62 40%,#1b1b4e 100%)}.theme-sunset body{background-attachment:fixed;background-image:var(--sunset-bg);background-position:50%;background-repeat:no-repeat;background-size:cover}.theme-burgundy{--bg:#1a0a0e;--fg:#f5e9ec;--muted:#b87a87;--panel-bg:#40001599;--panel-border:#b87a8740;--panel-bg-solid:#2a0f17;--glass-bg:linear-gradient(135deg,#400015d9,#1a0a0ee6)}.theme-forestgreen{--bg:#0e1a0e;--fg:#e6f0e6;--muted:#7ab97a;--panel-bg:#0a280a99;--panel-border:#7ab97a40;--panel-bg-solid:#162616;--glass-bg:linear-gradient(135deg,#0a280ad9,#0e1a0ee6)}.theme-gold{--bg:#cb9a2e;--fg:#fff8e1;--muted:#fff;--panel-bg:#1e1405a6;--panel-border:#ffd78040;--panel-bg-solid:#2c1f0c;--glass-bg:linear-gradient(135deg,#ffcc6614,#1e1405d9)}.theme-ai{--bg:#0b0b1a;--fg:#e9f0ff;--muted:#b5c6ff;--panel-bg:#0f1423b3;--panel-border:#8caaff40;--panel-bg-solid:linear-gradient(135deg,#11152a,#1e233c80);--glass-bg:linear-gradient(135deg,#3c1e64b3,#141e3c73);--ai-bg:radial-gradient(circle at 25% 30%,#527dfe66,#8d55ff59 25%,#ffffff1a 60%,#000c 100%),radial-gradient(circle at 80% 70%,#ff5af040,#5ac8ff40 30%,#000000d9 100%)}.theme-snowleopard{--bg:#000;--fg:#e8e8e8;--muted:#9a9a9a;--panel-bg:#000000a6;--panel-border:#ffffff26;--panel-bg-solid:rgba(0,0,0,.692);--glass-bg:linear-gradient(180deg,#ffffff26,#fff0 50%,#0000 0,#0000000d)}.theme-snowleopard body{background:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px at 50% 50%,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000),radial-gradient(1px 1px at 33% 80%,#fff,#0000),radial-gradient(1px 1px at 15% 60%,#fff,#0000),radial-gradient(circle at 30% 20%,#f2a7e94d,#0000 40%),radial-gradient(circle at 70% 80%,#d86edc40,#0000 50%),radial-gradient(circle at 50% 50%,#a43cbf33,#0000 60%),radial-gradient(circle at 40% 60%,#4b008f4d,#0000 55%),linear-gradient(180deg,#1b0034,#4b008f 20%,#a43cbf 45%,#d86edc 65%,#f2a7e9 80%,#ffffff1a);background-attachment:fixed;background-color:#000;background-position:0 0,40px 60px,130px 270px,70px 100px,150px 50px,220px 180px,90px 220px,50%,50%,50%,50%,50%;background-repeat:repeat;background-size:200px 200px,300px 300px,250px 250px,280px 280px,320px 320px,240px 240px,260px 260px,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%}.theme-snowleopard .text-field{color:#e0e0e0;color:var(--fg)}.theme-snowleopard .nav-bubble,.theme-snowleopard .text-field{background-image:linear-gradient(180deg,#ffffff26,#fff0 50%,#0000 0,#0000000d)}.theme-snowleopard .modal-content .login-submit-btn,.theme-snowleopard .settings-toggles button{background-color:#3c84c6cc;background-image:-webkit-gradient(linear,0 0,0 90%,from(#1c5b9bcc),to(#6cbfffe6));color:#fff;font-weight:700;text-shadow:#0a0a0a80 1px 2px 2px}.theme-snowleopard .modal-content h1{color:#363636}.theme-snowleopard .modal-content .form-group input{background:hsla(0,0%,100%,.377);border:2px solid #3c84c6cc;border-radius:25px;color:#363636;max-height:2px}.theme-snowleopard .settings-toggles button:hover{background-color:#255480cc;background-image:-webkit-gradient(linear,0 0,0 90%,from(#103357cc),to(#5aa2dae6));color:#fff;font-weight:700;scale:none;text-shadow:#0a0a0a80 1px 2px 2px}.theme-snowleopard .modal-content{background:linear-gradient(180deg,#ededed 0,#d1d1d1)}.theme-snowleopard .modal-close{background:radial-gradient(circle at 50% 30%,#ff9492,#ff0800 80%)}.theme-snowleopard .modal-close,.theme-snowleopard .modal-close:hover{border:1px solid #c03632;box-shadow:0 1px 1px #0000001a,inset 0 1px 0 #ffffff80}.theme-snowleopard .modal-close:hover{background:radial-gradient(circle at 50% 30%,#ff9492,#690400 80%)}.theme-snowleopard .checklist-input{background-color:#f0f0f0dc;border:2px solid #3c84c6cc;color:#000}.theme-snowleopard .checklist-input:focus,.theme-snowleopard .checklist-input:hover{background-color:#f0f0f0dc;border:2px solid #65a9e9cc;scale:none}.theme-snowleopard .custom-select-list{background-color:#fff;border:2px solid #3c84c6cc}.theme-snowleopard .custom-select-option{color:#000}.theme-snowleopard .custom-select-option:hover{background-color:#3c84c6cc;background-image:-webkit-gradient(linear,0 0,0 90%,from(#1c5b9bcc),to(#6cbfffe6));border-radius:25px;color:#fff}.theme-ai body{background-attachment:fixed;background-image:var(--ai-bg);background-position:50%;background-size:cover}.theme-ai body,body{background-repeat:no-repeat}body{background-color:#000;background-color:var(--bg);color:#e0e0e0;color:var(--fg)}.login-submit-btn{border-radius:50px!important;max-width:-webkit-fit-content;max-width:fit-content}.navbar{bottom:20px;display:flex;justify-content:center;left:50%;max-width:calc(100% - 24px);pointer-events:none;position:fixed;transform:translateX(-50%);width:auto;z-index:1000}.navbar ul{align-items:center;-webkit-backdrop-filter:blur(3px) saturate(180%);backdrop-filter:blur(3px) saturate(180%);background:rgba(30,30,30,.377);background:var(--panel-bg,rgba(30,30,30,.377));border:1px solid hsla(0,0%,100%,.253);border:1px solid var(--panel-border,hsla(0,0%,100%,.253));border-radius:50px;box-shadow:inset 0 1px 1px hsla(0,0%,100%,.493),0 8px 25px rgba(0,0,0,.158),0 0 20px #ffffff0d;display:flex;list-style-type:none;margin:0;overflow:visible;padding:6px 16px;pointer-events:auto;position:relative;transition:all .3s ease;width:-webkit-fit-content;width:fit-content;z-index:2}.navbar li{display:inline-block}.navbar li button{background:#0000;border:none;border-radius:25px;color:#909090;color:var(--muted,#909090);cursor:pointer;display:block;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:500;letter-spacing:.2px;padding:6px 14px;position:relative;text-align:center;transition:color .2s ease;z-index:2}.navbar li button:hover{color:#e0e0e0;color:var(--fg,#e0e0e0)}.navbar li button.active{color:#fff;color:var(--fg,#fff);font-size:16px}.nav-bubble{background-image:radial-gradient(circle,var(--panel-bg),hsla(0,0%,100%,.158));border:1px solid hsla(0,0%,100%,.253);border:1px solid var(--panel-border,hsla(0,0%,100%,.253));border-radius:25px;box-shadow:inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #ffffff1a;height:calc(100% - 12px);pointer-events:none;position:absolute;top:5px;transform:scale(1.2);transition:left .1s cubic-bezier(.2,.9,.2,1),width .1s cubic-bezier(.2,.9,.2,1),transform .1s cubic-bezier(.2,.9,.2,1);will-change:left,width,transform;z-index:1}.nav-bubble.hovering{transform:scale(1.25)}.nav-bubble.moving{-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);background:rgba(50,50,50,.477);background:var(--panel-bg,rgba(50,50,50,.477));transform:scale(1.85)}.nav-bubble.no-transition{transition:none!important}.btn{align-items:center;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff2e;border-radius:24px;box-shadow:0 8px 32px 0 hsla(0,0%,41%,.099),inset 0 1px 0 0 #ffffff26;color:#fff;color:var(--fg,#fff);display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:10px 18px;transition:all .1s cubic-bezier(.4,0,.2,1);width:-webkit-fit-content;width:fit-content}.btn:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#ffffff40;box-shadow:0 12px 40px 0 rgba(0,0,0,.252),inset 0 1px 0 0 #fff3;cursor:pointer;transform:scale(1.02)}.btn:active{box-shadow:0 4px 16px 0 #0000004d,inset 0 1px 0 0 #ffffff1a;transform:scale(.98)}.btn:focus{outline:2px solid #bbbbbb4d;outline:2px solid var(--muted,#bbbbbb4d);outline-offset:3px}.btn.primary{font-size:15px;font-weight:600;padding:12px 22px}.tasklist{margin:0 auto;max-width:800px;padding:20px}.checklist-header{animation:fadeInDown .1s ease-out;margin-bottom:32px;text-align:center}.checklist-header h2{color:#dcdcdc;color:var(--fg,#dcdcdc);font-size:2em;font-weight:600;margin:0 0 8px}.muted{color:#9a9a9a;color:var(--muted,#9a9a9a);font-size:.9em;margin:0}.checklist-add{animation:fadeInUp .1s ease-out .1s backwards;display:flex;gap:12px;margin-bottom:24px}.checklist-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1f;border-radius:25px;box-shadow:0 4px 16px 0 #00000026;color:#fff;color:var(--fg,#fff);flex:1 1;font-size:14px;outline:none;padding:12px 18px;text-align:center;transition:all .1s ease}.checklist-input::placeholder{color:#9a9a9a;color:var(--muted,#9a9a9a)}.checklist-input:focus{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:#ffffff40;box-shadow:0 4px 16px 0 #0003}.checklist-input:hover{background:linear-gradient(135deg,#ffffff12,#ffffff08);scale:1.02}.checklist-items{list-style:none;margin:0;padding:0}.checklist-items .empty{animation:fadeIn .1s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;border:1px solid #ffffff14;border:1px solid var(--panel-border,#ffffff14);border-radius:20px;color:#9a9a9a;color:var(--muted,#9a9a9a);font-size:1.1em;padding:60px 20px;text-align:center}.checklist-item{align-items:center;animation:slideIn .1s ease-out backwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 16px 0 #00000026;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px 20px;transition:all .1s cubic-bezier(.4,0,.2,1)}.checklist-item:hover{border-color:#ffffff26;box-shadow:0 8px 24px 0 #00000040;transform:scale(1.02)}.checklist-item.completed{background:linear-gradient(135deg,#00ff000d,#00ff0005);border-color:#00ff0026;opacity:.7}.checklist-item.completed:hover{opacity:.9}.checklist-label{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px;-webkit-user-select:none;user-select:none}.checklist-label input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.custom-checkbox{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:2px solid #ffffff4d;border-radius:8px;flex-shrink:0;height:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.checklist-label:hover .custom-checkbox{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-color:#ffffff80}.custom-checkbox:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:12px;left:7px;position:absolute;top:3px;transform:rotate(45deg);width:6px}.checklist-label input[type=checkbox]:checked~.custom-checkbox:after{animation:checkmark .1s ease-out;display:block}.checklist-label input[type=checkbox]:checked~.custom-checkbox{background:linear-gradient(135deg,#00ff6480,#00c85066);border-color:#00ff6499;box-shadow:0 0 12px #00ff644d}.checklist-label .text{color:#dcdcdc;color:var(--fg,#dcdcdc);flex:1 1;font-size:15px;padding-left:10px;transition:all .3s ease}.checklist-item.completed .text{color:#9a9a9a;color:var(--muted,#9a9a9a);text-decoration:line-through}.remove-task-btn{align-items:center;background:#9600004d;border:1px solid #ff8a8a33;border-radius:8px;color:#ffb3b3;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;opacity:0;transition:all .2s ease;width:32px}.checklist-item:hover .remove-task-btn{opacity:1}.remove-task-btn:hover{background:#df000080;border-color:#ff8a8a66;box-shadow:0 4px 12px #df00004d;transform:scale(1.5)}.remove-task-btn:active{transform:scale(.96)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes checkmark{0%{transform:rotate(45deg) scale(0)}50%{transform:rotate(45deg) scale(1.2)}to{transform:rotate(45deg) scale(1)}}.text-field{animation:slideIn .1s ease-out backwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141414e6;background:var(--panel-bg-solid,#141414e6);border:3px solid #ffffff14;border:3px solid var(--panel-border,#ffffff14);border-radius:25px;box-shadow:0 8px 32px 0 rgba(0,0,0,.188);color:#e0e0e0;color:var(--fg,#e0e0e0);display:flex;flex-direction:column;max-height:600px;position:relative;transition:all .1s ease;width:100%;z-index:auto}.note-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--panel-border,#ffffff14);border-radius:25px 25px 0 0;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.view-mode .note-header{cursor:pointer;transition:background .2s ease}.view-mode .note-header:hover{background:#1e1e1e66;background:var(--panel-bg,#1e1e1e66)}.note-header-content{flex:1 1;min-width:0}.note-title-display{color:#e0e0e0;color:var(--fg,#e0e0e0);font-size:18px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-last-modified-header{color:#909090;color:var(--muted,#909090);font-size:12px}.edit-mode .note-header{display:none}.toolbar{background:#1e1e1e99;background:var(--panel-bg,#1e1e1e99);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--panel-border,#ffffff14);border-radius:25px 25px 0 0;display:flex;gap:8px;justify-content:start;padding:8px 8px 8px 10px;position:relative}.toolbar-scroll{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding-right:220px;touch-action:pan-x;white-space:nowrap;width:100%}.toolbar-scroll:after{content:"";display:inline-block;height:1px;width:220px}.toolbar-actions{align-items:center;display:inline-flex;gap:10px;padding-right:0;pointer-events:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:40}.toolbar-actions>*{pointer-events:auto}.toolbar-actions .done-btn,.toolbar-actions .redo-btn,.toolbar-actions .undo-btn{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffff05;border:1px solid var(--panel-border);border-radius:12px;color:#bdbdbd;color:var(--muted,#bdbdbd);display:inline-flex;justify-content:center;padding:6px 8px}.toolbar-actions .done-btn{gap:5px}.toolbar-actions .done-btn:hover,.toolbar-actions .redo-btn:hover,.toolbar-actions .undo-btn:hover{background:#ffffff0a;box-shadow:none;color:#e0e0e0;color:var(--fg,#e0e0e0)}.toolbar-actions .done-btn:hover svg{stroke:#e0e0e0;stroke:var(--fg,#e0e0e0)}.toolbar button{background:#1e1e1e99;background:var(--panel-bg,#1e1e1e99);border:1px solid #ffffff14;border:1px solid var(--panel-border,#ffffff14);border-radius:20px;color:#909090;color:var(--muted,#909090);cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:0;max-width:160px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;transition:all .12s ease;white-space:nowrap}.toolbar button:hover{background:#ffffff0a;border-color:#ffffff1f;border-color:var(--panel-border,#ffffff1f);color:#e0e0e0;color:var(--fg,#e0e0e0);transform:scale(1.01)}.toolbar-actions svg{stroke:#e0e0e0;stroke:var(--muted,#e0e0e0);fill:none;stroke-linejoin:round;stroke-linecap:round}.font-picker{align-items:center;display:flex;gap:8px;margin-left:0;padding-left:6px;padding-right:6px;position:relative;z-index:2}.font-picker .custom-select-button,.theme-picker .custom-select-button{align-items:center;background:#1e1e1e99;background:var(--panel-bg,#1e1e1e99);border:1px solid #ffffff14;border:1px solid var(--panel-border,#ffffff14);border-radius:20px;color:#909090;color:var(--muted,#909090);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:6px 10px}.font-size-picker{align-items:center;display:inline-flex;margin-left:6px}.font-size-picker .custom-select-button{align-items:center;background:#1e1e1e99;background:var(--panel-bg,#1e1e1e99);border:1px solid #ffffff14;border:1px solid var(--panel-border,#ffffff14);border-radius:20px;color:#909090;color:var(--muted,#909090);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:6px 10px}.font-picker .custom-select-button:hover,.font-size-picker .custom-select-button:hover,.theme-picker .custom-select-button:hover{background:#ffffff0f;box-shadow:none;color:#e0e0e0;color:var(--fg,#e0e0e0);transform:scale(1.01)}@media (max-width:640px){.toolbar{padding-right:170px}.toolbar-scroll{padding-right:70px}.toolbar-scroll:after{width:70px}}.font-picker .custom-select-button .chev{margin-left:6px;opacity:.7}.theme-picker{align-items:center;display:inline-flex;margin-left:6px}.font-picker-title{color:#9a9a9a;color:var(--muted,#9a9a9a);font-size:12px;font-weight:600;margin-right:4px}.font-options{gap:8px}.font-option,.font-options{align-items:center;display:flex}.font-option{color:#bdbdbd;color:var(--muted,#bdbdbd);cursor:pointer;font-size:13px;gap:6px;-webkit-user-select:none;user-select:none}.font-option input[type=radio]{height:14px;width:14px}.font-label{background:#ffffff05;border-radius:12px;display:inline-block;padding:2px 8px}.sample-mono{font-family:JetBrains Mono,Menlo,Monaco,Consolas,Courier New,monospace}.sample-inter{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.sample-paper{font-family:Merriweather,Georgia,Times New Roman,serif}.sample-handwritten{font-family:Patrick Hand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.sample-slab{font-family:Roboto Slab,Georgia,Times New Roman,serif}.sample-rounded{font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.sample-display{font-family:Playfair Display,Georgia,Times New Roman,serif}.sample-space{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.sample-orbitron{font-family:Orbitron,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.sample-amatic{font-family:Amatic SC,cursive}.sample-greatvibes{font-family:Great Vibes,cursive}.text-field .custom-select-list{border:1px solid #ffffff14;border:1px solid var(--panel-border,#ffffff14);z-index:10050}.editor{color:#f0f0f0;color:var(--fg,#f0f0f0);font-family:system-ui,sans-serif;font-size:16px;line-height:1.6;max-inline-size:100%;min-height:140px;outline:none;overflow-y:auto;padding:16px 20px 16px 40px}.editor,.view-mode .editor{border-radius:0 0 25px 25px}.edit-mode .editor{border-radius:0}.editor ol,.editor ul{margin:.5em 0;padding-left:1.5em}.editor li{margin:.3em 0}.editor ol li::marker,.editor ul li::marker{font-size:inherit}@media (max-width:640px){.editor{padding:12px 16px 12px 32px}.editor ol,.editor ul{padding-left:1.2em}}.editor:empty:before{color:#777;color:var(--muted,#777);content:attr(placeholder)}.editor::-webkit-scrollbar{width:8px}.editor::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.editor::-webkit-scrollbar-thumb:hover{background:#fff3}.custom-select{display:inline-block;position:relative}.custom-select:active{box-shadow:0 4px 16px 0 #0000004d,inset 0 1px 0 0 #ffffff1a;transform:scale(.98)}.custom-select:focus{outline:2px solid #bbbbbb4d;outline:2px solid var(--muted,#bbbbbb4d);outline-offset:3px}.custom-select-button{align-items:center;-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff14;border:1px solid var(--panel-border,#ffffff14);border-radius:20px;box-shadow:0 8px 32px 0 hsla(0,0%,41%,.099),inset 0 1px 0 0 #ffffff26;color:inherit;color:var(--fg,inherit);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:all .18s ease}.custom-select-button:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#ffffff1f;border-color:var(--panel-border,#ffffff1f);box-shadow:0 12px 40px 0 rgba(0,0,0,.252),inset 0 1px 0 0 #fff3;transform:scale(1.02)}.custom-select-button .chev{margin-left:4px;opacity:.7;transition:transform .1s ease}.custom-select-button[aria-expanded=true] .chev{transform:rotate(180deg)}.custom-select-list{-webkit-overflow-scrolling:touch;animation:dropdownSlideIn .15s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);background:linear-gradient(135deg,hsla(0,0%,69%,.513),hsla(0,0%,100%,.075));border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 20px 70px #000000b3,0 6px 18px #00000073,0 4px 12px #ffffff14,inset 0 1px 0 #ffffff0f,inset 0 -1px 0 #00000014;left:0;list-style:none;margin:0;max-height:260px;max-width:calc(100vw - 32px);min-width:180px;overflow-y:auto;padding:8px;position:absolute;top:calc(100% + 10px);z-index:10050}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{border-radius:14px;color:#fff;cursor:pointer;font-weight:500;padding:10px 14px;text-shadow:0 0 7px rgba(0,0,0,.751);transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-select-option.highlight,.custom-select-option:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);box-shadow:inset 0 1px 0 #ffffff1a;transform:scale(1.02)}.custom-select-list::-webkit-scrollbar{width:8px}.custom-select-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:8px}.custom-select-list::-webkit-scrollbar-thumb:hover{background:#ffffff24}.text-field{margin-bottom:25px}.note-item{margin-bottom:12px;overflow:visible;position:relative}.note-footer{grid-gap:12px;align-items:center;background:#1e1e1e99;background:var(--panel-bg,#1e1e1e99);border-radius:0 0 25px 25px;border-top:1px solid #ffffff0a;border-top:1px solid var(--panel-border,#ffffff0a);display:grid;gap:12px;grid-template-columns:1fr auto 1fr;margin-top:8px;padding:8px 12px;position:relative}.note-title{font-size:13px}.note-title,.note-title-input{color:#dcdcdc;color:var(--fg,#dcdcdc);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-title-input{background:#0000;border:none;font-size:16px;font-weight:700;outline:none}.note-title-input::placeholder{color:#9a9a9a;color:var(--muted,#9a9a9a)}.remove-btn{background:rgba(119,0,0,.473);border:1px solid #ff8a8a1f;border-radius:25px;color:#ffb3b3;cursor:pointer;padding:6px 10px;transition:transform .12s ease,background .12s ease}.remove-btn:hover{background:rgba(223,0,0,.473);color:#ffebcd;transform:scale(1.12)}.remove-btn:active{transform:scale(.96)}.note-last-modified{color:#9a9a9a;color:var(--muted,#9a9a9a);font-size:12px;grid-column:2/3;justify-self:center;max-width:100%;overflow:hidden;padding:0 8px;pointer-events:none;text-align:center;text-overflow:ellipsis;white-space:nowrap}.note-title-input{padding-left:0;padding-right:8px}.note-footer>.note-title-input{grid-column:1/2}.note-footer>.remove-btn{grid-column:3/4;justify-self:end}.empty-state{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000;border:1px solid #ffffff14;border:1px solid var(--panel-border,#ffffff14);border-radius:20px;color:#9a9a9a;color:var(--muted,#9a9a9a);margin-bottom:16px;overflow:visible;padding:24px;position:relative;text-align:center;transition:all .1s ease;z-index:1}.empty-state p{color:#dcdcdc;color:var(--fg,#dcdcdc);font-size:1.5em;margin:8px 0;opacity:.7}.empty-state-subtitle{color:#9a9a9a!important;color:var(--muted,#9a9a9a)!important;font-size:1em!important;opacity:.6!important}.primary{animation:fadeInUp .1s ease-out .1s backwards}.settings-toggles{animation:fadeInUp .1s ease-out backwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141414e6;background:var(--panel-bg-solid,#141414e6);border:1px solid #ffffff14;border:1px solid var(--panel-border,#ffffff14);border-radius:20px;box-shadow:0 8px 32px 0 #0000003d;box-sizing:border-box;margin-bottom:16px;max-width:100%;overflow:visible;padding:30px;position:relative;transition:all .3s ease;width:100%;z-index:1}.settings-section{padding:0}.settings-section .controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.settings-section .controls-row>*{min-width:0}@media (max-width:640px){.settings-section .controls-row{align-items:stretch;flex-direction:column;gap:10px}.settings-section .controls-row label{margin:0}.settings-section .controls-row .custom-select,.settings-section .controls-row .custom-select-button{box-sizing:border-box;max-width:100%;width:100%}}.settings-checklist{display:flex;flex-direction:column;gap:10px;margin-top:8px}.settings-section:first-child{padding-top:0}.settings-section:last-child{padding-bottom:0}.settings-section h2{font-size:1.3em;font-weight:600;margin-bottom:12px;margin-top:0}.settings-section h2,.settings-section label{color:#e0e0e0;color:var(--fg,#e0e0e0)}.settings-divider{background:linear-gradient(90deg,#0000,#ffffff26,#0000);background:linear-gradient(to right,#0000,var(--panel-border,#ffffff26),#0000);border:none;height:1px;margin:24px 0;opacity:.6}.modal-backdrop{align-items:center;animation:fadeIn .2s cubic-bezier(.4,0,.2,1);background:rgba(0,0,0,.704);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:smoothSlideIn .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#fff;background:var(--glass-bg,#fff);border:1px solid #ffffff2e;border-radius:24px;box-shadow:0 16px 48px 0 #0006;max-width:450px;padding:40px;position:relative;width:100%}.modal-close{align-items:center;background:red;border:1px solid #ff8a8a33;border-radius:36px;color:#ffb3b3;cursor:pointer;display:flex;font-size:20px;height:20px;justify-content:center;left:16px;position:absolute;top:16px;transition:all .2s ease;width:20px}.modal-close:hover{background:#df000080;border-color:#ff8a8a66}.modal-content h1{color:#dcdcdc;color:var(--fg--panel-bg-solid,#dcdcdc);font-size:2em;font-weight:600;margin:0 0 32px;text-align:center}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#dcdcdc;color:var(--muted,#dcdcdc);font-size:14px;font-weight:500}.form-group input{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1f;border-radius:12px;color:#fff;color:var(--fg,#fff);font-size:15px;outline:none;padding:14px 16px;transition:all .2s ease}.form-group input::placeholder{color:#9a9a9a;color:var(--muted,#9a9a9a)}.form-group input:focus{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:#ffffff4d;box-shadow:0 4px 16px 0 #0003}.login-submit-btn{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 24px 0 #0003,inset 0 1px 0 0 #ffffff26;color:#fff;color:var(--muted,#fff);cursor:pointer;font-size:16px;font-weight:600;margin-top:12px;padding:14px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.login-submit-btn:hover{background:linear-gradient(135deg,#fff3,#ffffff1f);border-color:#ffffff4d;box-shadow:0 12px 32px 0 #0000004d,inset 0 1px 0 0 #fff3;transform:scale(1.02)}.login-submit-btn:active{box-shadow:0 4px 16px 0 #0000004d,inset 0 1px 0 0 #ffffff1a;transform:scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes smoothSlideIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:500px){.modal-content{padding:32px 24px}.modal-content h1{font-size:1.6em}}
/*# sourceMappingURL=main.6907fd99.css.map*/