:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#0b0d2e;color:#f0f0ff;overflow-x:hidden}.star-field{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 2s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.app{position:relative;z-index:1}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:radial-gradient(ellipse at 50% 30%,#1a1060,#0b0d2e 70%)}.hero-moon{font-size:6rem;animation:float 4s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,230,100,.5))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero h1{font-size:3rem;font-weight:800;margin:1rem 0 .5rem;letter-spacing:-.02em;line-height:1.2}.highlight{background:linear-gradient(135deg,#fbbf24,#f59e0b,#fcd34d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.25rem;color:#f0f0ffb3;max-width:28rem}.scroll-hint{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#f0f0ff66;font-size:.85rem}.scroll-arrow{font-size:1.5rem;animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.section{max-width:900px;margin:0 auto;padding:5rem 1.5rem}.section-alt{background:#ffffff05;border-radius:2rem;max-width:960px;padding-left:2rem;padding-right:2rem}.section-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:.5rem}.section-icon{margin-right:.3rem}.section-desc{text-align:center;color:#f0f0ff99;margin-bottom:2.5rem;font-size:1.05rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.tip-card{perspective:800px;cursor:pointer;height:220px;animation:fadeUp .5s ease forwards;opacity:0}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(20px)}}.tip-card-inner{position:relative;width:100%;height:100%;transition:transform .5s;transform-style:preserve-3d}.tip-card.flipped .tip-card-inner{transform:rotateY(180deg)}.tip-card-front,.tip-card-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem}.tip-card-front{background:#ffffff0d;border:2px solid;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tip-card-front:hover{background:#ffffff14}.tip-card-back{transform:rotateY(180deg);color:#fff}.tip-icon{font-size:2.5rem;margin-bottom:.5rem}.tip-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.flip-hint{font-size:.75rem;color:#f0f0ff66;margin-top:.5rem}.flip-hint-back{font-size:.75rem;color:#ffffffb3;margin-top:.75rem}.fact-wheel{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.fact-display{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:2rem 2.5rem;text-align:center;max-width:500px;width:100%;transition:transform .3s,opacity .3s}.fact-display.spin{animation:spinFact .6s ease}@keyframes spinFact{0%{transform:scale(1);opacity:1}50%{transform:scale(.95) rotateX(10deg);opacity:.5}to{transform:scale(1) rotateX(0);opacity:1}}.fact-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.fact-display p{font-size:1.15rem;line-height:1.6}.spin-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;padding:.75rem 2rem;border-radius:2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.spin-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.spin-btn:active{transform:translateY(0)}.calculator{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:2rem;max-width:450px;margin:0 auto}.calc-row{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.calc-row label{font-size:1.05rem;font-weight:600}.calc-icon{margin-right:.3rem}.calc-row input[type=time]{background:#ffffff1a;border:2px solid rgba(255,255,255,.15);border-radius:.75rem;padding:.75rem 1rem;color:#f0f0ff;font-size:1.25rem;font-weight:700;outline:none;transition:border-color .2s;width:100%}.calc-row input[type=time]:focus{border-color:#fbbf24}.calc-btn{width:100%;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e;border:none;padding:.85rem;border-radius:2rem;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.calc-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2466}.calc-btn:active{transform:translateY(0)}.calc-result{margin-top:1.5rem;text-align:center;animation:fadeUp .4s ease}.calc-result-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.calc-result p{font-size:1.15rem}.calc-result strong{color:#fbbf24;font-size:1.4rem}.breathing{display:flex;flex-direction:column;align-items:center;gap:2rem}.breath-circle{width:200px;height:200px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;border:3px solid rgba(255,255,255,.15);transition:all 1s ease}.breath-circle.idle{transform:scale(1)}.breath-circle.in{transform:scale(1.25);border-color:#34d399;box-shadow:0 0 40px #34d3994d}.breath-circle.hold{transform:scale(1.25);border-color:#60a5fa;box-shadow:0 0 40px #60a5fa4d}.breath-circle.out{transform:scale(1);border-color:#a78bfa;box-shadow:0 0 40px #a78bfa4d}.breath-label{font-size:1.1rem;font-weight:600}.breath-count{font-size:2.5rem;font-weight:800;margin-top:.25rem;color:#fffc}.breath-controls{display:flex;gap:1rem}.breath-btn{border:none;padding:.75rem 2rem;border-radius:2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.breath-btn.start{background:linear-gradient(135deg,#34d399,#059669);color:#fff}.breath-btn.stop{background:linear-gradient(135deg,#f87171,#dc2626);color:#fff}.breath-btn:hover{transform:translateY(-2px)}.activities-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.activity-chip{display:flex;align-items:center;gap:.5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:2rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:default;transition:transform .2s,background .2s}.activity-chip:hover{transform:translateY(-3px);background:#ffffff1a}.activity-emoji{font-size:1.5rem}.footer{text-align:center;padding:4rem 2rem;background:linear-gradient(to top,rgba(124,58,237,.1),transparent)}.footer-stars{font-size:1.5rem;color:#fbbf24;letter-spacing:.5rem;margin-bottom:1rem}.footer p{font-size:1.25rem;font-weight:600}.footer-sub{color:#f0f0ff80;font-size:.95rem!important;font-weight:400!important;margin-top:.5rem}@media(max-width:640px){.hero h1{font-size:2rem}.hero-moon{font-size:4rem}.section-title{font-size:1.5rem}.tips-grid{grid-template-columns:1fr}.tip-card{height:200px}.section{padding:3rem 1rem}.section-alt{padding-left:1rem;padding-right:1rem;border-radius:1rem}}