:root{--obsidian: #050507;--bio-white: #f8faff;--sakura: #ffb7c5;--lavender: #b19cd9;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glow: 0 0 25px rgba(255, 183, 197, .3)}*{margin:0;padding:0;box-sizing:border-box;cursor:none}body{background-color:var(--obsidian);color:var(--bio-white);font-family:Montserrat,sans-serif;overflow:hidden;height:100vh}#cursor-orb{position:fixed;width:12px;height:12px;background:var(--sakura);border-radius:50%;pointer-events:none;z-index:10000;box-shadow:0 0 15px var(--sakura);transition:transform .1s ease-out}#cursor-ribbon{position:fixed;width:30px;height:30px;border:1px solid rgba(255,183,197,.3);border-radius:50%;pointer-events:none;z-index:9999;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.caustics-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 50% 50%,#1a1a2e,#050507);overflow:hidden}.caustic-layer{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;animation:drift 30s linear infinite}@keyframes drift{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#landing-page{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;z-index:100;transition:transform 1s cubic-bezier(.8,0,.2,1)}.sunrise-glow{position:absolute;bottom:-20vh;width:100vw;height:60vh;background:radial-gradient(ellipse at bottom,rgba(255,183,197,.15) 0%,transparent 70%);filter:blur(80px)}.hero-title{font-size:8rem;font-weight:800;letter-spacing:-2px;text-transform:uppercase;background:linear-gradient(to right,#fff 20%,var(--sakura) 50%,#fff 80%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 8s linear infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.2));z-index:2}@keyframes shine{to{background-position:200% center}}.tree-wireframe{position:absolute;width:600px;height:600px;opacity:.15;pointer-events:none;z-index:1}.cta-button{margin-top:40px;padding:20px 60px;border-radius:50px;background:transparent;border:1px solid var(--glass-border);color:var(--bio-white);font-family:JetBrains Mono,monospace;font-size:1rem;letter-spacing:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:.5s}.cta-button:hover{border-color:var(--sakura);box-shadow:0 0 30px #ffb7c566;transform:scale(1.05)}#dashboard{height:100vh;width:100%;display:grid;grid-template-columns:80px 1fr 420px;padding:20px;gap:20px;transform:translateY(100%);transition:transform 1s cubic-bezier(.8,0,.2,1);position:relative}.control-rail{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:40px;display:flex;flex-direction:column;align-items:center;padding:40px 0;gap:30px}.nav-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff6;transition:.3s}.nav-icon.active{color:var(--sakura);background:#ffb7c51a;box-shadow:0 0 15px #ffb7c533}.stage{position:relative;background:radial-gradient(circle at 50% 80%,rgba(177,156,217,.1),transparent);border-radius:40px;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.hana-avatar{height:85%;filter:drop-shadow(0 0 50px rgba(255,183,197,.2));z-index:5;animation:breathe 5s ease-in-out infinite}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.comm-stream{background:var(--glass);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:40px;display:flex;flex-direction:column;overflow:hidden}.stream-header{padding:30px;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--lavender);border-bottom:1px solid var(--glass-border)}.chat-content{flex:1;padding:30px;overflow-y:auto}.message{margin-bottom:30px;max-width:85%}.user-msg{margin-left:auto;background:#ffffff0d;padding:15px 20px;border-radius:20px 20px 0;font-size:.9rem}.hana-msg{font-size:1.1rem;font-weight:300;line-height:1.6;color:var(--sakura)}.autonomy-widget{position:absolute;top:40px;left:120px;width:280px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:15px;border-radius:15px;z-index:10}.widget-label{font-family:JetBrains Mono,monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:2px;opacity:.5;margin-bottom:8px}.widget-text{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--lavender)}.input-capsule{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:60%;height:70px;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:35px;display:flex;align-items:center;padding:0 30px;z-index:20}.waveform{display:flex;gap:3px;align-items:center;margin-right:20px}.wave-bar{width:2px;height:15px;background:var(--sakura);animation:wave 1.2s infinite ease-in-out}@keyframes wave{0%,to{height:5px;opacity:.3}50%{height:25px;opacity:1}}.input-field{flex:1;background:transparent;border:none;outline:none;color:#fff;font-family:Montserrat,sans-serif;font-size:1rem}.send-btn{color:var(--sakura);font-size:1.5rem;margin-left:15px}#sync-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--obsidian);z-index:2000;display:none;justify-content:center;align-items:center;flex-direction:column}.scan-line{width:100%;height:1px;background:var(--sakura);box-shadow:0 0 15px var(--sakura);position:absolute;top:50%;animation:scan 2s infinite ease-in-out}@keyframes scan{0%{top:30%;opacity:0}50%{opacity:1}to{top:70%;opacity:0}}.sync-text{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--sakura);margin-top:20px;letter-spacing:5px}.view-dashboard #landing-page{transform:translateY(-100%)}.view-dashboard #dashboard{transform:translateY(0)}#code-overlay{position:absolute;bottom:120px;left:40px;width:300px;height:400px;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--sakura);opacity:0;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,black 20%);-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%);display:flex;flex-direction:column;justify-content:flex-end;transition:opacity .5s ease;z-index:5;text-shadow:0 0 5px var(--sakura)}.code-line{margin-bottom:4px;white-space:nowrap;opacity:.7;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:.7}}