@import url(https://fonts.googleapis.com/css2?family=Geist+Pixel&family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Playpen+Sans:wght@100..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Playpen+Sans:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Dancing+Script:wght@400;600;700&family=Indie+Flower&family=Kalam:wght@300;400;700&family=Patrick+Hand&family=Shadows+Into+Light&display=swap);:root{--bg-primary:#000;--bg-secondary:#000;--bg-card:#08080a;--bg-hover:#121216;--border:#18181b;--accent:#6d5dfb;--accent-light:#8c85ff;--accent-glow:#6d5dfb26;--green:#22c55e;--red:#ef4444;--yellow:#f59e0b;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--gradient:linear-gradient(135deg,#6d5dfb,#5b4af7);--shadow:0 4px 24px #000c}body.light{--bg-primary:#f0fafa;--bg-secondary:#e0f2f1;--bg-card:#fff;--bg-hover:#ccefed;--border:#b2dfdb;--accent:#0d9488;--accent-light:#0f766e;--accent-glow:#0d94881f;--green:#16a34a;--red:#dc2626;--yellow:#d97706;--text-primary:#0f2e2b;--text-secondary:#2d6e69;--text-muted:#5fa39e;--gradient:linear-gradient(135deg,#0d9488,#0f766e);--shadow:0 4px 24px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#000;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Playpen Sans,cursive,sans-serif;min-height:100vh;transition:background .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:Geist Pixel,Libre Caslon Text,Crimson Pro,Georgia,serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#18181b;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6d5dfb;background:var(--accent)}.card{background:#08080a;background:var(--bg-card);border:1px solid #18181b;border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#6d5dfb;border-color:var(--accent);box-shadow:0 0 0 1px #6d5dfb26;box-shadow:0 0 0 1px var(--accent-glow)}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#6d5dfb,#5b4af7);background:var(--gradient);color:#fff}.btn-primary:hover{box-shadow:0 4px 20px #6d5dfb26;box-shadow:0 4px 20px var(--accent-glow);opacity:.9;transform:translateY(-1px)}.btn-secondary{background:#121216;background:var(--bg-hover);border:1px solid #18181b;border:1px solid var(--border);color:#fff;color:var(--text-primary)}.btn-secondary:hover{border-color:#6d5dfb;border-color:var(--accent)}.btn-ghost{background:#0000;color:#a1a1aa;color:var(--text-secondary)}.btn-ghost:hover{background:#121216;background:var(--bg-hover);color:#fff;color:var(--text-primary)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.input,.select,.textarea{background:#000;background:var(--bg-secondary);border:1px solid #18181b;border:1px solid var(--border);border-radius:8px;color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.875rem;outline:none;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:#6d5dfb;border-color:var(--accent);box-shadow:0 0 0 3px #6d5dfb26;box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder,.textarea::placeholder{color:#71717a;color:var(--text-muted)}.textarea{min-height:100px;resize:vertical}.select option{background:#08080a;background:var(--bg-card)}.label{color:#a1a1aa;color:var(--text-secondary);display:block;font-size:.8rem;font-weight:500;margin-bottom:.4rem}.badge,.label{letter-spacing:.05em;text-transform:uppercase}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:600;gap:.25rem;padding:.2rem .6rem}.badge-purple{background:#0d948826;border:1px solid #0d94884d;color:#8c85ff;color:var(--accent-light)}.badge-green{background:#22c55e1f;border:1px solid #22c55e40;color:#22c55e;color:var(--green)}.badge-yellow{background:#f59e0b1f;border:1px solid #f59e0b40;color:#f59e0b;color:var(--yellow)}.badge-red{background:#ef44441f;border:1px solid #ef444440;color:#ef4444;color:var(--red)}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.page-header p{color:#a1a1aa;color:var(--text-secondary);font-size:.9rem}.grid-2{grid-gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3{display:grid;gap:1.5rem}.grid-3{grid-gap:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{gap:1rem}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:10px;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-value{font-family:Space Grotesk,sans-serif;font-size:1.6rem;font-weight:700}.stat-label{color:#a1a1aa;color:var(--text-secondary);font-size:.8rem;margin-top:.1rem}.stat-change{font-size:.75rem;font-weight:500;margin-top:.2rem}.stat-change.up{color:#22c55e;color:var(--green)}.stat-change.down{color:#ef4444;color:var(--red)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin .8s linear infinite;border:2px solid #fff3;height:20px;width:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .4s ease forwards}@media (min-width:769px){.bottom-nav,.mobile-topbar{display:none!important}.collapse-btn{display:flex!important}.layout-main{min-width:0;padding:2rem!important}}@media (max-width:768px){.desktop-sidebar{height:100vh!important;left:0!important;position:fixed!important;top:0!important;transform:translateX(-100%)!important;transition:transform .3s ease!important;width:220px!important;z-index:200!important}.desktop-sidebar.mobile-open{transform:translateX(0)!important}.collapse-btn{display:none!important}.bottom-nav,.mobile-topbar{display:flex!important}.layout-main{margin-top:56px!important;overflow-x:hidden!important;padding:.25rem .25rem 90px!important;width:100%!important}.layout-main>*{min-width:0}.card{padding:1rem!important}.page-header{margin-bottom:1.25rem!important}.page-header h1{font-size:1.4rem!important}.grid-2,.grid-3,.grid-4{gap:.75rem!important;grid-template-columns:1fr!important}.stat-value{font-size:1.35rem!important}canvas{max-width:100%!important}.top-post-row{flex-wrap:wrap!important;gap:.4rem!important}.hp-nav-links{display:none!important}.hp-nav-btn-fill,.hp-nav-btn-outline{font-size:.78rem!important;padding:.4rem .75rem!important}.hp-hero{align-items:center!important;flex-direction:column!important;gap:2.5rem!important;min-height:0!important;min-height:auto!important;padding:7rem 1.25rem 3.5rem!important;text-align:center!important}.hp-hero-content,.hp-hero-visual{flex:initial!important;width:100%!important}.hp-hero-visual{margin:0!important;max-width:100%!important}.hp-cta-row{align-items:stretch!important;flex-direction:column!important;width:100%!important}.hp-cta-row a,.hp-cta-row button{justify-content:center!important;text-align:center!important;width:100%!important}.hp-trust-row{justify-content:center!important}.hp-stats-inner{gap:1.5rem!important;grid-template-columns:repeat(2,1fr)!important;padding:2rem 1.25rem!important}.hp-feat-grid{grid-template-columns:1fr!important}.hp-section{padding:4rem 1.25rem!important}.hp-cta-box{padding:2.5rem 1.25rem!important}.hp-cta-h2{font-size:1.75rem!important}}.auth-page-root{align-items:center;animation:authBackdropFade .25s ease-out;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);background:#0b0f198c;color:#1f2123;display:flex;font-family:Plus Jakarta Sans,sans-serif;inset:0;justify-content:center;overflow-y:auto;padding:1.5rem;position:fixed;z-index:250}@keyframes authBackdropFade{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);opacity:1}}.auth-single-card-wrapper{animation:authCardScale .25s cubic-bezier(.16,1,.3,1);margin:auto;max-width:440px;position:relative;width:100%}.auth-floating-close-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #00000014;border-radius:50%;box-shadow:0 4px 14px #0000002e;color:#4b5563;cursor:pointer;display:flex;height:34px;justify-content:center;position:absolute;right:-12px;top:-12px;transition:all .2s cubic-bezier(.16,1,.3,1);width:34px;z-index:30}.auth-floating-close-btn:hover{background:#0f172a;border-color:#0f172a;color:#fff;transform:scale(1.08) rotate(90deg)}.cl-rootBox{margin:auto!important;max-width:440px!important;width:100%!important}.cl-cardBox{backdrop-filter:blur(24px) saturate(190%)!important;-webkit-backdrop-filter:blur(24px) saturate(190%)!important;background:#ffffffe0!important;border:1px solid #ffffffb3!important;border-radius:26px!important;box-shadow:0 30px 80px -15px #00000061,0 0 0 1px #fff6!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.cl-card{border:none!important;box-shadow:none!important;margin:0!important;padding-bottom:0!important}.cl-card,.cl-main{background:#0000!important;border-radius:0!important}.cl-footer{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#fafaf9b8!important;border-radius:0!important;border-top:1px solid #f0eee8cc!important;margin:0!important}.cl-footerAction{padding:.85rem 1.5rem!important}.auth-card-container{animation:authCardScale .25s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);background:#ffffffe0;border:1px solid #ffffffb3;border-radius:28px;box-shadow:0 30px 80px -15px #0000004d,0 0 1px #0000001f;margin:auto;max-width:450px;padding:2.25rem 2.25rem 2rem;position:relative;width:100%;z-index:10}@keyframes authCardScale{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.auth-brand-row{align-items:center;display:flex;gap:.65rem}.auth-brand-title{color:#1f2123;font-family:Space Grotesk,sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:-.02em}.auth-close-btn{align-items:center;background:#f4f3ee;border:1px solid #0000000f;border-radius:50%;color:#71757c;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.auth-close-btn:hover{background:#1f2123;color:#fff;transform:rotate(90deg)}.auth-title-section{margin-bottom:1.35rem;text-align:left}.auth-title{color:#1f2123!important;font-family:Geist Pixel,Libre Caslon Text,Georgia,serif!important;font-size:1.85rem!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.2!important;margin:0 0 .35rem!important}.auth-subtitle{color:#71757c;font-size:.88rem;line-height:1.45;margin:0}.auth-google-btn{align-items:center;background:#fff;border:1.5px solid #e2e4e9;border-radius:14px;box-shadow:0 2px 6px #0000000a;color:#1f2123;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-size:.92rem;font-weight:700;gap:.75rem;height:46px;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);width:100%}.auth-google-btn:hover:not(:disabled){background:#fafaf9;border-color:#cbd0d8;box-shadow:0 4px 14px #00000014;transform:translateY(-1px)}.auth-google-btn:active:not(:disabled){background:#f3f3f1;transform:translateY(0)}.auth-google-btn:disabled{cursor:not-allowed;opacity:.65}.auth-google-icon{flex-shrink:0}.auth-divider{align-items:center;color:#9499a1;display:flex;font-size:.7rem;font-weight:800;gap:.85rem;letter-spacing:.08em;margin:1.15rem 0;text-transform:uppercase}.auth-divider-line{background:#e6e8ec;flex:1 1;height:1px}.auth-divider-text{font-family:Space Grotesk,sans-serif}.auth-tab-bar{background:#f4f3ee;border-radius:12px;display:flex;gap:3px;margin-bottom:1.15rem;padding:3px}.auth-tab-item{align-items:center;background:#0000;border:none;border-radius:9px;color:#71757c;cursor:pointer;display:flex;flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-size:.82rem;font-weight:700;gap:.4rem;justify-content:center;padding:.5rem .65rem;transition:all .2s ease}.auth-tab-item.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#1f2123}.auth-input-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.95rem;text-align:left}.auth-label{color:#474b52;font-size:.8rem;font-weight:700}.auth-input-wrapper{align-items:center;background:#fafaf9;border:1.5px solid #e4e6ea;border-radius:13px;display:flex;gap:.75rem;padding:.68rem .9rem;transition:all .2s ease}.auth-input-wrapper:focus-within{background:#fff;border-color:#1f2123;box-shadow:0 0 0 3px #1f212314}.auth-input-icon{color:#9aa0a6;flex-shrink:0}.auth-input-field{background:#0000;border:none;color:#1f2123;flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-size:.92rem;outline:none;padding:0}.auth-input-field::placeholder{color:#a3a7af}.auth-eye-btn{align-items:center;background:none;border:none;color:#71757c;cursor:pointer;display:flex;padding:0;transition:color .15s ease}.auth-eye-btn:hover{color:#1f2123}.auth-otp-grid{grid-gap:.45rem;display:grid;gap:.45rem;grid-template-columns:repeat(6,1fr);margin:1.25rem 0}.auth-otp-box{background:#fafaf9;border:2px solid #e4e6ea;border-radius:12px;color:#1f2123;font-family:Space Grotesk,monospace;font-size:1.35rem;font-weight:800;height:50px;outline:none;text-align:center;transition:all .2s ease;width:100%}.auth-otp-box:focus{background:#fff;border-color:#1f2123;box-shadow:0 0 0 3px #1f21231a;transform:translateY(-2px)}.auth-submit-btn{align-items:center;background:#1f2123;border:none;border-radius:13px;box-shadow:0 4px 14px #0000001f;color:#fff;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-size:.92rem;font-weight:800;gap:.5rem;height:46px;justify-content:center;margin-top:.5rem;transition:all .2s cubic-bezier(.16,1,.3,1);width:100%}.auth-submit-btn:hover:not(:disabled){background:#000;box-shadow:0 8px 20px #0003;transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6}.auth-footer{color:#71757c;font-size:.85rem;margin-top:1.35rem;text-align:center}.auth-footer-link{color:#1f2123;font-weight:800;margin-left:.35rem;text-decoration:none;transition:color .15s ease}.auth-footer-link:hover{color:#000;text-decoration:underline}.auth-trust-note{align-items:center;color:#8c919a;display:flex;font-size:.75rem;font-weight:600;gap:.45rem;justify-content:center;margin-top:1rem}.spinner{animation:authSpinner .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes authSpinner{to{transform:rotate(1turn)}}@media (max-width:520px){.auth-card-container{border-radius:22px;padding:1.75rem 1.25rem}.auth-title{font-size:1.6rem!important}.auth-otp-box{font-size:1.2rem;height:46px}}.notes-page-container{color:#1f2123;font-family:Playpen Sans,cursive,sans-serif;max-width:1400px;padding:1.5rem 2rem 4rem}.a4-paper-canvas,.notes-page-container{box-sizing:border-box;margin:0 auto;width:100%}.a4-paper-canvas{background-color:#fffdf9;border-radius:6px;box-shadow:0 10px 30px -5px #0000001f,0 2px 6px -1px #0000000f,0 0 0 1px #0000000a;max-width:800px;min-height:1130px;overflow:hidden;position:relative;transition:all .25s ease}.paper-ruled{background-color:#fefdfa;background-image:linear-gradient(90deg,#0000 79px,#f472b6 0,#f472b6 81px,#0000 0),linear-gradient(#e2e8f0 1px,#0000 0);background-position:0 0,0 80px;background-size:100% 100%,100% 36px;padding:80px 48px 48px 96px!important}.paper-grid{background-color:#fdfdfc;background-image:linear-gradient(90deg,#cbd5e1a6 1px,#0000 0),linear-gradient(180deg,#cbd5e1a6 1px,#0000 0);background-size:28px 28px;padding:60px 54px!important}.paper-plain{background-color:#fdfcfa;background-image:radial-gradient(rgba(0,0,0,.015) 1px,#0000 0);background-size:24px 24px;padding:64px 54px!important}.paper-notebook{background-color:#fffefb;background-image:radial-gradient(circle at 20px 40px,#e2e8f0 9px,#0000 10px),radial-gradient(circle at 20px 100px,#e2e8f0 9px,#0000 10px),radial-gradient(circle at 20px 160px,#e2e8f0 9px,#0000 10px),radial-gradient(circle at 20px 220px,#e2e8f0 9px,#0000 10px),radial-gradient(circle at 20px 280px,#e2e8f0 9px,#0000 10px),radial-gradient(circle at 20px 340px,#e2e8f0 9px,#0000 10px),radial-gradient(circle at 20px 400px,#e2e8f0 9px,#0000 10px),radial-gradient(circle at 20px 460px,#e2e8f0 9px,#0000 10px),radial-gradient(circle at 20px 520px,#e2e8f0 9px,#0000 10px),radial-gradient(circle at 20px 580px,#e2e8f0 9px,#0000 10px),radial-gradient(circle at 20px 640px,#e2e8f0 9px,#0000 10px),radial-gradient(circle at 20px 700px,#e2e8f0 9px,#0000 10px),radial-gradient(circle at 20px 760px,#e2e8f0 9px,#0000 10px),radial-gradient(circle at 20px 820px,#e2e8f0 9px,#0000 10px),radial-gradient(circle at 20px 880px,#e2e8f0 9px,#0000 10px),radial-gradient(circle at 20px 940px,#e2e8f0 9px,#0000 10px),radial-gradient(circle at 20px 1000px,#e2e8f0 9px,#0000 10px),radial-gradient(circle at 20px 1060px,#e2e8f0 9px,#0000 10px),linear-gradient(90deg,#0000 65px,#93c5fd 0,#93c5fd 67px,#0000 0),linear-gradient(#e5e7eb 1px,#0000 0);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 80px;background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 36px;padding:80px 48px 48px 84px!important}.paper-dots{background-color:#fffefc;background-image:radial-gradient(#94a3b8 1.2px,#0000 0);background-position:12px 12px;background-size:24px 24px;padding:64px 54px!important}.handwriting-textarea{background:#0000;border:none;box-sizing:border-box;font-weight:400;min-height:960px;outline:none;overflow:hidden;resize:none;text-shadow:0 0 .4px #00000014;white-space:pre-wrap;width:100%;word-break:break-word}.handwriting-textarea::placeholder{color:#94a3b8;opacity:.7}.handwritten-content-display{background:#0000;box-sizing:border-box;min-height:960px;outline:none;-webkit-user-select:text;user-select:text;white-space:pre-wrap;width:100%;word-break:break-word}.hw-word{transition:transform .1s ease;white-space:pre}.hw-char,.hw-word{display:inline-block}.hw-char{transform-origin:center bottom}.notes-toolbar-capsule{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #00000014;border-radius:40px;box-shadow:0 10px 25px -5px #0000000f,0 0 1px #00000014;display:flex;flex-wrap:wrap;gap:.75rem;padding:6px 14px}.notes-tool-divider{background:#e2e8f0;height:22px;margin:0 2px;width:1px}.notes-tool-select{background:#f6f5f1;border:1px solid #00000012;border-radius:20px;color:#1f2123;cursor:pointer;font-family:Playpen Sans,cursive,sans-serif;font-size:.84rem;font-weight:600;outline:none;padding:5px 12px;transition:all .15s ease}.notes-tool-select:hover{background:#ebe9e3;border-color:#0000001f}.notes-color-swatch{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1.5px #00000026;cursor:pointer;height:22px;transition:transform .15s ease,box-shadow .15s ease;width:22px}.notes-color-swatch.active{box-shadow:0 0 0 2px #1f2123,0 2px 8px #0003;transform:scale(1.2)}.notes-page-nav-pill{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #00000014;border-radius:30px;box-shadow:0 4px 12px #0000000a;display:flex;gap:.4rem;padding:4px 10px}.notes-nav-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#475569;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s ease;width:28px}.notes-nav-btn:hover:not(:disabled){background:#1f2123;color:#fff}.notes-nav-btn:disabled{cursor:not-allowed;opacity:.4}.save-status-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:.78rem;font-weight:700;gap:.4rem;padding:4px 12px;transition:all .2s ease}.save-status-saved{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.save-status-saving{background:#fef3c7;border:1px solid #fde68a;color:#b45309}.save-status-unsaved{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.notes-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:0}.note-card-item{background:#fff;border:1px solid #0000000a;border-radius:24px;box-shadow:0 4px 20px #00000008;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.note-card-item:hover{border-color:#00000014;box-shadow:0 12px 28px #00000014;transform:translateY(-3px)}.note-card-preview-thumb{border:1px solid #0000000f;border-radius:14px;box-sizing:border-box;height:130px;margin-bottom:1rem;overflow:hidden;padding:.85rem;pointer-events:none;position:relative;width:100%}@media (max-width:900px){.a4-paper-canvas{min-height:800px;padding:60px 24px 30px 48px!important}.notes-toolbar-capsule{border-radius:20px;padding:8px 12px}.notes-page-container{padding:1rem 1rem 3rem}}@media (max-width:600px){.paper-ruled{background-position:0 0,0 60px;padding:60px 16px 24px 44px!important}.a4-paper-canvas{border-radius:0;box-shadow:0 2px 10px #0000000d}.notes-grid{grid-template-columns:1fr}}@media print{@page{size:A4 portrait;margin:0}body,html{background:#fff!important;margin:0!important;padding:0!important}.global-top-nav,.notes-page-nav-pill,.notes-toolbar-capsule,.notes-top-header-bar,button,header,nav{display:none!important}.a4-paper-canvas{border-radius:0!important;box-shadow:none!important;break-after:page!important;min-height:100vh!important;page-break-after:always!important;width:100%!important}}
/*# sourceMappingURL=main.b940be8e.css.map*/