@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@400;500;600;700&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)}}body{margin:0}#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}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%}:root{--ink:#f7f1ff;--muted:#bbb1ca;--purple:#a986e8;--lavender:#d7c0ff;--gold:#e3c48f;--deep:#090712;--panel:#191327b8;--border:#d7c0ff2e;--interaction-height:175px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 78% 18%,#67489e40,#0000 28rem),radial-gradient(circle at 10% 65%,#422b6633,#0000 32rem),#090712;margin:0;font-family:Montserrat,sans-serif}button,textarea{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible{outline:2px solid var(--lavender);outline-offset:3px}.app-shell{min-height:100vh;position:relative;overflow:hidden}.app-shell:before{z-index:-1;content:"";pointer-events:none;opacity:.45;background-image:radial-gradient(circle at 15% 20%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 70% 35%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 35% 80%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 88% 72%,#fff 0 1px,#0000 1.5px);background-size:240px 240px,310px 310px,370px 370px,430px 430px;position:fixed;inset:0}.navbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);margin:0 auto;padding:28px 0;display:flex}.brand{letter-spacing:.3em;align-items:center;gap:10px;font-size:.86rem;font-weight:700;display:flex}.brand-mark{color:var(--gold);filter:drop-shadow(0 0 8px #e3c48f99);font-size:1.2rem}.status{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:.76rem;display:flex}.status-dot{background:#aee5bd;border-radius:50%;width:7px;height:7px;animation:2.2s infinite pulse;box-shadow:0 0 10px #aee5bd}.hero-section{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:end;gap:80px;width:min(1180px,100% - 48px);min-height:680px;margin:0 auto;padding:90px 0 100px;display:grid}.eyebrow{color:var(--gold);letter-spacing:.24em;text-transform:uppercase;margin:0 0 18px;font-size:.72rem;font-weight:700}.intro h1{text-align:center;letter-spacing:-.04em;max-width:700px;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(3.5rem,7vw,6.7rem);font-weight:600;line-height:.9}.description{max-width:560px;color:var(--muted);margin:30px auto 38px;font-size:1rem;line-height:1.8}.mode-label{color:#ded5ec;letter-spacing:.08em;margin-bottom:14px;font-size:.74rem;font-weight:600}.mode-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mode{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#ffffff06;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-size:.76rem;font-weight:600;line-height:1;transition:transform .18s,border-color .18s,background .18s,color .18s;display:inline-flex}.mode:hover{color:var(--ink);border-color:#d7c0ff7a;transform:translateY(-2px)}.mode.active{color:#fff;background:linear-gradient(135deg,#a986e852,#60439233);border-color:#d7c0ff8c;box-shadow:inset 0 0 18px #d7c0ff14,0 8px 30px #20143759}.talk-box{width:min(560px,100%);height:var(--interaction-height);background:#08060e7a;border:1px solid #d7c0ff33;border-radius:18px;flex-direction:column;margin:28px auto 0;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.talk-box:focus-within{border-color:#d7c0ff80;box-shadow:0 0 30px #a986e81f}.talk-box textarea{resize:none;width:100%;min-height:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:18px 20px;line-height:1.6}.talk-footer{border-top:1px solid #d7c0ff1f;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px 12px 20px;display:flex}.talk-footer span{color:#83778f;font-size:.7rem}.talk-footer button{color:var(--ink);cursor:pointer;background:linear-gradient(135deg,#8f6ac9,#60408d);border:1px solid #d7c0ff47;border-radius:12px;padding:11px 16px;font-size:.72rem;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 8px 25px #5432814d}.talk-footer button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #764bb06b}.talk-footer button:disabled{cursor:not-allowed;opacity:.45}.nocti-area{min-height:calc(390px + var(--interaction-height) + 24px);grid-template-rows:minmax(390px, 1fr) var(--interaction-height);align-self:stretch;place-items:center;gap:24px;display:grid;position:relative}.aura{background:radial-gradient(circle,#c19cff42,#5839891a 42%,#0000 68%);border:1px solid #d7c0ff1a;border-radius:50%;grid-row:1;align-self:center;place-items:center;width:330px;height:330px;animation:5s ease-in-out infinite float;display:grid;position:relative;box-shadow:0 0 70px #9169cf3d,inset 0 0 65px #d7c0ff14}.nocti-character{z-index:2;object-fit:contain;filter:drop-shadow(0 0 28px #9dc4ff4d);width:400px;max-width:none;height:auto;position:relative;top:-140px;left:-50px}.aura:before,.aura:after{content:"";border:1px solid #d7c0ff1f;border-radius:50%;position:absolute}.aura:before{border-style:dashed;width:390px;height:390px;animation:22s linear infinite spin}.aura:after{width:250px;height:250px;box-shadow:0 0 45px #d7c0ff2e}.moon{z-index:2;background:radial-gradient(circle at 40% 34%,#d9c8f8,#9a76ce 55%,#4a326d 100%);border:1px solid #fff3;border-radius:48% 48% 44% 44%;justify-content:center;align-items:center;width:145px;height:160px;display:flex;position:relative;box-shadow:inset -18px -20px 30px #25143e6b,inset 12px 10px 18px #ffffff29,0 0 40px #c19cff7a}.stars{color:var(--gold);filter:drop-shadow(0 0 8px #e3c48fa6);animation:2.6s ease-in-out infinite twinkle;position:absolute}.star-one{font-size:1.5rem;top:70px;left:10%}.star-two{font-size:2.2rem;animation-delay:.8s;top:120px;right:7%}.star-three{bottom:calc(var(--interaction-height) + 65px);font-size:1.2rem;animation-delay:1.4s;right:13%}.message-card{width:100%;height:var(--interaction-height);min-height:var(--interaction-height);max-height:var(--interaction-height);box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#120d1dd1;border:1px solid #d7c0ff38;border-radius:18px;flex-direction:column;grid-row:2;padding:22px 24px;display:flex;position:relative;bottom:auto;right:auto;overflow:hidden;box-shadow:0 22px 60px #0000005c}.message-name{color:var(--gold);letter-spacing:.22em;flex-shrink:0;margin-bottom:9px;font-size:.62rem;font-weight:700;display:block}.message-card p{color:#e5ddec;flex:1;min-height:0;margin:0;padding-right:6px;font-family:Cormorant Garamond,serif;font-size:1.2rem;line-height:1.45;overflow:hidden auto}.message-card p::-webkit-scrollbar{width:4px}.message-card p::-webkit-scrollbar-thumb{background:#d7c0ff47;border-radius:999px}.everlantern{border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#271d39c7,#110d1bd1);border-radius:28px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;width:min(1180px,100% - 48px);margin:0 auto 90px;padding:52px;display:grid;box-shadow:0 30px 90px #00000047}.everlantern h2{margin:0 0 15px;font-family:Cormorant Garamond,serif;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:600;line-height:1}.everlantern>div>p:last-child{color:var(--muted);margin:0;line-height:1.7}.thought-form{background:#08060e7a;border:1px solid #d7c0ff33;border-radius:18px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.thought-form:focus-within{border-color:#d7c0ff80;box-shadow:0 0 30px #a986e81f}textarea{resize:vertical;width:100%;min-height:130px;color:var(--ink);background:0 0;border:0;outline:0;padding:22px;line-height:1.6}textarea::placeholder{color:#7f748f}.form-footer{border-top:1px solid #d7c0ff1f;justify-content:space-between;align-items:center;padding:14px 16px 14px 22px;display:flex}.form-footer span{color:#83778f;font-size:.7rem}.form-footer button{cursor:pointer;background:linear-gradient(135deg,#8f6ac9,#60408d);border:1px solid #d7c0ff47;border-radius:12px;padding:12px 18px;font-size:.74rem;font-weight:700;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 25px #5432814d}.form-footer button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #764bb06b}.saved-section{width:min(1180px,100% - 48px);margin:0 auto 100px}.thought-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.saved-thought{border:1px solid var(--border);background:var(--panel);border-radius:18px;min-height:140px;padding:24px}.saved-thought span{color:var(--gold)}.saved-thought p{color:#d9d0e4;margin:16px 0 0;line-height:1.6}footer{border-top:1px solid var(--border);color:#81768d;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);margin:0 auto;padding:32px 0 42px;font-size:.72rem;display:flex}footer span{color:var(--muted);letter-spacing:.25em;font-weight:700}footer p{margin:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.hero-section{grid-template-columns:1fr;gap:40px;padding-top:70px}.nocti-area{min-height:calc(390px + var(--interaction-height) + 24px)}.everlantern{grid-template-columns:1fr;gap:35px;padding:38px}.thought-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.navbar,.hero-section,.everlantern,.saved-section,footer{width:min(100% - 30px,1180px)}.navbar{padding:20px 0}.hero-section{padding:60px 0 70px}.intro h1{font-size:3.5rem}.nocti-character{width:350px}.aura{width:260px;height:260px}.aura:before{width:300px;height:300px}.message-card{width:100%;height:var(--interaction-height);min-height:var(--interaction-height);max-height:var(--interaction-height);bottom:auto;right:auto;transform:none}.message-card p{max-height:120px;margin-bottom:0;padding-right:6px;overflow-y:auto}.everlantern{margin-bottom:70px;padding:28px 22px}.form-footer{flex-direction:column;align-items:flex-start;gap:12px}.form-footer button{width:100%}.thought-grid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:12px}}