@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;overflow-y:scroll;padding-bottom:100px;padding-left:var(--side-padding);padding-right:var(--side-padding);padding-top:32px;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 hsla(0,0%,100%,.08);border:1px solid var(--panel-border,hsla(0,0%,100%,.08))}code,pre{font-family:JetBrains Mono,Menlo,Monaco,Consolas,Courier New,monospace}#top-bar{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px;padding:16px 24px}#title{color:#e0e0e0;color:var(--fg,#fff);flex:1 1;font-size:28px;font-weight:600;padding:0;text-align:left}#user{color:#9a9a9a;color:var(--muted,#999);font-size:16px;font-weight:500;padding:0;text-align:right}:root{--bg:#000;--fg:#e0e0e0;--muted:#9a9a9a;--panel-bg:rgba(30,30,30,.6);--panel-border:hsla(0,0%,100%,.08);--panel-bg-solid:#141414;--glass-bg:linear-gradient(135deg,rgba(0,0,0,.195),hsla(0,0%,100%,.05))}.theme-default{--bg:#000;--fg:#fff;--muted:#999;--panel-bg:rgba(30,30,30,.6);--panel-border:rgba(100,150,255,.2);--panel-bg-solid:rgba(20,20,30,.8);--glass-bg:linear-gradient(135deg,rgba(0,0,20,.4),rgba(31,0,186,.08))}.theme-default body{background:radial-gradient(ellipse at bottom,rgba(38,0,255,.2) 0,transparent 70%),#000;background-attachment:fixed}.theme-dark{--bg:#000;--fg:#fff;--muted:#9a9a9a;--panel-bg:rgba(30,30,30,.6);--panel-border:hsla(0,0%,100%,.08);--panel-bg-solid:rgba(41,41,41,.5);--glass-bg:linear-gradient(135deg,rgba(0,0,0,.195),hsla(0,0%,100%,.05))}.theme-blue{--bg:#0a1628;--fg:#e3f2ff;--muted:#7cb3ff;--panel-bg:rgba(20,60,120,.4);--panel-border:rgba(124,179,255,.3);--panel-bg-solid:#1a3a5c;--glass-bg:linear-gradient(135deg,rgba(10,30,50,.45),rgba(124,179,255,.06))}.theme-gray{--bg:#1a1a1e;--fg:#f5f5f5;--muted:#b8b8c0;--panel-bg:rgba(50,50,55,.5);--panel-border:hsla(240,7%,73%,.2);--panel-bg-solid:#2d2d32;--glass-bg:linear-gradient(135deg,rgba(40,40,45,.55),hsla(0,0%,100%,.03))}.theme-cream{--bg:#f5f1e8;--fg:#3d2e1f;--muted:#8b7355;--panel-bg:hsla(34,47%,85%,.6);--panel-border:rgba(139,115,85,.25);--panel-bg-solid:#ebe4d6;--glass-bg:linear-gradient(135deg,hsla(36,71%,93%,.85),rgba(139,115,85,.05))}.theme-brown{--bg:#2b1b12;--fg:#efe6dd;--muted:#b99a85;--panel-bg:rgba(60,40,30,.6);--panel-border:rgba(179,128,95,.25);--panel-bg-solid:#3a2418;--glass-bg:linear-gradient(135deg,rgba(60,40,30,.6),hsla(0,0%,100%,.02))}.theme-purple{--bg:#ceb4ff;--fg:#2d1b4e;--muted:#7c5cba;--panel-bg:rgba(230,220,255,.6);--panel-border:rgba(124,92,186,.25);--panel-bg-solid:#e6dcff;--glass-bg:linear-gradient(135deg,rgba(110,80,170,.32),hsla(0,0%,100%,.04))}.theme-pink{--bg:#fff1f6;--fg:#3a1228;--muted:#b76a93;--panel-bg:rgba(255,240,245,.62);--panel-border:rgba(150,100,130,.12);--panel-bg-solid:#ffe6ef;--glass-bg:linear-gradient(135deg,rgba(255,230,245,.6),hsla(0,0%,100%,.02))}.theme-skyblue{--bg:#e3f2fd;--fg:#1e3a5f;--muted:#4a90c7;--panel-bg:rgba(220,240,255,.7);--panel-border:rgba(74,144,199,.25);--panel-bg-solid:#d1e9ff;--glass-bg:linear-gradient(135deg,rgba(200,230,250,.9),rgba(74,144,199,.04))}.theme-sage{--bg:#e8f3e8;--fg:#2d4a2d;--muted:#6b8e6b;--panel-bg:rgba(220,235,220,.7);--panel-border:rgba(107,142,107,.25);--panel-bg-solid:#d8ead8;--glass-bg:linear-gradient(135deg,rgba(220,235,220,.9),rgba(107,142,107,.04))}.theme-sunset{--bg:#000;--fg:#ffeded;--muted:#fff;--panel-bg:rgba(0,0,0,.7);--panel-border:hsla(0,0%,60%,.341);--panel-bg-solid:linear-gradient(135deg,#000,rgba(0,0,0,.38));--glass-bg:linear-gradient(135deg,rgba(0,0,0,.7),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:rgba(64,0,21,.6);--panel-border:rgba(184,122,135,.25);--panel-bg-solid:#2a0f17;--glass-bg:linear-gradient(135deg,rgba(64,0,21,.85),rgba(26,10,14,.9))}.theme-forestgreen{--bg:#0e1a0e;--fg:#e6f0e6;--muted:#7ab97a;--panel-bg:rgba(10,40,10,.6);--panel-border:rgba(122,185,122,.25);--panel-bg-solid:#162616;--glass-bg:linear-gradient(135deg,rgba(10,40,10,.85),rgba(14,26,14,.9))}.theme-gold{--bg:#cb9a2e;--fg:#fff8e1;--muted:#fff;--panel-bg:rgba(30,20,5,.65);--panel-border:rgba(255,215,128,.25);--panel-bg-solid:#2c1f0c;--glass-bg:linear-gradient(135deg,rgba(255,204,102,.08),rgba(30,20,5,.85))}.theme-ai{--bg:#0b0b1a;--fg:#e9f0ff;--muted:#b5c6ff;--panel-bg:rgba(15,20,35,.7);--panel-border:rgba(140,170,255,.25);--panel-bg-solid:linear-gradient(135deg,#11152a,rgba(30,35,60,.5));--glass-bg:linear-gradient(135deg,rgba(60,30,100,.7),rgba(20,30,60,.45));--ai-bg:radial-gradient(circle at 25% 30%,rgba(82,125,254,.4),rgba(141,85,255,.35) 25%,hsla(0,0%,100%,.1) 60%,rgba(0,0,0,.8) 100%),radial-gradient(circle at 80% 70%,rgba(255,90,240,.25),rgba(90,200,255,.25) 30%,rgba(0,0,0,.85) 100%)}.theme-snowleopard{--bg:#000;--fg:#e8e8e8;--muted:#9a9a9a;--panel-bg:rgba(0,0,0,.65);--panel-border:hsla(0,0%,100%,.15);--panel-bg-solid:rgba(0,0,0,.692);--glass-bg:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0) 50%,transparent 0,rgba(0,0,0,.05))}.theme-windowsxp{--bg:#3b6fb3;--fg:#0b1f3a;--muted:#365a8c;--panel-bg:rgba(20,70,150,.4);--panel-border:hsla(0,0%,100%,.5);--panel-bg-solid:#2f5fa5;--glass-bg:linear-gradient(135deg,rgba(190,230,255,.55),hsla(0,0%,100%,.15))}.theme-snowleopard body{background:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(2px 2px at 60% 70%,#fff,transparent),radial-gradient(1px 1px at 50% 50%,#fff,transparent),radial-gradient(1px 1px at 80% 10%,#fff,transparent),radial-gradient(2px 2px at 90% 60%,#fff,transparent),radial-gradient(1px 1px at 33% 80%,#fff,transparent),radial-gradient(1px 1px at 15% 60%,#fff,transparent),radial-gradient(circle at 30% 20%,rgba(242,167,233,.3),transparent 40%),radial-gradient(circle at 70% 80%,rgba(216,110,220,.25),transparent 50%),radial-gradient(circle at 50% 50%,rgba(164,60,191,.2),transparent 60%),radial-gradient(circle at 40% 60%,rgba(75,0,143,.3),transparent 55%),linear-gradient(180deg,#1b0034,#4b008f 20%,#a43cbf 45%,#d86edc 65%,#f2a7e9 80%,hsla(0,0%,100%,.1));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-windowsxp body{background:radial-gradient(ellipse at 70% 18%,hsla(0,0%,100%,.75) 0,hsla(0,0%,100%,0) 55%),radial-gradient(circle at 20% 35%,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0) 50%),linear-gradient(180deg,#5fa4e5,#3b78c5 45%,#2e6cc0 55%,#5fa64a 72%,#4f8d3d);background-attachment:fixed;background-repeat:no-repeat}.theme-snowleopard .text-field{color:#e0e0e0;color:var(--fg)}.theme-snowleopard .nav-bubble,.theme-snowleopard .text-field{background-image:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0) 50%,transparent 0,rgba(0,0,0,.05))}.theme-snowleopard .modal-content .login-submit-btn,.theme-snowleopard .settings-toggles button{background-color:rgba(60,132,198,.8);background-image:-webkit-gradient(linear,0 0,0 90%,from(rgba(28,91,155,.8)),to(rgba(108,191,255,.9)));color:#fff;font-weight:700;text-shadow:hsla(0,0%,4%,.5) 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 rgba(60,132,198,.8);border-radius:25px;color:#363636;max-height:2px}.theme-snowleopard .settings-toggles button:hover{background-color:rgba(37,84,128,.8);background-image:-webkit-gradient(linear,0 0,0 90%,from(rgba(16,51,87,.8)),to(rgba(90,162,218,.9)));color:#fff;font-weight:700;scale:none;text-shadow:hsla(0,0%,4%,.5) 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 rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.5)}.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 rgba(60,132,198,.8);color:#000}.theme-snowleopard .checklist-input:focus,.theme-snowleopard .checklist-input:hover{background-color:#f0f0f0dc;border:2px solid rgba(101,169,233,.8);scale:none}.theme-snowleopard .custom-select-list{background-color:#fff;border:2px solid rgba(60,132,198,.8)}.theme-snowleopard .custom-select-option{color:#000}.theme-snowleopard .custom-select-option:hover{background-color:rgba(60,132,198,.8);background-image:-webkit-gradient(linear,0 0,0 90%,from(rgba(28,91,155,.8)),to(rgba(108,191,255,.9)));border-radius:25px;color:#fff}.theme-windowsxp .text-field{background:linear-gradient(#f7fbff,#dfeaf9);border:1px solid #7f9db9;border-radius:12px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9),inset 0 -1px 0 rgba(0,0,0,.12),0 6px 16px rgba(0,0,0,.2)}.theme-windowsxp .note-header,.theme-windowsxp .view-mode .note-header:hover{border-radius:12px 12px 0 0}.theme-windowsxp .note-header,.theme-windowsxp .toolbar{background:linear-gradient(#f3f7ff,#d6e4f7);border-bottom:1px solid #7f9db9}.theme-windowsxp .note-title-display{color:#0b1f3a}.theme-windowsxp .note-last-modified-header{color:#365a8c}.theme-windowsxp .btn,.theme-windowsxp .login-submit-btn,.theme-windowsxp .settings-toggles button,.theme-windowsxp .toolbar button,.theme-windowsxp .toolbar-actions .done-btn,.theme-windowsxp .toolbar-actions .redo-btn,.theme-windowsxp .toolbar-actions .undo-btn{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#fff,#e2ecfb);border:1px solid #7f9db9;border-radius:6px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9),inset 0 -1px 0 rgba(0,0,0,.12);color:#0b1f3a;text-shadow:0 1px 0 hsla(0,0%,100%,.5)}.theme-windowsxp .btn:hover,.theme-windowsxp .login-submit-btn:hover,.theme-windowsxp .settings-toggles button:hover,.theme-windowsxp .toolbar button:hover,.theme-windowsxp .toolbar-actions .done-btn:hover,.theme-windowsxp .toolbar-actions .redo-btn:hover,.theme-windowsxp .toolbar-actions .undo-btn:hover{background:linear-gradient(#fff7d6,#f5d889);border-color:#5b7fb5;transform:none}.theme-windowsxp .btn:active,.theme-windowsxp .login-submit-btn:active,.theme-windowsxp .settings-toggles button:active,.theme-windowsxp .toolbar button:active,.theme-windowsxp .toolbar-actions .done-btn:active,.theme-windowsxp .toolbar-actions .redo-btn:active,.theme-windowsxp .toolbar-actions .undo-btn:active{background:linear-gradient(#dbe7f8,#fff);box-shadow:inset 0 2px 3px rgba(0,0,0,.15)}.theme-windowsxp .custom-select-button{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#fff,#e2ecfb);border:1px solid #7f9db9;border-radius:6px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9);color:#0b1f3a}.theme-windowsxp .custom-select-button:hover{background:linear-gradient(#fff7d6,#f5d889);border-color:#5b7fb5;transform:none}.theme-windowsxp .custom-select-list{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f7fbff;border:1px solid #7f9db9;border-radius:6px;box-shadow:0 8px 18px rgba(0,0,0,.25)}.theme-windowsxp .custom-select-option{border-radius:4px;color:#0b1f3a;text-shadow:none}.theme-windowsxp .custom-select-option.highlight,.theme-windowsxp .custom-select-option:hover{background:linear-gradient(#cfe3ff,#9fc2f5);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7);color:#0b1f3a;transform:none}.theme-windowsxp .modal-content{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#f7fbff,#e3efff);border:1px solid #7f9db9;border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.35)}.theme-windowsxp .modal-content h1{color:#0b1f3a}.theme-windowsxp .checklist-input,.theme-windowsxp .form-group input{background:#fff;border:1px solid #7f9db9;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);color:#0b1f3a}.theme-windowsxp .checklist-input:focus,.theme-windowsxp .form-group input:focus{border-color:#3b73c8;box-shadow:0 0 0 1px rgba(59,115,200,.35)}.theme-windowsxp .modal-close{background:radial-gradient(circle at 50% 30%,#ff9b9b,#c30000 70%);border:1px solid #7d1c1c;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5);color:#fff0f0}.theme-windowsxp .modal-close:hover{background:radial-gradient(circle at 50% 30%,#ffb3b3,#a00000 70%)}.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:24px;display:flex;justify-content:center;left:50%;max-width:calc(100% - 32px);pointer-events:none;position:fixed;transform:translateX(-50%);width:auto;z-index:1000}.navbar ul{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:hsla(0,0%,8%,.85);background:var(--panel-bg,hsla(0,0%,8%,.85));border:1px solid hsla(0,0%,39%,.4);border:1px solid var(--panel-border,hsla(0,0%,39%,.4));border-radius:30px;display:flex;font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;gap:4px;list-style-type:none;margin:0;padding:8px 12px;pointer-events:auto;position:relative;width:-webkit-fit-content;width:fit-content;z-index:2}.navbar li{display:inline-flex}.navbar li button{align-items:center;background:transparent;border:1px solid transparent;border-radius:20px;color:grey;color:var(--muted,grey);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;gap:6px;letter-spacing:.3px;outline:none;padding:6px 12px;transition:all .15s ease}.navbar li button:hover{background:rgba(50,50,50,.3);background:var(--panel-bg-hover,rgba(50,50,50,.3));border-color:hsla(0,0%,39%,.3);border-color:var(--panel-border,hsla(0,0%,39%,.3));color:#d0d0d0;color:var(--fg,#d0d0d0)}.navbar li button.active{background:hsla(0,0%,59%,.15);background:var(--accent-bg,hsla(0,0%,59%,.15));border-color:#666;border-color:var(--accent,#666);color:#fff;color:var(--fg,#fff);font-weight:600}.navbar li button.active:hover{background:hsla(0,0%,59%,.25);background:var(--accent-bg,hsla(0,0%,59%,.25));border-color:#666;border-color:var(--accent,#666)}.theme-windowsxp .navbar ul{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,#4f86d6,#2f6fc2 55%,#1f5fb6);border:1px solid hsla(0,0%,100%,.55);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45),inset 0 -1px 0 rgba(0,0,0,.25),0 6px 16px rgba(0,0,0,.35)}.theme-windowsxp .navbar li button{border-radius:16px;color:#eaf3ff;text-shadow:0 1px 0 rgba(0,0,0,.35)}.theme-windowsxp .navbar li button:hover{background:linear-gradient(180deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.1));border-color:hsla(0,0%,100%,.6)}.theme-windowsxp .navbar li button.active{background:linear-gradient(180deg,#b7f08a,#7fda4c 55%,#4ea32f);border-color:hsla(0,0%,100%,.6);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),inset 0 -1px 0 rgba(0,0,0,.25);color:#0a2a0a}.theme-windowsxp .navbar li button.active:hover{background:linear-gradient(180deg,#c7f7a2,#8be65a 55%,#55b035)}@media (max-width:768px){.navbar ul{font-size:14px;gap:6px;padding:10px 14px}.navbar li button{font-size:14px;min-height:44px;padding:8px 16px}.navbar li button.active{font-size:16px}}.btn{align-items:center;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.18);border-radius:24px;box-shadow:0 8px 32px 0 hsla(0,0%,41%,.099),inset 0 1px 0 0 hsla(0,0%,100%,.15);color:#fff;color:var(--fg,#fff);display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:12px 20px;transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .1s cubic-bezier(.4,0,.2,1);width:-webkit-fit-content;width:fit-content}.btn:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.08));border-color:hsla(0,0%,100%,.25);box-shadow:0 12px 40px 0 rgba(0,0,0,.252),inset 0 1px 0 0 hsla(0,0%,100%,.2);cursor:pointer;transform:scale(1.02)}.btn:active{box-shadow:0 4px 16px 0 rgba(0,0,0,.3),inset 0 1px 0 0 hsla(0,0%,100%,.1);transform:scale(.98)}.btn:focus{outline:2px solid hsla(0,0%,73%,.3);outline:2px solid var(--muted,hsla(0,0%,73%,.3));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,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.12);border-radius:25px;box-shadow:0 4px 16px 0 rgba(0,0,0,.15);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,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04));border-color:hsla(0,0%,100%,.25);box-shadow:0 4px 16px 0 rgba(0,0,0,.2)}.checklist-input:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,.03));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:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--panel-border,hsla(0,0%,100%,.08));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,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.08);border-radius:16px;box-shadow:0 4px 16px 0 rgba(0,0,0,.15);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:hsla(0,0%,100%,.15);box-shadow:0 8px 24px 0 rgba(0,0,0,.25);transform:scale(1.02)}.checklist-item.completed{background:linear-gradient(135deg,rgba(0,255,0,.05),rgba(0,255,0,.02));border-color:rgba(0,255,0,.15);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,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:2px solid hsla(0,0%,100%,.3);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,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border-color:hsla(0,0%,100%,.5)}.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,rgba(0,255,100,.5),rgba(0,200,80,.4));border-color:rgba(0,255,100,.6);box-shadow:0 0 12px rgba(0,255,100,.3)}.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:rgba(150,0,0,.3);border:1px solid hsla(0,100%,77%,.2);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:rgba(223,0,0,.5);border-color:hsla(0,100%,77%,.4);box-shadow:0 4px 12px rgba(223,0,0,.3);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:hsla(0,0%,8%,.9);background:var(--panel-bg-solid,hsla(0,0%,8%,.9));border:3px solid hsla(0,0%,100%,.08);border:3px solid var(--panel-border,hsla(0,0%,100%,.08));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 hsla(0,0%,100%,.08);border-bottom:1px solid var(--panel-border,hsla(0,0%,100%,.08));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:rgba(30,30,30,.4);background:var(--panel-bg,rgba(30,30,30,.4));border-radius:25px 25px 0 0}.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:rgba(30,30,30,.6);background:var(--panel-bg,rgba(30,30,30,.6));border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--panel-border,hsla(0,0%,100%,.08));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:hsla(0,0%,100%,.02);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:hsla(0,0%,100%,.04);box-shadow:none;color:#e0e0e0;color:var(--fg,#e0e0e0)}.toolbar-actions .done-btn:hover svg{stroke:#e0e0e0;stroke:var(--fg,#e0e0e0)}.toolbar button{background:rgba(30,30,30,.6);background:var(--panel-bg,rgba(30,30,30,.6));border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--panel-border,hsla(0,0%,100%,.08));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:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.12);border-color:var(--panel-border,hsla(0,0%,100%,.12));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:rgba(30,30,30,.6);background:var(--panel-bg,rgba(30,30,30,.6));border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--panel-border,hsla(0,0%,100%,.08));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:rgba(30,30,30,.6);background:var(--panel-bg,rgba(30,30,30,.6));border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--panel-border,hsla(0,0%,100%,.08));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:hsla(0,0%,100%,.06);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:hsla(0,0%,100%,.02);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 hsla(0,0%,100%,.08);border:1px solid var(--panel-border,hsla(0,0%,100%,.08));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:hsla(0,0%,100%,.1);border-radius:10px}.editor::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}.custom-select{display:inline-block;position:relative}.custom-select:active{box-shadow:0 4px 16px 0 rgba(0,0,0,.3),inset 0 1px 0 0 hsla(0,0%,100%,.1);transform:scale(.98)}.custom-select:focus{outline:2px solid hsla(0,0%,73%,.3);outline:2px solid var(--muted,hsla(0,0%,73%,.3));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,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--panel-border,hsla(0,0%,100%,.08));border-radius:20px;box-shadow:0 8px 32px 0 hsla(0,0%,41%,.099),inset 0 1px 0 0 hsla(0,0%,100%,.15);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,hsla(0,0%,100%,.15),hsla(0,0%,100%,.08));border-color:hsla(0,0%,100%,.12);border-color:var(--panel-border,hsla(0,0%,100%,.12));box-shadow:0 12px 40px 0 rgba(0,0,0,.252),inset 0 1px 0 0 hsla(0,0%,100%,.2);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 hsla(0,0%,100%,.18);border-radius:20px;box-shadow:0 20px 70px rgba(0,0,0,.7),0 6px 18px rgba(0,0,0,.45),0 4px 12px hsla(0,0%,100%,.08),inset 0 1px 0 hsla(0,0%,100%,.06),inset 0 -1px 0 rgba(0,0,0,.08);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,hsla(0,0%,100%,.12),hsla(0,0%,100%,.06));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1);transform:scale(1.02)}.custom-select-list::-webkit-scrollbar{width:8px}.custom-select-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:8px}.custom-select-list::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.14)}.text-field{margin-bottom:32px}.note-item{margin-bottom:20px;overflow:visible;position:relative}.note-footer{grid-gap:12px;align-items:center;background:rgba(30,30,30,.6);background:var(--panel-bg,rgba(30,30,30,.6));border-radius:0 0 25px 25px;border-top:1px solid hsla(0,0%,100%,.04);border-top:1px solid var(--panel-border,hsla(0,0%,100%,.04));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:transparent;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 hsla(0,100%,77%,.12);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:#00000000;border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--panel-border,hsla(0,0%,100%,.08));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:hsla(0,0%,8%,.9);background:var(--panel-bg-solid,hsla(0,0%,8%,.9));border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--panel-border,hsla(0,0%,100%,.08));border-radius:20px;box-shadow:0 8px 32px 0 rgba(0,0,0,.24);box-sizing:border-box;margin-bottom:20px;max-width:100%;overflow:visible;padding:32px;position:relative;transition:all .3s ease;width:100%;z-index:1}.settings-section{padding:0 0 24px}.settings-section:last-child{padding-bottom:0}.settings-section h2{font-size:1.4em;font-weight:600;letter-spacing:.5px;margin-bottom:16px;margin-top:0}.settings-section h2,.settings-section label{color:#e0e0e0;color:var(--fg,#e0e0e0)}.settings-divider{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);background:linear-gradient(to right,transparent,var(--panel-border,hsla(0,0%,100%,.15)),transparent);border:none;height:1px;margin:24px 0;opacity:.6}.theme-windowsxp .settings-toggles{background:linear-gradient(#f7fbff,#e3efff);border:1px solid #7f9db9;box-shadow:0 8px 20px rgba(0,0,0,.2)}.theme-windowsxp .settings-section h2,.theme-windowsxp .settings-section label{color:#0b1f3a}.theme-windowsxp .settings-divider{background:linear-gradient(90deg,transparent,rgba(127,157,185,.8),transparent)}.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 hsla(0,0%,100%,.18);border-radius:24px;box-shadow:0 16px 48px 0 rgba(0,0,0,.4);max-width:450px;padding:40px;position:relative;width:100%}.modal-close{align-items:center;background:red;border:1px solid hsla(0,100%,77%,.2);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:rgba(223,0,0,.5);border-color:hsla(0,100%,77%,.4)}.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,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.12);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,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04));border-color:hsla(0,0%,100%,.3);box-shadow:0 4px 16px 0 rgba(0,0,0,.2)}.login-submit-btn{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.08));border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 8px 24px 0 rgba(0,0,0,.2),inset 0 1px 0 0 hsla(0,0%,100%,.15);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,hsla(0,0%,100%,.2),hsla(0,0%,100%,.12));border-color:hsla(0,0%,100%,.3);box-shadow:0 12px 32px 0 rgba(0,0,0,.3),inset 0 1px 0 0 hsla(0,0%,100%,.2);transform:scale(1.02)}.login-submit-btn:active{box-shadow:0 4px 16px 0 rgba(0,0,0,.3),inset 0 1px 0 0 hsla(0,0%,100%,.1);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}}.weather-text{color:#dcdcdc;color:var(--fg,#dcdcdc);font-family:inherit;font-size:inherit;letter-spacing:.02em;margin:10px 0 0;text-align:center}.weather-separator{margin:0 .3em}.weather-separator,.weather-text.weather-loading{color:#9a9a9a;color:var(--muted,#9a9a9a)}.weather-text.weather-error{color:#ff6b6b}#home-content h1{border-radius:30px;color:#dcdcdc;color:var(--fg,#dcdcdc);margin:0 auto;text-align:center;width:-webkit-max-content;width:max-content}
/*# sourceMappingURL=main.c0ad9f25.css.map*/