@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.site-header{z-index:10;background:#10172af5;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:82px;padding:16px 6%;display:flex;position:relative}.brand{color:#fff;letter-spacing:1.5px;align-items:center;gap:11px;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.brand img{border-radius:12px;width:42px;height:42px}.header-nav{align-items:center;gap:24px;display:flex}.header-nav a{color:#cbd2e5;font-size:.95rem;text-decoration:none;transition:color .2s}.header-nav a:hover{color:#a99cff}.header-actions{align-items:center;gap:12px;display:flex}.header-button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;padding:10px 17px;font-weight:600;transition:transform .2s,background .2s}.header-button:hover{transform:translateY(-1px)}.header-outline{color:#fff;background:0 0;border-color:#454e69}.header-outline:hover{background:#ffffff12}.header-primary{color:#fff;background:#8b7cff}.header-primary:hover{background:#7565e8}.user-email{text-overflow:ellipsis;white-space:nowrap;color:#cbd2e5;max-width:220px;font-size:.9rem;overflow:hidden}@media (width<=600px){.site-header{flex-wrap:wrap;gap:10px;padding:14px 4%}.brand{font-size:1.05rem}.brand img{width:35px;height:35px}.header-nav{display:none}.header-actions{gap:7px}.header-button{padding:9px 11px;font-size:.85rem}.user-email{display:none}}.site-footer{color:#aeb8d0;text-align:center;background:#10172a;border-top:1px solid #ffffff14;padding:36px 6% 24px}.footer-brand{color:#fff;letter-spacing:1px;align-items:center;gap:9px;font-weight:800;text-decoration:none;display:inline-flex}.footer-brand img{border-radius:8px;width:30px;height:30px}.site-footer>p{margin:14px 0 26px;font-size:.92rem;line-height:1.6}.footer-bottom{border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;font-size:.8rem;display:flex}@media (width<=600px){.site-footer{padding:30px 5% 20px}.footer-bottom{flex-direction:column;gap:8px}}.powered-by{font-size:.8rem}.powered-by strong{font-weight:700}:root{color:#f4f5fc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--navy:#10172a;--navy-light:#171f36;--purple:#8b7cff;--purple-hover:#7565e8;--text-muted:#aeb8d0;--border:#ffffff1a;--panel:#151d32;background:#0b1020;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:#0b1020;min-width:320px;min-height:100vh;margin:0}body,button,input,textarea{font-family:DM Sans,Arial,sans-serif}button,input,textarea{font-size:1rem}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #8b7cffa6}button:disabled{opacity:.65;cursor:not-allowed}button:disabled:hover{transform:none}a{color:inherit}.app-shell{background:radial-gradient(at 12% 8%,#6551cd17,#0000 32%),#0b1020;flex-direction:column;min-height:100vh;display:flex}.loading-screen{min-height:100vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loading-spinner{border:3px solid #8b7cff33;border-top-color:var(--purple);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.landing-main{flex:1;width:100%}.hero-section{grid-template-columns:1fr .95fr;align-items:center;gap:65px;width:min(1180px,90%);min-height:650px;margin:0 auto;padding:100px 0 90px;display:grid}.hero-copy{z-index:1;position:relative}.eyebrow{color:#a99cff;letter-spacing:2px;font-size:.76rem;font-weight:700;line-height:1.6;display:inline-block}.hero-copy h1,.dashboard-heading h1{letter-spacing:-2px;margin:20px 0;font-family:Manrope,Arial,sans-serif;font-size:clamp(2.8rem,5.3vw,4.6rem);font-weight:800;line-height:1.12}.hero-copy h1 span,.dashboard-heading h1 span{color:var(--purple)}.hero-description{max-width:500px;color:var(--text-muted);font-size:1.12rem;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.primary-button,.secondary-button{text-align:center;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:13px 20px;font-weight:700;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.primary-button{color:#fff;background:var(--purple);border:1px solid var(--purple);box-shadow:0 7px 24px #8b7cff2b}.primary-button:hover:not(:disabled){background:var(--purple-hover);border-color:var(--purple-hover);transform:translateY(-2px)}.secondary-button{color:#e5e7f4;background:0 0;border:1px solid #414b68}.secondary-button:hover:not(:disabled){background:#ffffff0d;border-color:#7970b9}.hero-promise{color:#9da8c2;align-items:center;gap:9px;margin-top:26px;font-size:.88rem;display:flex}.hero-promise span{color:#a99cff}.hero-visual{justify-content:center;align-items:center;min-width:0;padding:18px;display:flex;position:relative}.glow{filter:blur(1px);pointer-events:none;border-radius:50%;position:absolute}.glow-one{filter:blur(55px);background:#6f5be129;width:220px;height:220px;top:8%;right:4%}.glow-two{filter:blur(55px);background:#4570e621;width:190px;height:190px;bottom:8%;left:2%}.preview-window{background:#141c30f2;border:1px solid #b9b2ff3d;border-radius:20px;width:100%;max-width:470px;position:relative;overflow:hidden;transform:rotate(1deg);box-shadow:0 30px 90px #00000059}.preview-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:17px 20px;display:flex}.window-dots{gap:5px;display:flex}.window-dots span{background:#6e7893;border-radius:50%;width:8px;height:8px}.window-dots span:first-child{background:#f18a9c}.window-dots span:nth-child(2){background:#edc26d}.window-dots span:nth-child(3){background:#83d8b1}.preview-label{color:#f3f2ff;letter-spacing:1.5px;font-size:.76rem;font-weight:800}.preview-status{color:#9fa9c3;letter-spacing:1px;font-size:.62rem}.preview-content{padding:24px}.preview-welcome{align-items:center;gap:14px;margin-bottom:24px;display:flex}.preview-icon{background:#8b7cff1f;border-radius:13px;flex-shrink:0;width:47px;height:47px;padding:5px}.preview-icon img{width:100%;height:100%}.preview-greeting{color:#a99cff;letter-spacing:1.3px;margin:0 0 5px;font-size:.65rem}.preview-welcome h2{color:#fff;margin:0;font-family:Manrope,Arial,sans-serif;font-size:1.18rem}.preview-note{border:1px solid #ffffff12;border-radius:13px;align-items:flex-start;gap:14px;margin-top:12px;padding:17px;display:flex}.preview-purple{background:#8b7cff1a}.preview-blue{background:#599cf517}.preview-pink{background:#f07cb114}.preview-note-icon{color:#b8adff;background:#ffffff12;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;font-size:1.15rem;display:flex}.preview-note h3{color:#f5f6ff;margin:0 0 5px;font-size:.95rem}.preview-note p{color:#aeb8d0;margin:0;font-size:.8rem;line-height:1.6}.preview-bottom{color:#7f8aa7;justify-content:space-between;margin-top:22px;font-size:.75rem;display:flex}.preview-bottom span:last-child{color:#a99cff}.features-section{border-top:1px solid var(--border);background:#ffffff05;padding:85px 5% 100px}.section-heading{text-align:center;max-width:650px;margin:0 auto 44px}.section-heading h2{color:#fff;letter-spacing:-1px;margin:14px 0;font-family:Manrope,Arial,sans-serif;font-size:clamp(2rem,4vw,2.8rem)}.section-heading p{color:var(--text-muted);line-height:1.8}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:min(1080px,100%);margin:0 auto;display:grid}.feature-card{border:1px solid var(--border);background:linear-gradient(145deg,#1b243dd9,#11182ad9);border-radius:16px;padding:28px;transition:transform .2s,border-color .2s}.feature-card:hover{border-color:#8b7cff73;transform:translateY(-4px)}.feature-icon{color:#b7adff;background:#8b7cff21;border-radius:13px;justify-content:center;align-items:center;width:47px;height:47px;font-size:1.4rem;display:flex}.feature-card h3{color:#f5f6ff;margin:22px 0 10px;font-size:1.1rem}.feature-card p{color:var(--text-muted);margin:0;font-size:.93rem;line-height:1.8}.auth-section{justify-content:center;padding:25px 20px 90px;scroll-margin-top:20px;display:flex}.auth-card{background:#151d32;border:1px solid #b9b2ff33;border-radius:20px;width:min(100%,440px);padding:34px;position:relative;box-shadow:0 25px 70px #00000040}.auth-close{border:1px solid var(--border);color:#cbd2e5;cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.5rem;display:flex;position:absolute;top:14px;right:16px}.auth-close:hover{background:#ffffff0f}.auth-heading{text-align:center}.auth-icon{background:#8b7cff1f;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;padding:6px;display:flex}.auth-icon img{width:100%;height:100%}.auth-heading h2{color:#fff;margin:10px 0;font-family:Manrope,Arial,sans-serif;font-size:1.8rem}.auth-heading p{color:var(--text-muted);margin:0 0 25px;font-size:.92rem;line-height:1.7}.auth-message{color:#d9d3ff;overflow-wrap:anywhere;background:#8b7cff14;border:1px solid #8b7cff40;border-radius:9px;padding:12px;font-size:.88rem;line-height:1.6}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-form label,.note-editor label{color:#dce1f2;margin-top:8px;font-size:.88rem;font-weight:600}.auth-form input,.note-editor input,.note-editor textarea{color:#f5f6ff;background:#0f1629;border:1px solid #37425e;border-radius:9px;outline:none;width:100%;padding:13px 14px;transition:border-color .2s,box-shadow .2s}.auth-form input::placeholder,.note-editor input::placeholder,.note-editor textarea::placeholder{color:#78839f}.auth-form input:focus,.note-editor input:focus,.note-editor textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #8b7cff1f}.auth-submit{width:100%;margin-top:12px}.auth-switch{color:var(--text-muted);text-align:center;margin:22px 0 0;font-size:.9rem}.auth-switch button{color:#b7adff;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.auth-switch button:hover{color:#d0c9ff}.dashboard-main{flex:1;width:min(1120px,90%);margin:0 auto;padding:65px 0 100px}.dashboard-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:40px;display:flex}.dashboard-heading h1{margin:12px 0;font-size:clamp(2.4rem,4vw,3.5rem)}.dashboard-heading p{color:var(--text-muted);margin:0;line-height:1.8}.dashboard-badge{border:1px solid var(--border);color:#cbd2e5;white-space:nowrap;background:#ffffff08;border-radius:30px;align-items:center;gap:9px;padding:12px 16px;font-size:.85rem;display:flex}.online-dot{background:#77d6a8;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #77d6a866}.dashboard-message{color:#d9d3ff;overflow-wrap:anywhere;background:#8b7cff12;border:1px solid #8b7cff33;border-radius:9px;padding:12px 15px;font-size:.9rem;line-height:1.6}.notes-section{border:1px solid var(--border);background:linear-gradient(145deg,#171f36fa,#12192cfa);border-radius:17px;padding:30px;box-shadow:0 20px 55px #0000001f}.editor-heading{margin-bottom:22px}.editor-heading h2,.saved-notes-heading h2{color:#fff;margin:8px 0 0;font-family:Manrope,Arial,sans-serif;font-size:1.55rem}.note-editor{flex-direction:column;gap:10px;display:flex}.note-editor input,.note-editor textarea{background:#0d1426}.note-editor textarea{resize:vertical;min-height:160px;line-height:1.7}.editor-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.saved-notes-section{margin-top:65px}.saved-notes-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.note-count{border:1px solid var(--border);color:#c5cbe0;background:#ffffff0a;border-radius:30px;padding:8px 12px;font-size:.85rem}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.note-card{border:1px solid var(--border);overflow-wrap:anywhere;background:#151d32;border-radius:14px;min-width:0;padding:22px;transition:transform .2s,border-color .2s;box-shadow:2px 3px 3px #000}.note-card:hover{border-color:#8b7cff66;transform:translateY(-3px)}.note-card h2{color:#f4f5fc;margin:0 0 14px;font-family:Manrope,Arial,sans-serif;font-size:1.15rem;line-height:1.5}.note-card p{color:#c2cbe0;white-space:pre-wrap;overflow-wrap:anywhere;background:#10172a;border:1px solid #ffffff0f;border-radius:9px;margin:0 0 18px;padding:14px;font-size:.94rem;line-height:1.8}.note-card button{cursor:pointer;border:1px solid #0000;border-radius:8px;margin:0 8px 5px 0;padding:9px 14px;font-size:.87rem;font-weight:600;transition:background .2s}.note-card button:first-of-type{color:#c6beff;background:#8b7cff26;border-color:#8b7cff33}.note-card button:first-of-type:hover{background:#8b7cff40}.note-card button:last-of-type{color:#ffabb9;background:#ef698117;border-color:#ef698133}.note-card button:last-of-type:hover{background:#ef69812b}.empty-notes{text-align:center;background:#ffffff04;border:1px dashed #3c4662;border-radius:15px;padding:55px 25px}.empty-notes-icon{color:#b7adff;background:#8b7cff21;border-radius:16px;justify-content:center;align-items:center;width:55px;height:55px;margin:0 auto 18px;font-size:1.7rem;display:flex}.empty-notes h3{color:#fff;margin:0 0 10px;font-size:1.15rem}.empty-notes p{max-width:400px;color:var(--text-muted);margin:0 auto;line-height:1.8}@media (width<=900px){.hero-section{grid-template-columns:1fr;gap:50px;min-height:auto;padding-top:75px;padding-bottom:75px}.hero-copy{max-width:650px}.hero-visual{width:100%}.preview-window{max-width:520px}.features-grid{grid-template-columns:1fr;max-width:560px}}@media (width<=650px){.hero-section{gap:35px;width:90%;padding-top:60px;padding-bottom:55px}.hero-copy h1{letter-spacing:-1.5px;font-size:clamp(2.5rem,11vw,3.5rem)}.hero-description{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions button{width:100%}.hero-visual{padding:4px}.preview-content{padding:16px}.preview-toolbar{padding:14px}.preview-status{display:none}.features-section{padding:65px 5%}.feature-card{padding:23px}.auth-section{padding:15px 5% 65px}.auth-card{padding:28px 21px}.dashboard-main{width:90%;padding:45px 0 70px}.dashboard-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:30px}.dashboard-heading h1{font-size:2.6rem}.notes-section{padding:21px}.saved-notes-section{margin-top:45px}.notes-grid{grid-template-columns:1fr}.saved-notes-heading{align-items:flex-start}.editor-actions button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.note-modal{color:#f5f3ff;background:#24143f;border:1px solid #c4b5fd40;border-radius:20px;width:min(100%,620px);max-height:85vh;padding:28px;overflow-y:auto;box-shadow:2px 3px 3px #000}.view-modal{width:min(100%,720px)}.modal-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.modal-heading h2{color:#fff;overflow-wrap:anywhere;margin:0;font-size:1.5rem;font-weight:700;line-height:1.4}.modal-close{color:#ddd6fe;cursor:pointer;background:0 0;border:0;flex-shrink:0;font-size:30px;line-height:1}.modal-note-content{white-space:pre-wrap;overflow-wrap:anywhere;color:#e9e2ff;min-height:100px;max-height:55vh;margin-bottom:24px;line-height:1.8;overflow-y:auto}.edit-modal form{flex-direction:column;gap:12px;display:flex}.edit-modal label{color:#e9ddff;font-weight:600}.edit-modal input,.edit-modal textarea{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#160d29;border:1px solid #65508a;border-radius:10px;padding:12px 14px}.edit-modal input:focus,.edit-modal textarea:focus{outline-offset:2px;outline:2px solid #a78bfa}.edit-modal textarea{resize:vertical;min-height:200px}.modal-message{color:#ddd6fe;overflow-wrap:anywhere}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:20px;display:flex}@media (width<=480px){.note-modal{border-radius:16px;padding:20px}.modal-actions>button{flex:1}}:root[data-theme=light]{color:#272442;--navy:#f0edff;--navy-light:#e7e2fb;--purple:#6d5bd0;--purple-hover:#5845bd;--text-muted:#625f7a;--border:#30275a29;--panel:#fff;background:#f7f6ff}:root[data-theme=light] body{color:#272442;background:#f7f6ff}:root[data-theme=light] .app-shell{background:radial-gradient(at 12% 8%,#6d5bd01a,#0000 32%),#f7f6ff}:root[data-theme=light] .landing-main,:root[data-theme=light] .dashboard-main,:root[data-theme=light] .landing-main h1,:root[data-theme=light] .landing-main h2,:root[data-theme=light] .landing-main h3,:root[data-theme=light] .dashboard-main h1,:root[data-theme=light] .dashboard-main h2,:root[data-theme=light] .dashboard-main h3{color:#272442}:root[data-theme=light] .landing-main p,:root[data-theme=light] .dashboard-main p{color:#625f7a}:root[data-theme=light] .note-card{color:#272442;background:#fff;border-color:#30275a29;box-shadow:0 3px 12px #30275a14}:root[data-theme=light] .note-card h2{color:#272442}:root[data-theme=light] .note-card p{color:#625f7a}:root[data-theme=light] .site-header{background:#fffffff5;border-bottom-color:#30275a24}:root[data-theme=light] .brand{color:#272442}:root[data-theme=light] .header-nav a,:root[data-theme=light] .user-email{color:#625f7a}:root[data-theme=light] .header-nav a:hover{color:#6d5bd0}:root[data-theme=light] .header-outline{color:#51438e;border-color:#c8c0e9}:root[data-theme=light] .header-outline:hover{background:#eeeaff}:root[data-theme=light] .site-footer{color:#625f7a;background:#eeecfa;border-top-color:#30275a24}:root[data-theme=light] .footer-brand{color:#272442}:root[data-theme=light] .footer-bottom{border-top-color:#30275a24}:root[data-theme=light] .powered-by strong{color:#51438e}:root[data-theme=light] .modal-backdrop{background:#19143259}:root[data-theme=light] .note-modal{color:#272442;background:#fff;border-color:#ddd6f7;box-shadow:0 24px 80px #30275a33}:root[data-theme=light] .modal-heading h2{color:#272442}:root[data-theme=light] .modal-close{color:#62558f}:root[data-theme=light] .modal-note-content,:root[data-theme=light] .edit-modal label{color:#45415f}:root[data-theme=light] .edit-modal input,:root[data-theme=light] .edit-modal textarea{color:#272442;background:#fbfaff;border-color:#d4cdef}:root[data-theme=light] .edit-modal input:focus,:root[data-theme=light] .edit-modal textarea:focus{outline-color:#8b7cff}:root[data-theme=light] .modal-message{color:#51438e}.notes-search{max-width:520px;margin-bottom:24px}.notes-search label{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.notes-search input{box-sizing:border-box;border:1px solid var(--border);background:var(--panel);width:100%;color:inherit;font:inherit;border-radius:10px;padding:12px 14px;transition:border-color .2s}.notes-search input:focus{outline:2px solid var(--purple);outline-offset:2px}.note-timestamp{color:var(--text-muted);margin:12px 0 18px;font-size:.8rem;line-height:1.5;display:block}.create-note-modal{position:relative}.modal-close-button{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:1.8rem;line-height:1;position:absolute;top:14px;right:16px}.modal-close-button:hover{background:#ffffff1a}.create-note-modal .editor-heading{padding-right:32px}