:root{--moon-dark: #0b1020;--moon-deep: #141a33;--moon-text: #e6e8f0;--moon-muted: #a3a6b3;--tulip-pink: #e89bb5;--tulip-soft: rgba(232, 155, 181, .15);--moon-gold: #d4c08a;--moon-blue-light: #97c5f0;--moon-blue-deep: #5a8cd2;--tree-bark: #4a4066;--sidebar-width: 270px;--radius-lg: 16px;--radius-pill: 999px;--transition-soft: .4s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:var(--moon-dark);color:var(--moon-text);min-height:100vh;overflow-x:hidden}h1,h2,h3{font-family:Playfair Display,serif;font-weight:500}a{color:inherit;text-decoration:none}.star{position:absolute;border-radius:50%;background:#f5f5ff;box-shadow:0 0 4px 1px #f5f5ff99;animation-name:twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes moonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.moon-input{transition:var(--transition-soft)}.moon-input:focus{outline:none;border-color:var(--moon-gold)!important;box-shadow:0 0 14px #d4c08a40}.hero-divider{width:56px;height:2px;margin:1.4rem auto;background:linear-gradient(90deg,transparent,var(--moon-gold),transparent);opacity:.8}button{font-family:inherit;background:transparent;color:var(--moon-text);border:4px solid var(--tulip-pink);border-radius:var(--radius-pill);padding:.6rem 1.4rem;cursor:pointer;transition:var(--transition-soft)}button:hover{background:var(--tulip-soft)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#141a33,#0b1020 70%)}.auth-card{background:#141a3399;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:3rem 2.5rem;border-radius:var(--radius-lg);width:100%;max-width:380px;text-align:center;z-index:10}.auth-card form{display:flex;flex-direction:column;gap:1.2rem}.auth-card input{width:100%;padding:.75rem .9rem;border-radius:10px;background:transparent;border:1px solid rgba(255,255,255,.18);color:var(--moon-text)}.auth-card input:focus{outline:none;border-color:var(--tulip-pink)}.auth-card input::placeholder{color:var(--moon-muted)}.auth-card h1{font-size:2rem;margin-bottom:1.5rem}.toggle{margin-top:1.5rem;font-size:.9rem;color:var(--moon-muted)}.toggle span{color:var(--tulip-pink);cursor:pointer}.page{flex:1;padding:3rem 4rem}.page-header{margin-bottom:3rem}.page-header h1{font-size:2.4rem}.page-header p{color:var(--moon-muted);margin-top:.4rem}.node-card{position:relative;background:url(/assets/tulip-bg.webp) no-repeat,#141a33ad;background-size:120px;background-position:bottom right;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2.2rem 2.2rem 2rem;border-radius:var(--radius-lg);max-width:440px;overflow:visible}.node-card:before{content:"";position:absolute;inset:0;background:#141a33d9;z-index:0}.node-card>*{position:relative;z-index:1}.node-card{background-blend-mode:soft-light}.landing-root{position:relative;min-height:100vh;background:radial-gradient(ellipse at top,#0f1730,#050914);overflow:hidden}.stars-svg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;opacity:.1;z-index:0;pointer-events:none}.audio-toggle{border:4px solid var(--tulip-pink);display:flex;align-items:center;justify-content:center;color:#fff;position:fixed;top:24px;right:24px;z-index:10;cursor:pointer;transition:.3s ease}.audio-toggle svg{transition:transform .25s ease,opacity .25s ease}.audio-toggle:hover svg{transform:scale(1.15)}.moon-svg{position:absolute;top:10%;left:8%;width:160px;z-index:2;filter:drop-shadow(0 0 40px rgba(200,200,255,.4))}.right-art{position:absolute;right:7%;bottom:-7%;z-index:4}.right-art img{width:550px;opacity:1}.landing-center{position:relative;z-index:5;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.landing-center h1{font-size:3rem;line-height:1.3;margin-bottom:2.4rem}.landing-center button{padding:.8rem 2.6rem;border-radius:999px;border:4px solid var(--tulip-pink);background:transparent;color:var(--moon-text);transition:all .35s ease}.landing-center button:hover{background:#e89bb538;box-shadow:0 0 22px #e89bb559}.tulips-strip{position:absolute;bottom:0;left:0;width:100%;height:42vh;background:url(/assets/tulip-float.webp) no-repeat center bottom;background-size:cover;opacity:1;z-index:3;pointer-events:none}.moon-auth{position:relative;overflow:hidden;background:radial-gradient(ellipse at top,#0f1730,#050914)}.auth-subtext{margin-bottom:1.6rem;font-size:.9rem;color:var(--moon-muted)}.error{color:var(--tulip-pink);font-size:.85rem;margin-top:-.4rem}.moon-sidebar{position:relative;background:radial-gradient(circle at top left,rgba(255,255,255,.05),transparent 40%),var(--moon-deep);overflow:hidden;z-index:1}.sidebar-watermark{position:absolute;inset:0;z-index:0;opacity:.08;pointer-events:none;background-repeat:no-repeat;background-position:top left;background-size:700px}.tulip-mode .sidebar-watermark{background-image:url(/assets/tulip-bg.webp)}.moon-mode .sidebar-watermark{background-image:url(/assets/moon.svg);background-size:140px;opacity:.06}.sidebar-header,.sidebar-nav{position:relative;z-index:2}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.4rem}.logo{font-size:1.4rem;letter-spacing:.04em;color:var(--moon-text)}.sidebar-audio{background:#ffffff0f;border:1px solid rgba(255,255,255,.18);width:36px;height:36px;border-radius:50%;font-size:15px;cursor:pointer;color:var(--moon-text);transition:all .3s ease}.sidebar-audio:hover{background:#ffffff24;transform:scale(1.08)}.sidebar-nav a{display:block;padding:.7rem .6rem;margin-bottom:.2rem;color:var(--moon-muted);border-left:2px solid transparent;transition:var(--transition-soft)}.sidebar-nav a.active{color:var(--moon-text);border-left:2px solid var(--tulip-pink);padding-left:.9rem}.sidebar-nav a:hover{color:var(--moon-text);background:linear-gradient(to right,rgba(232,155,181,.12),transparent)}.sidebar-divider{display:block;height:1px;margin:1.2rem 0;background:#ffffff1f}.logout-link{color:#d9a0b6}.logout-link:hover{background:linear-gradient(to right,rgba(217,160,182,.18),transparent)}.tab-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:2rem}.tab-pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.15);color:var(--moon-muted);background:transparent;padding:.5rem 1.2rem}.tab-pill-icon{font-size:.95rem}.tab-pill.active{border-color:var(--tulip-pink);color:var(--moon-text);background:var(--tulip-soft);box-shadow:0 0 14px #e89bb533}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.6rem}.content-card{background:#141a338c;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:var(--transition-soft)}.content-card:hover{transform:translateY(-4px);border-color:var(--tulip-pink);box-shadow:0 10px 30px #00000059,0 0 18px #e89bb52e}.content-card-media{position:relative;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e89bb52e,#d4c08a1a 60%,#0b102066);font-size:2rem;color:#f5f5ff8c}.content-card-body{padding:1rem 1.2rem 1.2rem}.content-card-title{font-size:1rem;color:var(--moon-text);margin-bottom:.2rem}.content-card-meta{font-size:.78rem;color:var(--moon-muted)}.empty-note{margin-top:1rem;font-size:.85rem;color:var(--moon-muted);font-style:italic}.journal{max-width:720px;background:#141a3380;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:2rem 2.2rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.journal-status{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--moon-gold);margin-bottom:1.6rem;letter-spacing:.02em}.journal-status-dot{width:7px;height:7px;border-radius:50%;background:var(--moon-gold);box-shadow:0 0 8px #d4c08ab3;animation:twinkle 2s ease-in-out infinite}.journal-entry{padding-bottom:1.6rem;margin-bottom:1.6rem;border-bottom:1px solid rgba(255,255,255,.08)}.journal-entry:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.journal-entry-date{font-size:.78rem;color:var(--tulip-pink);letter-spacing:.03em;margin-bottom:.5rem}.journal-entry-body{color:#cfd2dd;line-height:1.8;font-size:.98rem}.journal-cursor{margin-top:1.6rem;color:var(--moon-muted);font-size:.85rem;font-style:italic}.journal-cursor-blink{color:var(--tulip-pink);animation:twinkle 1.1s steps(2) infinite}.days-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.4rem}.day-card{position:relative;background:#141a338c;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;transition:var(--transition-soft)}.day-card:hover{border-color:var(--moon-gold);box-shadow:0 0 18px #d4c08a2e}.day-icon{font-size:1.6rem;margin-bottom:.6rem}.day-title{font-size:1rem;margin-bottom:.3rem}.day-date{font-size:.8rem;color:var(--moon-muted);margin-bottom:.9rem}.day-countdown{display:inline-block;padding:.3rem .9rem;border-radius:var(--radius-pill);font-size:.75rem;letter-spacing:.02em;background:var(--tulip-soft);color:var(--tulip-pink)}.day-countdown.today{background:#d4c08a2e;color:var(--moon-gold)}.night-page{position:relative;background:radial-gradient(ellipse at top,#0f1730,#050914);overflow:hidden}.night-page .page-header{position:relative;z-index:2}.night-moon-glow{position:absolute;top:-80px;right:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(180,180,255,.18),transparent 70%);filter:blur(30px);pointer-events:none;z-index:0}.tree-wrapper{position:relative;z-index:2;margin-top:1rem}.tree-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.tree-trunk{fill:none;stroke:url(#trunkGrad);stroke-width:17;stroke-linecap:round;stroke-linejoin:round}.tree-trunk-glow{fill:none;stroke:var(--moon-blue-light);stroke-width:24;stroke-linecap:round;opacity:.4;filter:blur(4px)}.tree-trunk-bloom{fill:none;stroke:var(--tulip-pink);stroke-width:42;stroke-linecap:round;opacity:.18;filter:blur(12px)}.tree-root{fill:none;stroke:var(--moon-blue-deep);stroke-width:4;stroke-linecap:round;opacity:.55}.tree-bloom-pass{opacity:.16;filter:blur(9px)}.tree-glow-pass{opacity:.45;filter:blur(3.5px)}.tree-bloom-pass line,.tree-glow-pass line{stroke-linecap:round}.tree-core-pass line{stroke-linecap:round;opacity:.95}.tree-tip-leaf{fill:var(--tulip-pink);opacity:.95;filter:drop-shadow(0 0 3px rgba(232,155,181,.8))}.tree-card-slot{position:absolute;width:min(420px,42%);transform:translateY(-50%);z-index:5;border-radius:var(--radius-lg);transition:var(--transition-soft)}.tree-card-slot.left{left:2%}.tree-card-slot.right{right:2%}.tree-card-slot.grad-0{box-shadow:0 0 26px -6px #97c5f08c}.tree-card-slot.grad-1{box-shadow:0 0 26px -6px #e89bb58c}.tree-card-slot.grad-2{box-shadow:0 0 26px -6px #5a8cd28c}.tree-card-slot.grad-3{box-shadow:0 0 26px -6px #fdf8fc66}.node-date{display:block;font-size:.78rem;color:var(--moon-muted);margin-bottom:.3rem}@media(max-width:720px){.tree-card-slot{width:88%;left:8%!important;right:auto!important}}.moon-loader-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--moon-dark)}.moon-loader{width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,255,255,.12);border-top-color:var(--tulip-pink);animation:moonSpin .9s linear infinite}@keyframes moonSpin{to{transform:rotate(360deg)}}