@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Figtree:wght@300;400;500;600;700&display=swap";:root{--purple-deep:#0d0814;--purple-dark:#130e1f;--purple-mid:#1e1435;--purple-accent:#6b3fa0;--purple-bright:#9b5de5;--purple-glow:#c77dff;--yellow-gold:#f5c842;--yellow-warm:#ffdd57;--yellow-pale:#fff4b8;--white:#fff;--white-muted:#ffffffb3;--white-faint:#ffffff14;--gradient-hero:linear-gradient(135deg, #0d0814 0%, #1a0d2e 50%, #0f1320 100%)}body{background:var(--purple-deep);color:var(--white);cursor:default;font-family:DM Sans,sans-serif;overflow-x:hidden}.landing-page{zoom:.8}body:before{content:"";pointer-events:none;z-index:9999;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");position:fixed;inset:0}.landing-page nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d081499;border-bottom:1px solid #9b5de51f;justify-content:space-between;align-items:center;padding:1.2rem 4rem;animation:.8s both navSlide;display:flex;position:fixed;top:0;left:0;right:0}@keyframes navSlide{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.landing-page .nav-logo{align-items:center;gap:.6rem;text-decoration:none;display:flex}.landing-page .nav-logo-mark{background:linear-gradient(135deg, var(--yellow-gold), var(--purple-bright));color:#0d0814;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-family:Syne,sans-serif;font-size:.85rem;font-weight:800;display:flex;box-shadow:0 0 20px #f5c8424d}.landing-page .nav-logo-text{color:var(--white);letter-spacing:.02em;font-family:Syne,sans-serif;font-size:1.05rem;font-weight:700}.landing-page .nav-logo-text span{color:var(--yellow-gold)}.landing-page .nav-links{align-items:center;gap:2.5rem;list-style:none;display:flex}.landing-page .nav-links a{color:var(--white-muted);letter-spacing:.03em;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:400;text-decoration:none;transition:color .25s}.landing-page .nav-links a:hover{color:var(--white)}.landing-page .nav-actions{align-items:center;gap:1rem;display:flex}.btn-ghost{color:var(--white-muted);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;padding:.5rem 1.2rem;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .25s}.btn-ghost:hover{color:var(--white);background:#9b5de514;border-color:#9b5de599}.btn-primary{color:#0d0814;background:linear-gradient(135deg, var(--yellow-gold), #e8b020);cursor:pointer;letter-spacing:.02em;border:none;border-radius:8px;padding:.55rem 1.4rem;font-family:Syne,sans-serif;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .25s;box-shadow:0 4px 20px #f5c84240}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 30px #f5c84266}.hero{justify-content:center;align-items:center;min-height:100vh;padding:7rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.blob{filter:blur(90px);opacity:.5;pointer-events:none;border-radius:50%;animation:linear infinite blobFloat;position:absolute}.blob-1{background:radial-gradient(circle,#6b3fa0b3 0%,#0000 70%);width:600px;height:600px;animation-duration:18s;animation-delay:0s;top:-200px;left:-150px}.blob-2{background:radial-gradient(circle,#f5c84259 0%,#0000 70%);width:500px;height:500px;animation-duration:22s;animation-delay:-6s;top:50px;right:-100px}.blob-3{background:radial-gradient(circle,#9b5de580 0%,#0000 70%);width:400px;height:400px;animation-duration:15s;animation-delay:-3s;bottom:0;left:30%}.blob-4{background:radial-gradient(circle,#f5c84233 0%,#0000 70%);width:300px;height:300px;animation-duration:25s;animation-delay:-9s;bottom:100px;right:15%}@keyframes blobFloat{0%{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.05)}50%{transform:translate(-20px,30px)scale(.97)}75%{transform:translate(40px,20px)scale(1.03)}to{transform:translate(0)scale(1)}}.hero-inner{z-index:2;text-align:center;max-width:860px;position:relative}.hero-eyebrow{color:var(--yellow-gold);letter-spacing:.08em;text-transform:uppercase;background:#f5c8421a;border:1px solid #f5c84240;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.35rem 1rem;font-size:.78rem;font-weight:500;animation:.8s .2s both fadeUp;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--yellow-gold);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.hero-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-family:Instrument Serif,serif;font-size:clamp(3rem,7vw,5.5rem);font-weight:400;line-height:1.08;animation:.8s .35s both fadeUp}.hero-title em{background:linear-gradient(120deg, var(--yellow-gold), var(--yellow-warm), var(--purple-glow));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.hero-sub{color:var(--white-muted);max-width:540px;margin:0 auto 2.5rem;font-size:1.1rem;font-weight:300;line-height:1.7;animation:.8s .5s both fadeUp}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;animation:.8s .65s both fadeUp;display:flex}.btn-hero{color:#0d0814;background:linear-gradient(135deg, var(--yellow-gold) 0%, #f0b429 100%);cursor:pointer;letter-spacing:.03em;border:none;border-radius:12px;padding:.9rem 2.2rem;font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 8px 32px #f5c8424d,0 0 0 1px #f5c8421a}.btn-hero:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 16px 48px #f5c84273}.btn-hero-ghost{color:var(--white);cursor:pointer;letter-spacing:.03em;background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;padding:.9rem 2rem;font-family:Syne,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s}.btn-hero-ghost:hover{background:#9b5de526;border-color:#9b5de580;transform:translateY(-1px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-preview{z-index:2;margin-top:4rem;animation:.9s .85s both fadeUp;position:relative}.preview-frame{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1435cc;border:1px solid #9b5de540;border-radius:16px;width:min(860px,90vw);margin:0 auto;overflow:hidden;box-shadow:0 40px 120px #00000080,0 0 0 1px #9b5de51a,inset 0 1px #ffffff0d}.preview-bar{background:#0d081499;border-bottom:1px solid #9b5de51f;align-items:center;gap:.5rem;padding:.9rem 1.2rem;display:flex}.preview-dot{border-radius:50%;width:10px;height:10px}.preview-dot:first-child{background:#ff5f56}.preview-dot:nth-child(2){background:#ffbd2e}.preview-dot:nth-child(3){background:#27c93f}.preview-url{color:#fff6;background:#ffffff0d;border-radius:6px;margin-left:.8rem;padding:.3rem 1rem;font-family:monospace;font-size:.7rem}.preview-body{grid-template-columns:200px 1fr;height:360px;display:grid}.preview-sidebar{background:#0d081e80;border-right:1px solid #9b5de51a;flex-direction:column;gap:.4rem;padding:1rem;display:flex}.sidebar-item{color:#ffffff80;cursor:pointer;border-radius:7px;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.72rem;transition:all .2s;display:flex}.sidebar-item.active{color:var(--white);background:#9b5de533;border:1px solid #9b5de54d}.sidebar-item .dot{background:var(--purple-bright);border-radius:50%;flex-shrink:0;width:6px;height:6px}.sidebar-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff40;padding:.8rem .7rem .3rem;font-size:.62rem}.preview-main{flex-direction:column;gap:1rem;padding:1.5rem;display:flex;overflow:hidden}.note-card-mock{background:#ffffff0a;border:1px solid #9b5de526;border-radius:10px;flex-direction:column;gap:.5rem;padding:1rem 1.2rem;transition:border-color .2s;animation:3s ease-in-out infinite shimmer;display:flex}.note-card-mock:hover{border-color:#9b5de566}@keyframes shimmer{0%,to{box-shadow:none}50%{box-shadow:0 0 20px #9b5de51a}}.mock-title{background:linear-gradient(90deg,#ffffff26,#ffffff14);border-radius:4px;width:60%;height:10px}.mock-line{background:#ffffff0d;border-radius:4px;height:7px}.mock-tag{background:#f5c84226;border:1px solid #f5c84240;border-radius:4px;width:45px;height:16px;display:inline-block}.mock-ai-badge{align-items:center;gap:.4rem;margin-top:.3rem;display:flex}.mock-ai-dot{background:var(--yellow-gold);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.mock-ai-text{background:linear-gradient(90deg,#f5c8424d,#f5c8421a);border-radius:3px;width:100px;height:6px}section{position:relative;overflow:hidden}.section-inner{max-width:1100px;margin:0 auto;padding:6rem 2rem}.section-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--yellow-gold);margin-bottom:1rem;font-family:Syne,sans-serif;font-size:.72rem;font-weight:600;display:inline-block}.section-title{letter-spacing:-.015em;margin-bottom:1.2rem;font-family:Instrument Serif,serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:400;line-height:1.15}.section-sub{color:var(--white-muted);max-width:540px;font-size:1rem;line-height:1.7}#features{background:linear-gradient(180deg, var(--purple-deep) 0%, #1e143566 100%)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:3.5rem;display:grid}.feature-card{opacity:0;background:#1e143580;border:1px solid #9b5de526;border-radius:16px;padding:2rem;transition:all .35s;animation:.7s forwards fadeUp;position:relative;overflow:hidden;transform:translateY(20px)}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-card:before{content:"";opacity:0;background:linear-gradient(135deg,#f5c8420a,#0000 60%);transition:opacity .35s;position:absolute;inset:0}.feature-card:hover{border-color:#9b5de566;transform:translateY(-4px);box-shadow:0 20px 60px #0000004d}.feature-card:hover:before{opacity:1}.feature-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.2rem;font-size:1.4rem;display:flex;position:relative}.feature-icon.yellow{background:#f5c8421f;border:1px solid #f5c84233;box-shadow:0 0 20px #f5c84214}.feature-icon.purple{background:#9b5de51f;border:1px solid #9b5de533;box-shadow:0 0 20px #9b5de51a}.feature-name{color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:1rem;font-weight:600}.feature-desc{color:var(--white-muted);font-size:.87rem;line-height:1.65}#about{background:#1e143540}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.about-visual{position:relative}.about-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1435b3;border:1px solid #9b5de533;border-radius:16px;padding:2rem;position:relative}.about-card:after{content:"";background:linear-gradient(90deg,#0000,#f5c84266,#0000);height:1px;position:absolute;top:-1px;left:20px;right:20px}.about-stat-row{gap:2rem;margin-top:1.5rem;display:flex}.about-stat{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex:1;padding:1.2rem}.about-stat-num{background:linear-gradient(135deg, var(--yellow-gold), var(--purple-glow));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Instrument Serif,serif;font-size:2.2rem;line-height:1;display:block}.about-stat-label{color:#fff6;letter-spacing:.05em;margin-top:.3rem;font-size:.75rem}.about-tag-cloud{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.tag-chip{color:var(--purple-glow);letter-spacing:.04em;background:#9b5de51f;border:1px solid #9b5de540;border-radius:6px;padding:.3rem .8rem;font-size:.72rem}.tag-chip.gold{color:var(--yellow-gold);background:#f5c8421a;border-color:#f5c84238}.about-text h2{margin-bottom:1rem}.about-text p{color:var(--white-muted);margin-bottom:1.2rem;font-size:1rem;line-height:1.75}.about-text p strong{color:var(--white);font-weight:500}.how-steps{flex-direction:column;gap:0;max-width:720px;margin-top:3.5rem;margin-left:auto;margin-right:auto;display:flex;position:relative}.how-steps:before{content:"";background:linear-gradient(#0000,#9b5de566 20%,#f5c8424d 50%,#9b5de566 80%,#0000);width:1px;position:absolute;top:0;bottom:0;left:28px}.step{align-items:flex-start;gap:2rem;padding-bottom:2.5rem;display:flex}.step-num{width:56px;height:56px;color:var(--yellow-gold);z-index:1;background:linear-gradient(135deg,#f5c84226,#9b5de526);background-color:var(--purple-deep);border:1px solid #9b5de54d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Instrument Serif,serif;font-size:1.4rem;display:flex;position:relative}.step-content h3{color:var(--white);margin-bottom:.4rem;font-family:Syne,sans-serif;font-size:1rem;font-weight:600}.step-content p{color:var(--white-muted);font-size:.9rem;line-height:1.65}.quote-section{text-align:center;background:linear-gradient(#0000,#6b3fa014,#0000);padding:5rem 2rem;position:relative}.quote-text{color:#ffffffd9;max-width:680px;margin:0 auto 1.5rem;font-family:Instrument Serif,serif;font-size:clamp(1.4rem,3vw,2rem);font-style:italic;line-height:1.5}.quote-mark{color:#f5c84233;font-family:Instrument Serif,serif;font-size:6rem;line-height:0;position:absolute;top:5rem;left:calc(50% - 340px)}.quote-author{color:var(--yellow-gold);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:500}.cta-section{text-align:center;padding:6rem 2rem;position:relative;overflow:hidden}.cta-glow{pointer-events:none;background:radial-gradient(circle,#6b3fa04d 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:12s linear infinite blobFloat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-box{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e143599;border:1px solid #9b5de540;border-radius:24px;max-width:600px;margin:0 auto;padding:3.5rem;position:relative}.cta-box:before{content:"";background:linear-gradient(90deg,#0000,#f5c84280,#0000);height:1px;position:absolute;top:-1px;left:30px;right:30px}.cta-box h2{margin-bottom:1rem;font-family:Instrument Serif,serif;font-size:2.5rem;font-weight:400;line-height:1.2}.cta-box p{color:var(--white-muted);margin-bottom:2rem;font-size:.95rem;line-height:1.65}.cta-input-row{gap:.7rem;max-width:380px;margin:0 auto;display:flex}.cta-input{color:var(--white);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;flex:1;padding:.75rem 1rem;font-family:DM Sans,sans-serif;font-size:.9rem;transition:border-color .25s}.cta-input:focus{border-color:#9b5de580}.cta-input::placeholder{color:#ffffff4d}footer{border-top:1px solid #9b5de51a;justify-content:space-between;align-items:center;padding:2.5rem 4rem;display:flex}.footer-left{color:#fff6;align-items:center;gap:.6rem;font-family:Syne,sans-serif;font-size:.85rem;display:flex}.footer-right{color:#ffffff40;font-size:.8rem}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--purple-deep)}::-webkit-scrollbar-thumb{background:#9b5de566;border-radius:3px}@media (width<=768px){.landing-page nav{padding:1rem 1.5rem}.landing-page .nav-links{display:none}.about-grid{grid-template-columns:1fr;gap:2.5rem}.preview-body{grid-template-columns:1fr}.preview-sidebar{display:none}footer{text-align:center;flex-direction:column;gap:1rem}.cta-input-row{flex-direction:column}}.particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:var(--yellow-gold);opacity:0;border-radius:50%;width:2px;height:2px;animation:linear infinite particleFloat;position:absolute}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.6}90%{opacity:.2}to{transform:translateY(-600px) translateX(var(--drift));opacity:0}}.glow-line{background:linear-gradient(90deg,#0000,#9b5de566,#0000);width:100%;height:1px;animation:4s ease-in-out infinite glowPulse;position:absolute;left:0}@keyframes glowPulse{0%,to{opacity:.3}50%{opacity:.8}}:root{--pd:#0d0814;--pm:#1a0d2e;--pa:#6b3fa0;--pb:#9b5de5;--pg:#c77dff;--yg:#f5c842;--yw:#ffdd57;--w:#fff;--wm:#ffffffb3;--wf:#ffffff14;--wff:#ffffff0a}.auth-page{background:var(--pd);min-height:100vh;color:var(--w);font-family:DM Sans,sans-serif;display:flex;position:relative;overflow:hidden}.auth-blobs{pointer-events:none;z-index:0;position:absolute;inset:0}.auth-blob{filter:blur(100px);opacity:.35;border-radius:50%;position:absolute}.auth-blob-1{background:radial-gradient(circle,#7b2ff7,#0000);width:600px;height:600px;top:-200px;left:-150px}.auth-blob-2{opacity:.12;background:radial-gradient(circle,#f5c842,#0000);width:400px;height:400px;bottom:-100px;right:5%}.auth-split{z-index:1;width:100%;min-height:100vh;display:flex;position:relative}.auth-left{flex-direction:column;flex:1;justify-content:space-between;padding:2.5rem 3rem;display:flex}.auth-brand{color:var(--w);align-items:center;gap:.6rem;text-decoration:none;display:flex}.auth-brand-mark{background:linear-gradient(135deg, var(--yg), var(--pb));color:#0d0814;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-family:Syne,sans-serif;font-size:.85rem;font-weight:800;display:flex;box-shadow:0 0 20px #f5c8424d}.auth-brand span{letter-spacing:.02em;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.auth-brand em{color:var(--yg);font-style:normal}.auth-left-body{flex-direction:column;flex:1;justify-content:center;max-width:460px;padding:3rem 0;display:flex}.auth-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--yg);margin-bottom:1.5rem;font-size:.8rem;font-weight:500}.auth-left-body h1{color:var(--w);margin-bottom:1.2rem;font-family:Syne,sans-serif;font-size:clamp(2.4rem,4vw,3.5rem);font-weight:800;line-height:1.1}.auth-left-body h1 span{background:linear-gradient(135deg, var(--yg), var(--pg));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-left-body p{color:var(--wm);max-width:380px;margin-bottom:2rem;font-size:1rem;line-height:1.7}.auth-perks{flex-direction:column;gap:.75rem;display:flex}.auth-perk{color:var(--wm);align-items:center;gap:.6rem;font-size:.9rem;display:flex}.auth-perk span{width:20px;height:20px;color:var(--pb);background:#9b5de533;border:1px solid #9b5de566;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;display:flex}.auth-right{background:#ffffff05;border-left:1px solid #ffffff0f;justify-content:center;align-items:center;min-width:480px;padding:2rem;display:flex}.auth-card{width:100%;max-width:400px}.auth-card-header{margin-bottom:2rem}.auth-card-header h2{margin-bottom:.3rem;font-family:Syne,sans-serif;font-size:2rem;font-weight:800}.auth-card-header p{color:var(--wm);font-size:.9rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-field{flex-direction:column;gap:.4rem;display:flex}.auth-field label{color:var(--wm);letter-spacing:.03em;font-size:.82rem;font-weight:500}.auth-field input{background:var(--wff);color:var(--w);border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:.85rem 1rem;font-family:DM Sans,sans-serif;font-size:.95rem;transition:border-color .2s,background .2s}.auth-field input::placeholder{color:#ffffff4d}.auth-field input:focus{border-color:var(--pb);background:#9b5de514}.auth-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444440;border-radius:10px;padding:.75rem 1rem;font-size:.85rem}.auth-btn{background:var(--yg);color:#0d0814;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-height:48px;margin-top:.5rem;padding:.95rem;font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;transition:all .25s;display:flex}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #f5c84259}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{border:2px solid #0003;border-top-color:#0d0814;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-switch{color:var(--wm);text-align:center;margin-top:1.5rem;font-size:.88rem}.auth-switch a{color:var(--yg);margin-left:.3rem;font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}@media (width<=768px){.auth-split{flex-direction:column}.auth-left{padding:2rem 1.5rem 1rem}.auth-left-body{padding:1.5rem 0}.auth-right{min-width:unset;border-top:1px solid #ffffff0f;border-left:none;padding:1.5rem}.auth-perks{display:none}}.pbl-sidebar{flex-direction:column;flex:0 0 var(--sb-w,272px);width:var(--sb-w,272px);min-width:var(--sb-w,272px);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:10;height:100vh;padding:1rem .9rem;display:flex;position:relative;overflow:hidden}.pbl-sb-brand,.pbl-sb-user-zone,.pbl-sb-search-zone,.pbl-sb-ai-zone{flex-shrink:0}.pbl-sb-brand{align-items:center;gap:.8rem;padding:.9rem .7rem 1rem;display:flex}.pbl-sb-mark{color:#120d1b;background:linear-gradient(135deg,#8b5cf6,#f5c842);border-radius:12px;place-items:center;width:38px;height:38px;font-family:Syne,sans-serif;font-weight:800;display:grid;box-shadow:0 18px 36px #8b5cf638}.pbl-sb-name{color:var(--text);letter-spacing:-.03em;font-family:DM Sans,sans-serif;font-size:1.18rem;font-weight:700;line-height:1.05}.pbl-sb-subn{color:#f5c842d1;letter-spacing:.08em;text-transform:none;margin-top:.2rem;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:600}.pbl-sb-new-zone{padding:.25rem .4rem .9rem}.pbl-sb-new-btn{color:#120d1b;letter-spacing:-.01em;text-transform:none;background:linear-gradient(135deg,#f5c842,#efb427);border:none;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;width:100%;height:46px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 14px 32px #f5c84238}.pbl-sb-new-btn:hover{transform:translateY(-1px);box-shadow:0 18px 40px #f5c8424d}.pbl-sb-nav{scrollbar-width:none;flex:1;min-height:0;padding:.4rem;overflow-y:auto}.pbl-sb-nav::-webkit-scrollbar{display:none}.pbl-sb-sec-label{color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase;margin:.2rem 0 .55rem;padding:0 .5rem;font-size:.68rem;font-weight:700}.pbl-sb-sec-label--tags{margin-top:1.25rem}.pbl-sb-item{width:100%;color:var(--text-muted);text-align:left;background:0 0;border:none;border-radius:18px;align-items:center;gap:.75rem;padding:.82rem .9rem;transition:background .18s,color .18s,transform .18s;display:flex;position:relative}.pbl-sb-item:hover{color:var(--text);background:#ffffff0f;transform:translate(2px)}.pbl-sb-item.active{color:var(--text);background:linear-gradient(135deg,#8b5cf633,#ffffff0a),#ffffff0a;box-shadow:inset 0 0 0 1px #8b5cf629}.pbl-sb-item.active:before{content:"";background:#f5c842;border-radius:999px;width:6px;height:6px;position:absolute;top:50%;left:.35rem;transform:translateY(-50%)}.pbl-sb-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.pbl-hash{color:#c4b5fd}.pbl-sb-item-label{flex:1;min-width:0;font-size:.92rem;font-weight:500}.pbl-sb-item-count{color:#ddd6fe;text-align:center;background:#8b5cf629;border-radius:999px;min-width:26px;padding:.18rem .45rem;font-size:.72rem;font-weight:700}.pbl-sb-search-zone{padding:.8rem .4rem .5rem}.pbl-sb-search-btn{width:100%;min-height:44px;color:var(--text-muted);background:#ffffff0a;border:1px solid #8b5cf624;border-radius:16px;align-items:center;gap:.6rem;padding:0 .9rem;display:inline-flex}.pbl-sb-search-btn:hover{color:var(--text);border-color:#8b5cf647}.pbl-sb-search-kbd{color:var(--text-faint);background:#ffffff12;border-radius:8px;margin-left:auto;padding:.18rem .4rem;font-size:.68rem;font-weight:600}.pbl-sb-ai-zone{width:calc(100% - .8rem);color:inherit;text-align:left;background:linear-gradient(135deg,#8b5cf629,#f5c8420f),#ffffff08;border:1px solid #8b5cf62e;border-radius:20px;align-items:center;gap:.8rem;margin:.5rem .4rem 0;padding:.95rem;display:flex}.pbl-sb-ai-orb{color:#f5c842;background:#ffffff14;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.pbl-sb-ai-title{color:var(--text);font-size:.82rem;font-weight:700}.pbl-sb-ai-sub{color:var(--text-muted);margin-top:.2rem;font-size:.72rem}.pbl-sb-user-zone{margin-top:.8rem;padding:.4rem}.pbl-sb-user-card{background:#ffffff0a;border:1px solid #8b5cf61f;border-radius:20px;align-items:center;gap:.75rem;padding:.8rem;display:flex}.pbl-sb-user-av{color:#fff;background:linear-gradient(135deg,#8b5cf6,#c4b5fd);border-radius:14px;flex-shrink:0;place-items:center;width:38px;height:38px;font-family:Syne,sans-serif;font-weight:800;display:grid}.pbl-sb-user-info{flex:1;min-width:0}.pbl-sb-user-name,.pbl-sb-user-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pbl-sb-user-name{color:var(--text);font-size:.9rem;font-weight:600}.pbl-sb-user-email{color:var(--text-faint);margin-top:.2rem;font-size:.72rem}.pbl-sb-logout{width:36px;height:36px;color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;place-items:center;display:grid}.pbl-sb-logout:hover{color:var(--text)}@media (width<=640px){.pbl-sidebar{border-bottom:1px solid #8b5cf624;border-right:none;width:100%;min-width:100%;height:auto;padding-bottom:.6rem}.pbl-sb-nav{max-height:18rem}.pbl-sb-item-label,.pbl-sb-user-email,.pbl-sb-ai-sub,.pbl-sb-search-kbd{display:none}.pbl-sidebar{padding-inline:.6rem}}:root{--bg:#0b0a12;--bg-soft:#14111f;--surface:#ffffff0b;--surface-strong:#ffffff14;--surface-glass:#100d1dd1;--border:#8b5cf624;--border-strong:#8b5cf64d;--purple:#8b5cf6;--yellow:#f5c842;--text:#f5f3ff;--text-muted:#ffffffad;--text-faint:#ffffff57;--shadow-xl:0 30px 80px #00000059;--shadow-md:0 18px 45px #0000003d;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--sb-w:272px;--main-shell-bg:#0c0a14b8;--main-shell-border:#ffffff08;--page-card-bg:#0c0a14a3;--page-card-border:var(--border);--sidebar-bg:linear-gradient(180deg, #ffffff0a, #ffffff05), #0a0912f5;--sidebar-border:#8b5cf624;--theme-toggle-bg:#100d1dd1;--theme-toggle-border:#ffffff14;--theme-toggle-text:var(--text);--theme-toggle-sub:var(--text-faint);--home-panel-bg:radial-gradient(circle at 18% 12%, #8b5cf629, transparent 30%), radial-gradient(circle at 82% 84%, #f5c84214, transparent 26%), #0c0a14b8;--home-panel-border:var(--border);--home-greeting-color:var(--text);--home-chip-bg:#ffffff0a;--home-chip-border:var(--border)}:root[data-dashboard-theme=light],.db-root[data-theme=light]{--bg:#f6efe6;--bg-soft:#fffaf4;--surface:#ffffffbd;--surface-strong:#ffffffeb;--surface-glass:#fffbf6eb;--border:#c4955d38;--border-strong:#c4955d66;--purple:#9364d8;--yellow:#cc8e21;--text:#2b1f12;--text-muted:#2b1f12b8;--text-faint:#2b1f1273;--shadow-xl:0 28px 70px #916c412e;--shadow-md:0 16px 40px #916c4124;--main-shell-bg:#fffcf7c7;--main-shell-border:#c4955d1f;--page-card-bg:#ffffffad;--page-card-border:#c4955d2e;--sidebar-bg:linear-gradient(180deg, #ffffffeb, #fff8f0d1), #fffbf6f5;--sidebar-border:#c4955d29;--theme-toggle-bg:#ffffffe0;--theme-toggle-border:#c4955d2e;--theme-toggle-text:#2b1f12;--theme-toggle-sub:#2b1f1294;--home-panel-bg:radial-gradient(circle at 22% 18%, #9364d838, transparent 32%), radial-gradient(circle at 78% 82%, #ebb13f29, transparent 28%), linear-gradient(145deg, #fffcf7f0, #f7ede0e6);--home-panel-border:#c4955d38;--home-greeting-color:#26170d;--home-chip-bg:#ffffff7a;--home-chip-border:#c4955d33}*,:before,:after{box-sizing:border-box}html,body{margin:0}body.dashboard-body,body.dashboard-body #root{height:100%}body.dashboard-body{background:radial-gradient(circle at top left, #8b5cf61f, transparent 32%), radial-gradient(circle at bottom right, #f5c84214, transparent 28%), var(--bg);color:var(--text);font-family:Figtree,sans-serif;transition:background .28s,color .28s;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.db-root{align-items:stretch;width:100%;height:100vh;display:flex;overflow:hidden}.db-main{flex:1;min-width:0;height:100vh;position:relative;overflow:hidden}.db-main:before{content:"";background:linear-gradient(180deg, #ffffff0b, #ffffff05), var(--main-shell-bg);border:1px solid var(--main-shell-border);box-shadow:var(--shadow-xl);pointer-events:none;border-radius:36px 0 0 36px;position:absolute;inset:24px}.db-theme-toggle{z-index:3;border:1px solid var(--theme-toggle-border);background:var(--theme-toggle-bg);color:var(--theme-toggle-text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;align-items:center;gap:.85rem;padding:.65rem .8rem .65rem .7rem;transition:transform .2s,box-shadow .2s,background .24s,border-color .24s;display:inline-flex;position:absolute;top:34px;right:34px;box-shadow:0 18px 40px #0000001f}.db-theme-toggle:hover{transform:translateY(-1px);box-shadow:0 22px 44px #00000029}.db-theme-toggle-icon{width:34px;height:34px;color:var(--yellow);background:linear-gradient(135deg,#f5c84233,#8b5cf62e);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.db-theme-toggle-copy{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.db-theme-toggle-copy strong{letter-spacing:.04em;text-transform:uppercase;font-family:Syne,sans-serif;font-size:.78rem}.db-theme-toggle-copy small{color:var(--theme-toggle-sub);margin-top:.16rem;font-size:.72rem}.db-scroll{z-index:1;scrollbar-width:thin;scrollbar-color:#8b5cf640 transparent;height:100%;padding:24px;position:relative;overflow:hidden auto}.db-scroll::-webkit-scrollbar{width:6px}.db-scroll::-webkit-scrollbar-thumb{background:#8b5cf640;border-radius:999px}.db-page-shell,.db-editor-page{flex-direction:column;gap:22px;min-height:100%;display:flex}.db-page-hero{border-radius:var(--radius-xl);border:1px solid var(--border);background:linear-gradient(135deg, #8b5cf624, #ffffff08), var(--surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:1.9rem 2rem;display:flex}.db-page-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);margin:0 0 .65rem;font-size:.72rem;font-weight:700}.db-page-title{letter-spacing:-.04em;margin:0;font-family:Syne,sans-serif;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1}.db-page-description{max-width:42rem;color:var(--text-muted);margin:.7rem 0 0;line-height:1.7}.db-page-card{border-radius:var(--radius-xl);border:1px solid var(--page-card-border);background:var(--page-card-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:0;box-shadow:var(--shadow-md);flex:1;overflow:hidden}.db-new-btn{background:linear-gradient(135deg, var(--yellow), #f0b625);color:#100b19;letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.82rem 1.4rem;font-family:Syne,sans-serif;font-size:.84rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 14px 36px #f5c8423d}.db-new-btn:hover{transform:translateY(-1px);box-shadow:0 18px 42px #f5c84252}.home-page{border-radius:var(--radius-xl);border:1px solid var(--home-panel-border);background:var(--home-panel-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:100%;box-shadow:var(--shadow-md);justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden}.home-page:before,.home-page:after{content:"";pointer-events:none;border-radius:999px;position:absolute;inset:auto}.home-page:before{filter:blur(30px);background:radial-gradient(circle,#ffffff17,#0000 68%);width:28rem;height:28rem;top:-9rem;right:-8rem}.home-page:after{filter:blur(24px);background:radial-gradient(circle,#8b5cf61f,#0000 72%);width:18rem;height:18rem;bottom:-6rem;left:10%}.home-glow-1,.home-glow-2{filter:blur(80px);pointer-events:none;border-radius:999px;position:absolute}.home-glow-1{background:#8b5cf638;width:34rem;height:34rem;top:-12rem;left:-10rem}.home-glow-2{background:#f5c8421f;width:28rem;height:28rem;bottom:-8rem;right:-8rem}.home-content{z-index:1;text-align:center;max-width:46rem;position:relative}.home-badge{color:var(--yellow);letter-spacing:.12em;text-transform:uppercase;background:#f5c84214;border:1px solid #f5c8422e;border-radius:999px;align-items:center;padding:.35rem .95rem;font-size:.74rem;font-weight:700;display:inline-flex}.home-greeting{letter-spacing:-.05em;color:var(--home-greeting-color);text-wrap:balance;margin:1.5rem 0 1rem;font-family:Syne,sans-serif;font-size:clamp(2.6rem,5vw,4.5rem);line-height:.95}.home-name{background:linear-gradient(135deg,#fff,#c4b5fd 55%,#f5c842);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}:root[data-dashboard-theme=light] .home-name,.db-root[data-theme=light] .home-name{background:linear-gradient(135deg,#2b1f12,#9364d8 48%,#cc8e21);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.home-sub{max-width:32rem;color:var(--text-muted);margin:0 auto 2rem;font-size:1.05rem;line-height:1.8}.home-cta{background:linear-gradient(135deg, var(--yellow), #f0b625);color:#100b19;letter-spacing:.04em;border:none;border-radius:999px;padding:1rem 1.7rem;font-family:Syne,sans-serif;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 18px 38px #f5c84238}.home-cta:hover{transform:translateY(-2px);box-shadow:0 22px 42px #f5c8424d}.home-features{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:2rem;display:flex}.home-feat{border:1px solid var(--home-chip-border);background:var(--home-chip-bg);color:var(--text-muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:.75rem 1rem;font-size:.86rem}.all-page,.inner-page{min-height:100%;padding:2rem}.all-page{flex-direction:column;display:flex}.search-block{margin-bottom:1.5rem}.search-box{align-items:center;margin-bottom:.85rem;display:flex;position:relative}.search-ico{color:var(--text-faint);position:absolute;left:1rem}.search-inp{border:1px solid var(--border);width:100%;height:54px;color:var(--text);background:#ffffff0b;border-radius:18px;outline:none;padding:0 3rem 0 2.8rem;transition:border-color .2s,background .2s}.search-inp:focus{border-color:var(--border-strong);background:#ffffff0f}.search-inp::placeholder{color:var(--text-faint)}.search-clr{color:var(--text-faint);background:0 0;border:none;font-size:1rem;position:absolute;right:.9rem}.tag-suggest-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.tag-suggest-lbl{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.tag-suggest-pill{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:999px;padding:.42rem .8rem;transition:all .18s}.tag-suggest-pill:hover,.tag-suggest-pill.on{color:var(--text);background:#8b5cf624;border-color:#8b5cf647}.tag-suggest-pill.used{border-color:#f5c84233}.stats-strip{border:1px solid var(--border);background:#ffffff08;border-radius:20px;align-items:stretch;gap:1rem;margin-bottom:1.7rem;padding:1rem 1.2rem;display:flex}.stat-box{flex-direction:column;gap:.28rem;min-width:0;display:flex}.stat-div{background:var(--border);width:1px}.stat-n{font-family:Syne,sans-serif;font-size:1.45rem;font-weight:800;line-height:1}.stat-n-ai{color:var(--yellow)}.stat-n-star{color:#fcd34d}.stat-l{color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;font-size:.74rem}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.note-card{cursor:pointer;border:1px solid;border-radius:22px;flex-direction:column;gap:.8rem;min-height:240px;padding:1.25rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.note-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #00000047}.nc-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.nc-title{margin:0;font-family:Syne,sans-serif;font-size:1rem;line-height:1.35}.nc-actions{opacity:0;gap:.4rem;transition:opacity .18s;display:flex;position:relative}.note-card:hover .nc-actions{opacity:1}.nc-btn{color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:.42rem .75rem;font-size:.72rem}.nc-menu-trigger{letter-spacing:.08em;min-width:42px;padding-inline:.6rem;font-weight:800}.nc-menu{z-index:8;background:#0e0c18f5;border:1px solid #8b5cf629;border-radius:18px;gap:.2rem;min-width:160px;padding:.4rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 22px 48px #00000047}.nc-menu-item{width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:12px;padding:.7rem .8rem;font-size:.8rem;transition:background .18s}.nc-menu-item:hover{background:#8b5cf624}.nc-menu-item-delete{color:#fca5a5}.nc-menu-item-delete:hover{background:#f8717124}.nc-del:hover{color:#fca5a5;border-color:#f8717147}.nc-preview{color:var(--text-muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;line-height:1.75;display:-webkit-box;overflow:hidden}.nc-badges,.nc-tags{flex-wrap:wrap;gap:.45rem;display:flex}.nc-badge,.nc-tag{border:1px solid #0000;border-radius:999px;align-items:center;padding:.3rem .6rem;font-size:.68rem;font-weight:700;display:inline-flex}.nc-badge-ai{color:var(--yellow);background:#f5c8421a;border-color:#f5c8422e}.nc-badge-act{color:#d8b4fe;background:#8b5cf61f;border-color:#8b5cf633}.nc-tag{color:#d8b4fe;background:#8b5cf61a;border-color:#8b5cf629}.nc-tag-link{color:var(--yellow);background:#f5c84214;border-color:#f5c84229}.nc-footer{justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:auto;display:flex}.nc-time{color:var(--text-faint);white-space:nowrap;font-size:.72rem}.ai-notes-list{flex-direction:column;gap:1rem;display:flex}.ai-insights-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.ai-insight-card{border:1px solid var(--border);background:#ffffff0a;border-radius:22px;padding:1.2rem 1.25rem}.ai-insight-card-hero{background:linear-gradient(135deg,#f5c8421f,#8b5cf624),#ffffff0a}.ai-insight-label{color:var(--yellow);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:700}.ai-insight-value{margin-top:.7rem;font-family:Syne,sans-serif;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1}.ai-insight-copy{color:var(--text-muted);margin:.65rem 0 0;line-height:1.6}.ai-weekly-card{border:1px solid var(--border);background:#ffffff0a;border-radius:24px;margin-bottom:1.4rem;padding:1.25rem}.ai-weekly-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;display:flex}.ai-weekly-title{margin:.35rem 0 0;font-family:Syne,sans-serif;font-size:1.1rem}.ai-weekly-total{color:#d8b4fe;letter-spacing:.04em;text-transform:uppercase;background:#8b5cf61f;border:1px solid #8b5cf633;border-radius:999px;align-items:center;padding:.45rem .8rem;font-size:.76rem;font-weight:700;display:inline-flex}.ai-weekly-chart{grid-template-columns:repeat(7,minmax(0,1fr));gap:.8rem;min-height:210px;display:grid}.ai-weekly-bar-wrap{flex-direction:column;justify-content:flex-end;align-items:center;gap:.6rem;min-width:0;display:flex}.ai-weekly-count{color:var(--text-muted);font-size:.8rem;font-weight:600}.ai-weekly-bar-track{background:#ffffff08;border:1px solid #ffffff0d;border-radius:18px;justify-content:center;align-items:flex-end;width:100%;height:140px;padding:.35rem;display:flex}.ai-weekly-bar-fill{background:linear-gradient(#f5c842 0%,#8b5cf6 100%);border-radius:14px;width:100%;box-shadow:0 12px 24px #8b5cf62e}.ai-weekly-day{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:700}.ai-note-row{border:1px solid var(--border);background:#ffffff0a;border-radius:20px;padding:1.3rem 1.4rem}.ai-note-row-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;display:flex}.ai-note-row-title{margin:0;font-family:Syne,sans-serif;font-size:1rem}.ai-note-row-time{color:var(--text-faint);font-size:.75rem}.ai-note-block+.ai-note-block{margin-top:.9rem}.ai-note-block-label,.ai-result-label,.ep-form-label,.ep-kicker,.ep-links-label{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:700}.ai-note-block-label,.ai-result-label{color:var(--yellow);margin-bottom:.45rem}.ai-note-block-text,.ai-result-value{color:var(--ep-text,var(--text));margin:0;line-height:1.7}.ai-suggested{color:var(--yellow)}.ai-note-actions,.ai-action-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.ai-note-actions li,.ai-action-list li{color:var(--text-muted);padding-left:1rem;position:relative}.ai-note-actions li:before,.ai-action-list li:before{content:">";color:var(--purple);position:absolute;left:0}.state-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:22rem;display:flex}.state-spinner{border:2px solid #ffffff24;border-top-color:var(--purple);border-radius:999px;width:36px;height:36px;animation:.8s linear infinite spin}.state-icon{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;font-family:Syne,sans-serif;font-size:1rem}.state-title{margin:0;font-family:Syne,sans-serif;font-size:1.2rem}.state-sub{max-width:26rem;color:var(--text-muted);margin:0}.ep-wrap{flex:1;min-height:0}.ep-panel{border-radius:var(--radius-xl);border:1px solid var(--ep-border,var(--border));background:linear-gradient(180deg, #ffffff08, transparent), var(--ep-bg,#120e22f0);min-height:calc(100vh - 48px);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.ep-header{border-bottom:1px solid var(--ep-line,var(--border));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--ep-text,var(--text));background:#0a09122e;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 1.5rem;display:flex}.ep-header-meta,.ep-header-actions{align-items:center;gap:1rem;display:flex}.ep-close-btn{border:1px solid var(--ep-line,var(--border));background:var(--ep-surface-strong,#ffffff0f);min-width:72px;height:42px;color:var(--ep-text,var(--text));border-radius:999px;font-weight:600}.ep-ghost-btn{border:1px solid var(--ep-line,var(--border));background:var(--ep-surface-strong,#ffffff0f);min-width:92px;height:42px;color:var(--ep-text,var(--text));letter-spacing:.04em;text-transform:uppercase;border-radius:999px;font-family:Syne,sans-serif;font-size:.76rem;font-weight:700}.ep-kicker{color:var(--ep-faint,var(--text-faint));margin:0 0 .35rem}.ep-header-title{margin:0;font-family:Syne,sans-serif;font-size:1.3rem;line-height:1.1}.ep-tab-strip{border:1px solid var(--ep-line,var(--border));background:var(--ep-surface,#ffffff0d);border-radius:999px;align-items:center;gap:.35rem;padding:.25rem;display:inline-flex}.ep-tab{min-width:72px;height:38px;color:var(--ep-faint,var(--text-faint));letter-spacing:.05em;text-transform:uppercase;background:0 0;border:none;border-radius:999px;font-family:Syne,sans-serif;font-size:.76rem;font-weight:700}.ep-tab.on{color:var(--ep-text,var(--text));background:#8b5cf62e}.ep-save-btn{background:linear-gradient(135deg, var(--yellow), #f0b625);color:#100b19;letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:999px;min-width:120px;height:42px;font-family:Syne,sans-serif;font-size:.78rem;font-weight:800}.ep-save-btn:disabled{opacity:.7;cursor:not-allowed}.ep-body-wrap{flex:1;overflow:auto}.ep-editor-grid{grid-template-columns:minmax(0,1fr) 320px;gap:1.25rem;padding:1.35rem;display:grid}.ep-editor-main,.ep-side-card{border:1px solid var(--ep-line,#ffffff0f);background:var(--ep-surface,#ffffff0a);border-radius:24px}.ep-editor-main{flex-direction:column;min-height:40rem;display:flex;overflow:hidden}.ep-note-title{width:100%;color:var(--ep-text,var(--text));letter-spacing:-.04em;background:0 0;border:none;outline:none;padding:1.6rem 1.6rem .8rem;font-family:Syne,sans-serif;font-size:clamp(1.7rem,2vw,2.25rem);font-weight:800}.ep-note-title::placeholder,.ep-textarea::placeholder,.ep-tags-input::placeholder{color:var(--ep-placeholder,#ffffff38)}.ep-textarea{resize:none;width:100%;min-height:26rem;color:var(--ep-text,var(--text));background:0 0;border:none;outline:none;flex:1;padding:0 1.6rem 1.6rem}.ep-editor-side{align-content:start;gap:1rem;display:grid}.ep-side-card{padding:1rem}.ep-side-card-meta{gap:.6rem}.ep-swatches,.ep-style-pills,.ep-tags-field,.ep-toolbar{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.ep-swatch{border:2px solid #0000;border-radius:999px;width:22px;height:22px;transition:transform .18s}.ep-swatch.sel{border-color:#ffffffbf;transform:scale(1.1)}.ep-style-pill,.ep-tool-btn{border:1px solid var(--ep-line,var(--border));background:var(--ep-surface,#ffffff0a);color:var(--ep-muted,var(--text-muted));border-radius:999px;padding:.5rem .75rem}.ep-style-pill.on{color:var(--ep-text,var(--text));background:#8b5cf629;border-color:#8b5cf64d}.ep-tag-chip{border:1px solid var(--ep-chip-border,#8b5cf63d);background:var(--ep-chip-bg,#8b5cf61f);color:var(--ep-text,#ddd6fe);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .65rem;display:inline-flex}.ep-tag-chip button{color:inherit;background:0 0;border:none;padding:0}.ep-tags-input{min-width:120px;color:var(--ep-text,var(--text));background:0 0;border:none;outline:none}.ep-tags-dropdown{background:var(--ep-dropdown-bg,#0a0912f5);border:1px solid #8b5cf629;border-radius:18px;gap:.25rem;margin-top:.8rem;padding:.45rem;display:grid;box-shadow:0 18px 40px #00000038}.ep-tags-option{width:100%;color:var(--ep-text,var(--text));text-align:left;background:0 0;border:none;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .85rem;transition:background .18s;display:flex}.ep-tags-option:hover{background:#8b5cf624}.ep-tags-option span{font-weight:600}.ep-tags-option small{color:var(--ep-faint,var(--text-faint));letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.ep-meta-row{color:var(--ep-muted,var(--text-muted));justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}.ep-meta-row strong{color:var(--ep-text,var(--text));font-family:Syne,sans-serif}.ep-images-row,.ep-links-box{border:1px solid var(--ep-line,#ffffff0f);background:var(--ep-surface-soft,#ffffff09);border-radius:20px;margin:0 1.35rem 1.35rem;padding:1rem}.ep-images-row{flex-wrap:wrap;gap:.75rem;display:flex}.ep-img-thumb{border-radius:16px;width:92px;height:92px;position:relative;overflow:hidden}.ep-img-thumb img{object-fit:cover;width:100%;height:100%}.ep-img-thumb button{color:#fff;background:#000000ad;border:none;border-radius:999px;width:24px;height:24px;position:absolute;top:8px;right:8px}.ep-links-box{gap:.55rem;display:grid}.ep-links-label{color:var(--ep-faint,var(--text-faint))}.ep-link-chip{color:#ddd6fe;text-overflow:ellipsis;white-space:nowrap;background:#8b5cf614;border:1px solid #8b5cf629;border-radius:14px;padding:.75rem .9rem;overflow:hidden}.ep-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#06050c94;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.ep-modal{background:linear-gradient(#1e1830f5,#0c0a14fa);border:1px solid #8b5cf62e;border-radius:28px;width:min(100%,460px);overflow:hidden;box-shadow:0 24px 80px #00000057}.ep-modal-sm{width:min(100%,520px)}.ep-modal-head{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.35rem 1.35rem 1rem;display:flex}.ep-modal-title{margin:.35rem 0 0;font-family:Syne,sans-serif;font-size:1.15rem}.ep-modal-close{width:34px;height:34px;color:var(--text);background:#ffffff12;border:none;border-radius:999px}.ep-modal-actions{gap:.75rem;padding:1.2rem;display:grid}.ep-modal-body{padding:.2rem 1.2rem 0}.ep-modal-copy{color:var(--text-muted);margin:0;line-height:1.75}.ep-modal-footer{justify-content:flex-end;align-items:center;gap:.75rem;padding:1.2rem;display:flex}.ep-modal-secondary,.ep-modal-primary-danger{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;min-width:116px;height:44px;padding:0 1rem;font-family:Syne,sans-serif;font-size:.82rem;font-weight:700}.ep-modal-secondary{color:var(--text);background:#ffffff0a;border:1px solid #ffffff1a}.ep-modal-primary-danger{color:#fff;background:linear-gradient(135deg,#f87171eb,#dc2626e6);border:1px solid #f871713d;box-shadow:0 14px 30px #b91c1c38}.ep-modal-secondary:disabled,.ep-modal-primary-danger:disabled{opacity:.7;cursor:not-allowed}.ep-visibility-status{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.ep-visibility-label{color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;font-size:.74rem;font-weight:700}.ep-visibility-pill{letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;align-items:center;padding:.38rem .72rem;font-family:Syne,sans-serif;font-size:.74rem;font-weight:700;display:inline-flex}.ep-visibility-pill.public{color:var(--yellow);background:#f5c8421a;border-color:#f5c8422e}.ep-visibility-pill.private{color:var(--text-muted);background:#ffffff0f;border-color:#ffffff14}.ep-modal-action{width:100%;color:var(--text);text-align:left;background:#ffffff0a;border:1px solid #8b5cf624;border-radius:20px;gap:.35rem;padding:1rem 1.05rem;transition:background .18s,border-color .18s,transform .18s;display:grid}.ep-modal-action:hover:not(:disabled){background:#8b5cf61f;border-color:#8b5cf63d;transform:translateY(-1px)}.ep-modal-action:disabled{opacity:.7;cursor:not-allowed}.ep-modal-action-danger{border-color:#f8717133}.ep-modal-action-danger:hover:not(:disabled){background:#f871711f;border-color:#f871714d}.ep-modal-action strong{font-family:Syne,sans-serif;font-size:.92rem}.ep-modal-action span{color:var(--text-muted);font-size:.84rem;line-height:1.6}.ai-pane{color:var(--ep-text,var(--text));flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex}.ai-pane-head{align-items:center;gap:.9rem;display:flex}.ai-pane-badge{width:44px;height:44px;color:var(--yellow);background:#f5c8421f;border:1px solid #f5c84233;border-radius:14px;place-items:center;font-family:Syne,sans-serif;font-weight:800;display:grid}.ai-pane-title{font-family:Syne,sans-serif;font-size:1rem}.ai-pane-sub{color:var(--ep-muted,var(--text-muted));font-size:.9rem}.ai-pane-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.2rem;display:flex}.ai-orb-wrap{width:84px;height:84px;position:relative}.ai-orb-1,.ai-orb-2{border-radius:999px;animation:3s ease-in-out infinite pulse;position:absolute;inset:0}.ai-orb-1{background:radial-gradient(circle,#8b5cf66b,#0000 68%)}.ai-orb-2{background:radial-gradient(circle,#f5c84280,#0000 70%);animation-delay:1.3s;inset:16px}.ai-pane-empty p,.ai-hint{color:var(--ep-muted,var(--text-muted))}.ai-gen-btn,.ai-regen-btn{border-radius:999px;justify-content:center;align-items:center;gap:.45rem;font-family:Syne,sans-serif;font-weight:800;display:inline-flex}.ai-gen-btn{background:linear-gradient(135deg, var(--yellow), #f0b625);color:#100b19;border:none;min-height:44px;padding:0 1.3rem}.ai-regen-btn{border:1px solid var(--ep-line,var(--border));background:var(--ep-surface,#ffffff0a);min-height:40px;color:var(--ep-text,var(--text));padding:0 1rem}.ai-result-card{border:1px solid var(--ep-line,var(--border));background:var(--ep-surface,#ffffff0a);color:var(--ep-text,var(--text));border-radius:18px;padding:1.1rem 1.15rem}.ai-result-title{color:var(--ep-text,var(--text));font-family:Syne,sans-serif;font-weight:700}.spin-ring{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:999px;width:14px;height:14px;animation:.8s linear infinite spin}.spin-dark{border-color:#100b19 #0003 #0003}.db-toast{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-md);background:#0e0c18eb;border:1px solid #8b5cf647;border-radius:999px;padding:.85rem 1.15rem;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.db-toast.error{color:#fca5a5;border-color:#f8717157}@media (width<=1100px){.ep-editor-grid{grid-template-columns:1fr}.ep-editor-main{min-height:30rem}}@media (width<=860px){.db-page-hero,.ep-header{flex-direction:column;align-items:stretch}.ep-header-actions{justify-content:space-between}.db-theme-toggle{top:28px;right:28px}.ai-insights-grid{grid-template-columns:1fr}.ai-weekly-head{flex-direction:column}}@media (width<=640px){.db-root{flex-direction:column;height:auto;min-height:100vh;overflow:auto}.db-main{height:auto;min-height:0}.db-main:before{border-radius:28px 28px 0 0;inset:0 12px 12px}.db-scroll{padding:12px}.db-theme-toggle{width:fit-content;margin:0 0 .8rem auto;position:sticky;top:12px;right:auto}.db-page-hero,.all-page,.inner-page{padding:1.2rem}.stats-strip{flex-wrap:wrap}.stat-div{display:none}.notes-grid{grid-template-columns:1fr}.ai-weekly-chart{gap:.45rem}.ai-weekly-bar-track{height:110px;padding:.25rem}.ep-panel{min-height:calc(100vh - 24px)}.ep-editor-grid{padding:1rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;overflow-x:hidden}