*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b0b0f;color:#f4f2ec;min-height:100vh;overflow-x:hidden}.grain{position:fixed;inset:-50%;pointer-events:none;opacity:.055;background-image:url("../assets/grain.svg");background-size:260px;transform:rotate(7deg);z-index:10}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,72px);position:relative;z-index:2;border-bottom:1px solid #ffffff12}.brand{letter-spacing:.18em;font-size:12px;font-weight:800}.dot{display:inline-block;width:8px;height:8px;background:#d8ff63;border-radius:50%;margin-right:10px;box-shadow:0 0 18px #d8ff63}button{border:1px solid #ffffff24;background:#ffffff08;color:inherit;padding:11px 16px;border-radius:999px;cursor:pointer;transition:.25s;font-weight:700}button:hover{background:#ffffff18;transform:translateY(-2px)}main{max-width:1180px;margin:auto;padding:80px 24px 100px}.hero{max-width:850px}.eyebrow,.label{font-size:10px;letter-spacing:.22em;color:#a5a1ad;font-weight:800}.hero h1{font-size:clamp(58px,10vw,132px);line-height:.88;letter-spacing:-.075em;margin:25px 0}.hero h1 em{font-style:normal;color:#d8ff63}.lead{font-size:18px;line-height:1.7;color:#aaa7b1;max-width:650px}.clock-card{margin-top:50px;display:flex;align-items:center;justify-content:space-between;padding:30px;border:1px solid #ffffff16;background:linear-gradient(135deg,#ffffff0c,#ffffff03);border-radius:28px;overflow:hidden}.clock-card strong{display:block;font-size:clamp(42px,7vw,80px);letter-spacing:-.06em;margin:8px 0}.clock-card #date{color:#8e8a95}.orb{width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 2%,#d8ff63 3% 8%,#9a7bff 20%,#241e46 58%,#09090d 70%);box-shadow:0 0 70px #8170ff44;animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px) rotate(8deg)}}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:18px}.card{border:1px solid #ffffff14;background:#ffffff05;border-radius:28px;padding:28px;backdrop-filter:blur(10px)}.card h2{font-size:30px;letter-spacing:-.04em}.constellation{grid-row:span 2}.constellation canvas{width:100%;height:360px;display:block;margin:15px 0}.constellation-name{font-size:28px;font-weight:800;margin-bottom:18px}.primary{background:#d8ff63;color:#111;border:0}.quote blockquote{font-size:29px;line-height:1.3;letter-spacing:-.035em;margin:35px 0 28px}.mission{display:flex;flex-direction:column}.mission h2{margin-top:auto}.progress{height:5px;background:#ffffff12;border-radius:9px;margin:22px 0}.progress i{display:block;height:100%;width:0;background:#d8ff63;border-radius:9px;transition:width .5s}.mood-row{display:flex;gap:10px;margin:28px 0}.mood-row button{font-size:25px;width:54px;height:54px;padding:0}.mood-row button.active{outline:2px solid #d8ff63}.memory{margin-top:18px;display:grid;grid-template-columns:1fr 1.5fr;gap:30px}.memory textarea{width:100%;height:180px;resize:vertical;background:#0004;border:1px solid #ffffff15;border-radius:18px;color:#fff;padding:18px;font:inherit;outline:none}.memory textarea:focus{border-color:#d8ff6355}.memory-foot{grid-column:2;display:flex;justify-content:space-between;align-items:center;color:#85818c;font-size:12px}footer{text-align:center;padding:40px 20px;color:#55515c;font-size:10px;letter-spacing:.18em}.light{background:#f4f2ec;color:#151515}.light .card,.light .clock-card{background:#00000004;border-color:#00000014}.light .lead,.light .clock-card #date{color:#666}.light button{border-color:#0002}.light .orb{box-shadow:0 0 60px #8170ff33}@media(max-width:760px){main{padding-top:55px}.grid,.memory{grid-template-columns:1fr}.constellation{grid-row:auto}.memory-foot{grid-column:auto}.hero h1{font-size:62px}.orb{width:90px;height:90px}.clock-card{padding:22px}.constellation canvas{height:260px}}