:root{--bg-primary:#fff8f1;--bg-secondary:#fdf2e7;--bg-card:#ffffffd9;--bg-card-border:#a3406326;--text-main:#5c4033;--text-muted:#8a5868;--text-heading:#2d1820;--accent-berry:#a34063;--accent-berry-light:#e2829d;--accent-gold:#ffd166;--accent-amber:#ffb347;--accent-sky:#a9def9;--accent-pink:#ffcad4;--accent-mint:#baffc9;--glow-ambient:#ffd16640;--glow-berry:#a3406340;--font-serif:"Fraunces", Georgia, serif;--font-bubbly:"Fredoka", cursive, sans-serif;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif}.theme-night{--bg-primary:#0c0919;--bg-secondary:#140f29;--bg-card:#181230d1;--bg-card-border:#ffd16638;--text-main:#f5e9dc;--text-muted:#cbb4c1;--text-heading:#fffdf9;--accent-berry:#d65d89;--accent-berry-light:#f3a3bd;--glow-ambient:#ffd16659;--glow-berry:#d65d8973}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:85px;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;line-height:1.6;transition:background-color .4s,color .4s;overflow-x:hidden}.app-root{background-color:var(--bg-primary);width:100%;min-height:100dvh;transition:background-color .5s;position:relative;overflow-x:clip}::selection{background:var(--accent-berry);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-berry-light);border:2px solid var(--bg-primary);border-radius:999px}button,a,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:16px!important}.portfolio-content-shell{z-index:10;flex-direction:column;width:100%;min-height:100vh;transition:opacity .8s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.portfolio-content-shell.content-hidden{opacity:0;pointer-events:none;visibility:hidden;height:0;overflow:hidden}.portfolio-content-shell.content-visible{opacity:1;pointer-events:auto;visibility:visible;height:auto}.animate-fade-in-up{animation:.9s cubic-bezier(.16,1,.3,1) forwards fadeInUpReveal}@keyframes fadeInUpReveal{0%{opacity:0;transform:translateY(50px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.main-layout{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.ambient-clouds-wrap{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.ambient-cloud{filter:blur(40px);background:radial-gradient(circle,#ffffff80 0%,#fff0 70%);border-radius:50%;position:absolute}.theme-night .ambient-cloud{background:radial-gradient(circle,#5c409640 0%,#5c409600 70%)}.cloud-top-left{width:500px;height:400px;top:-100px;left:-80px}.cloud-top-right{width:550px;height:450px;top:15%;right:-120px}.cloud-mid-left{width:600px;height:500px;top:50%;left:-150px}.cloud-mid-right{width:500px;height:400px;top:75%;right:-100px}.pip-entrance-container{will-change:transform, opacity}.pip-entered{animation:4s ease-in-out infinite alternate entranceFloat}.pip-celebrating{animation:.6s ease-in-out 2 celebrateBounce}@keyframes celebrateBounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-24px)scale(1.06)}}@keyframes entranceFloat{0%{transform:translateY(0)rotate(-1deg)}to{transform:translateY(-16px)rotate(1.5deg)}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes cloudSway{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@keyframes eyePulse{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}@keyframes buttonPulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #a3406366,0 0 20px #ffd1664d}50%{transform:scale(1.04);box-shadow:0 14px 40px #a34063a6,0 0 35px #ffd1668c}}@keyframes bounceArrow{0%,to{opacity:.6;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(-10px)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.intro-stars span{color:#ffd166;font-size:20px;animation:2.5s ease-in-out infinite alternate starTwinkle;position:absolute}.s-1{animation-delay:.2s;top:15%;left:18%;font-size:28px!important}.s-2{animation-delay:.8s;top:22%;right:20%;font-size:24px!important}.s-3{animation-delay:1.4s;bottom:25%;left:22%}.s-4{animation-delay:.5s;bottom:20%;right:25%;font-size:22px!important}.s-5{animation-delay:1.9s;top:40%;right:12%;color:#ff99c8!important}@keyframes starTwinkle{0%{opacity:.25;transform:scale(.8)rotate(0)}to{opacity:1;transform:scale(1.3)rotate(35deg)}}.site-header{z-index:1000;padding-top:env(safe-area-inset-top,0);-webkit-backdrop-filter:blur(20px);background:#fff8f1f2;border-bottom:1.5px solid #a340631f;transition:all .3s;position:sticky;top:0}.theme-night .site-header{background:#0c0919eb;border-bottom:1.5px solid #ffd1662e}.nav-container{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:12px 24px;display:flex}.brand-lockup{color:var(--text-heading);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-pip-thumb{object-fit:contain;filter:drop-shadow(0 2px 6px #ffb34766);width:38px;height:38px;transition:transform .25s}.brand-lockup:hover .brand-pip-thumb{transform:rotate(-10deg)scale(1.1)}.brand-text{flex-direction:column;display:flex}.brand-title{font-family:var(--font-bubbly);color:var(--accent-berry);font-size:20px;font-weight:700;line-height:1.1}.brand-badge{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:600}.desktop-nav{align-items:center;gap:8px;display:flex}.desktop-nav a{font-family:var(--font-bubbly);color:var(--text-main);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s}.desktop-nav a:hover{color:var(--accent-berry);background:#a340631a}.nav-actions{align-items:center;gap:8px;display:flex}.nav-icon-btn{border:1.5px solid var(--bg-card-border);background:var(--bg-card);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.nav-icon-btn:focus-visible,.nav-chaos-btn:focus-visible,.mobile-toggle-btn:focus-visible,.segmented-tab-btn:focus-visible,.cinema-control-btn:focus-visible{outline:2px solid var(--accent-berry);outline-offset:2px}.nav-icon-btn:hover{border-color:var(--accent-berry);color:var(--accent-berry);transform:scale(1.08)}.btn-muted{color:var(--accent-berry);background:#a3406326}.active-sparkle{color:var(--accent-gold);border-color:var(--accent-gold);box-shadow:0 0 10px #ffd16680}.nav-chaos-btn{font-family:var(--font-bubbly);border:1.5px solid var(--accent-berry);color:var(--accent-berry);cursor:pointer;background:#a340631a;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .25s;display:inline-flex}.nav-chaos-btn:hover{background:var(--accent-berry);color:#fff;transform:scale(1.04)}.chaos-active{animation:2s infinite alternate rainbowGlow;color:#fff!important;background:#ff007f!important;border-color:gold!important}.mobile-toggle-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;padding:6px;display:none}.mobile-menu-drawer{background:var(--bg-card);border-bottom:1.5px solid var(--bg-card-border);flex-direction:column;gap:12px;padding:16px 24px 20px;display:flex}.mobile-menu-drawer a{font-family:var(--font-bubbly);color:var(--text-main);border-bottom:1px dashed var(--bg-card-border);padding:8px 0;font-size:16px;font-weight:600;text-decoration:none}.hero-section{padding:60px 0 80px}.hero-container{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;display:grid}.hero-badge{color:var(--accent-berry);font-family:var(--font-bubbly);background:#a3406314;border:1.5px solid #a3406333;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.badge-dot{background:var(--accent-berry);border-radius:50%;width:5px;height:5px}.hero-title{font-family:var(--font-serif);color:var(--text-heading);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2.4rem,4vw,3.8rem);font-weight:700;line-height:1.15}.highlight-berry{color:var(--accent-berry);font-style:italic;font-family:var(--font-serif)}.hero-subtitle{font-family:var(--font-serif);color:var(--text-muted);margin-bottom:20px;font-size:20px;font-style:italic}.hero-description{color:var(--text-main);max-width:560px;margin-bottom:28px;font-size:16px;line-height:1.7}.traits-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;display:grid}.trait-pill{background:var(--bg-card);border:1.5px solid var(--bg-card-border);border-radius:16px;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 4px 15px #00000008}.trait-emoji{font-size:24px}.trait-pill strong{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;display:block}.trait-pill span{color:var(--text-heading);font-size:13.5px;font-weight:600}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn-primary{background:linear-gradient(135deg, var(--accent-berry) 0%, var(--accent-berry-light) 100%);color:#fff;font-family:var(--font-bubbly);cursor:pointer;box-shadow:0 8px 24px var(--glow-berry);border:none;border-radius:999px;align-items:center;gap:10px;padding:13px 26px;font-size:16px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.btn-primary:hover{box-shadow:0 12px 30px var(--glow-berry);transform:translateY(-2px)scale(1.03)}.btn-secondary{background:var(--bg-card);color:var(--text-heading);font-family:var(--font-bubbly);border:1.5px solid var(--bg-card-border);border-radius:999px;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-secondary:hover{border-color:var(--accent-berry);color:var(--accent-berry);transform:translateY(-2px)}.btn-text-replay{font-family:var(--font-bubbly);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .2s}.btn-text-replay:hover{color:var(--accent-berry);background:#a3406314}.hero-floating-pip-col{perspective:1000px;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.floating-pip-stage{cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;max-width:440px;transform-style:preserve-3d;flex-direction:column;justify-content:center;align-items:center;padding:10px 0;display:flex;position:relative}.pip-nod{animation:.7s ease-in-out pipNodAnim}@keyframes pipNodAnim{0%,to{transform:scale(1)}50%{transform:scale(1.08)translateY(-14px)}}.pip-halo-aura{filter:blur(36px);pointer-events:none;z-index:0;background:radial-gradient(circle,#ffd16666 0%,#ff99c838 45%,#0000 72%);border-radius:50%;width:360px;height:360px;animation:4.5s ease-in-out infinite alternate auraBreathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-night .pip-halo-aura{background:radial-gradient(circle,#ffd16673 0%,#c77dff47 50%,#0000 75%)}@keyframes auraBreathe{0%{opacity:.7;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1.12)}}.pip-orbit-stars{pointer-events:none;z-index:2;position:absolute;inset:0}.orbit-star{color:var(--accent-gold);filter:drop-shadow(0 0 8px #ffd166cc);font-size:16px;animation:3.5s ease-in-out infinite alternate orbitFloat;position:absolute}.os-1{font-size:22px;animation-delay:0s;top:12%;left:14%}.os-2{color:var(--accent-pink);font-size:18px;animation-delay:.8s;top:20%;right:12%}.os-3{color:var(--accent-sky);font-size:19px;animation-delay:1.5s;bottom:28%;left:8%}.os-4{font-size:15px;animation-delay:2.2s;bottom:22%;right:10%}.os-5{color:var(--accent-berry-light);font-size:16px;animation-delay:1.1s;top:4%;right:35%}@keyframes orbitFloat{0%{transform:translateY(0)rotate(0)scale(.9)}to{transform:translateY(-14px)rotate(20deg)scale(1.2)}}.pip-thought-bubble{z-index:3;background:var(--bg-card);border:1.5px solid var(--accent-gold);font-family:var(--font-bubbly);color:var(--accent-berry);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:normal;text-align:center;box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;gap:6px;max-width:calc(100% - 24px);margin-bottom:4px;padding:6px 16px;font-size:13.5px;font-weight:700;animation:3.2s ease-in-out infinite alternate bubbleHover;display:inline-flex;position:relative;box-shadow:0 8px 24px #0000001f,0 0 16px #ffd16659}@keyframes bubbleHover{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.pip-character-stage{z-index:2;justify-content:center;align-items:center;padding:4px 0;display:flex;position:relative}.pip-render-img{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 20px 32px #00000038);width:100%;max-width:330px;height:auto;transition:transform .2s ease-out;animation:4.5s ease-in-out infinite alternate floatingPipLevitate;display:block}@keyframes floatingPipLevitate{0%{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-14px)rotate(.5deg)}to{transform:translateY(-6px)rotate(2deg)}}.pip-cloud-shadow{filter:blur(8px);z-index:1;background:radial-gradient(#0d063059 0%,#0000 72%);border-radius:50%;width:210px;height:24px;margin-top:-12px;animation:4.5s ease-in-out infinite alternate shadowBreathe}.theme-night .pip-cloud-shadow{background:radial-gradient(#0009 0%,#0000 72%)}@keyframes shadowBreathe{0%{opacity:.7;transform:scale(1)}50%{opacity:.35;filter:blur(12px);transform:scale(.82)}to{opacity:.55;transform:scale(.92)}}.pip-floating-status{z-index:2;background:var(--bg-card);border:1.5px solid var(--bg-card-border);color:var(--text-heading);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:normal;text-align:center;box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;gap:8px;max-width:calc(100% - 24px);margin-top:14px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 4px 18px #00000014}.eye-pupil{pointer-events:none;background:#ffeaa7;border-radius:50%;width:11px;height:11px;transition:transform 80ms ease-out;position:absolute;box-shadow:0 0 14px 4px #ffd166,0 0 25px 8px #ff9f43}.eye-left{top:40%;left:42.5%}.eye-right{top:38.5%;left:58.5%}.secret-star-button{color:#ffd166;cursor:pointer;background:#ffffff59;border:1.5px solid #ffd166;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:15px;transition:all .2s;animation:2s infinite alternate secretPulse;display:flex;position:absolute;top:24%;left:31%}.secret-star-button:hover{color:#fff;background:#ffd166;transform:scale(1.35)rotate(45deg)}@keyframes secretPulse{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}.card-footer-ribbon{border-top:1.5px dashed var(--bg-card-border);text-align:center;margin-top:18px;padding-top:16px}.status-indicator{color:var(--text-main);align-items:center;gap:8px;margin-bottom:6px;font-size:12.5px;font-weight:600;display:inline-flex}.status-ping{background:#0f6;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pingPulse;box-shadow:0 0 8px #0f6}@keyframes pingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.card-hint{color:var(--text-muted);font-size:12px}.section-header-wrap{text-align:center;max-width:680px;margin:0 auto 48px}.pill-badge{color:var(--accent-berry);font-family:var(--font-bubbly);box-sizing:border-box;text-align:center;background:#a3406314;border:1.5px solid #a340632e;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:100%;margin-bottom:12px;padding:5px 14px;font-size:13px;font-weight:700;display:inline-flex}.section-title{font-family:var(--font-serif);color:var(--text-heading);margin-bottom:12px;font-size:clamp(2rem,3.2vw,2.8rem);font-weight:700;line-height:1.2}.section-subtitle{color:var(--text-muted);font-size:16px;line-height:1.6}.projects-section{padding:60px 0 80px}.projects-grid{flex-direction:column;gap:36px;display:flex}.project-card{background:var(--bg-card);border:2px solid var(--bg-card-border);border-radius:32px;padding:36px;position:relative;box-shadow:0 16px 40px #0000000d}.project-badge{color:var(--accent-berry);font-family:var(--font-bubbly);background:#a3406314;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.project-content-split{grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;display:grid}.project-img-box{border:1.5px solid var(--bg-card-border);background:#ffffff80;border-radius:28px;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.theme-night .project-img-box{background:#ffffff08}.project-render{object-fit:contain;width:100%;max-width:280px;height:auto;transition:all .3s}.render-bob{animation:1.6s ease-in-out infinite alternate musicBoxBob}@keyframes musicBoxBob{0%{transform:translateY(0)rotate(-1deg)}to{transform:translateY(-8px)rotate(1deg)}}.floating-music-notes{pointer-events:none;position:absolute;inset:0}.floating-note{font-size:24px;animation:2s ease-out infinite noteFloat;position:absolute}.n1{animation-delay:.1s;top:20%;left:15%}.n2{animation-delay:.7s;top:15%;right:20%}.n3{animation-delay:1.3s;bottom:30%;right:15%}@keyframes noteFloat{0%{opacity:0;transform:translateY(0)scale(.6)}50%{opacity:1;transform:translateY(-20px)scale(1.1)}to{opacity:0;transform:translateY(-40px)scale(.8)}}.project-name{font-family:var(--font-bubbly);color:var(--text-heading);margin-bottom:12px;font-size:26px;font-weight:700}.project-desc{color:var(--text-main);margin-bottom:24px;font-size:15.5px;line-height:1.7}.lullaby-melody-picker{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.picker-label{font-family:var(--font-bubbly);color:var(--text-heading);align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:flex}.melody-pills-wrap{flex-wrap:wrap;gap:8px;display:flex}.melody-pill-btn{background:var(--bg-card);border:1.5px solid var(--bg-card-border);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #0000000a}.melody-pill-btn:hover{border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 4px 14px #ffd16640}.melody-pill-active{box-shadow:0 4px 16px var(--glow-berry), 0 0 12px #ffd16666;transform:translateY(-2px);background:linear-gradient(135deg, var(--accent-berry) 0%, var(--accent-berry-light) 100%)!important;border-color:var(--accent-gold)!important;color:#fff!important}.melody-icon{font-size:14px}.melody-title{font-family:var(--font-bubbly);color:inherit;font-size:13px;font-weight:700}.melody-badge{letter-spacing:.03em;color:inherit;background:#fff3;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:600}.melody-pill-btn:not(.melody-pill-active) .melody-badge{color:var(--accent-berry);background:#a3406314}.music-box-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.btn-play-melody{background:var(--accent-berry);color:#fff;font-family:var(--font-bubbly);cursor:pointer;box-shadow:0 4px 15px var(--glow-berry);border:none;border-radius:999px;align-items:center;gap:8px;padding:11px 24px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.btn-play-melody:hover{box-shadow:0 6px 20px var(--glow-berry);transform:scale(1.04)}.btn-play-melody.is-playing{background:#ff5252;animation:1.5s infinite playPulse}@keyframes playPulse{0%,to{opacity:1}50%{opacity:.85}}.btn-audio-mute-pill{background:var(--bg-card);border:1.5px solid var(--bg-card-border);color:var(--text-main);font-family:var(--font-bubbly);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-audio-mute-pill:hover{border-color:var(--accent-berry);color:var(--accent-berry)}.keys-container{border:1.5px solid var(--bg-card-border);background:#a340630d;border-radius:20px;padding:16px 20px}.keys-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.keys-label{font-family:var(--font-bubbly);color:var(--text-muted);margin-bottom:0;font-size:13px;font-weight:700}.keys-badge-sargam{color:var(--accent-berry);background:#a3406314;border:1px solid #a3406333;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.piano-keys-grid{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.chime-key{background:var(--bg-card);border:1.5px solid var(--bg-card-border);cursor:pointer;border-bottom:4px solid #ffd166;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:12px 2px 10px;transition:all .15s;display:flex}.chime-key:hover{border-color:var(--accent-gold);transform:translateY(-3px);box-shadow:0 6px 14px #00000014}.chime-key:active,.key-active{background:var(--accent-berry)!important;color:#fff!important;box-shadow:0 0 15px var(--glow-berry)!important;transform:translateY(2px)!important}.key-sargam{font-family:var(--font-bubbly);color:var(--accent-berry);font-size:15px;font-weight:700;line-height:1.1}.key-active .key-sargam{color:#fff!important}.key-name{font-family:var(--font-sans);opacity:.8;font-size:11px;font-weight:600}.lantern-controls{border:1.5px solid var(--bg-card-border);background:#a340630d;border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex}.control-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.control-label{font-family:var(--font-bubbly);color:var(--text-heading);font-size:14px;font-weight:700}.toggle-switch-btn{font-family:var(--font-bubbly);cursor:pointer;border:none;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:700;transition:all .2s}.switch-on{color:#fff;background:#00c853}.switch-off{color:#fff;background:#757575}.range-slider{max-width:200px;accent-color:var(--accent-berry);cursor:pointer;flex:1}.preset-colors-row{gap:10px;display:flex}.preset-color-btn{cursor:pointer;border:2px solid #fff;border-radius:50%;width:28px;height:28px;transition:transform .2s;box-shadow:0 2px 6px #0003}.preset-color-btn:hover,.preset-active{border-color:var(--accent-berry);transform:scale(1.25)}.route-timeline{grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0;display:grid}.route-node{background:var(--bg-card);border:1.5px solid var(--bg-card-border);cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;transition:all .2s;display:flex}.route-node:hover{border-color:var(--accent-berry);transform:translateY(-2px)}.route-node-active{border-color:var(--accent-berry);box-shadow:0 4px 16px var(--glow-berry);background:#a340631f}.node-icon{font-size:24px}.node-time{color:var(--accent-berry);font-size:11px;font-weight:700}.node-name{text-align:center;font-size:12.5px;font-weight:600}.route-detail-card{border:1.5px solid var(--bg-card-border);background:#a340630d;border-radius:20px;padding:20px 24px}.detail-tag{font-family:var(--font-bubbly);color:var(--accent-berry);background:#a340631f;border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.route-detail-card h4{font-family:var(--font-bubbly);margin-bottom:8px;font-size:20px;font-weight:700}.route-detail-card p{color:var(--text-main);margin-bottom:14px;font-size:14.5px}.detail-meta{color:var(--text-muted);gap:20px;font-size:12.5px;font-weight:600;display:flex}.project-card-duo{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.project-subcard{background:var(--bg-card);border:2px solid var(--bg-card-border);border-radius:28px;padding:28px;box-shadow:0 10px 30px #0000000a}.subcard-desc{color:var(--text-muted);margin:6px 0 20px;font-size:14px}.toy-blocks-row{justify-content:center;gap:16px;padding:16px 0;display:flex}.toy-block-btn{width:64px;height:64px;font-family:var(--font-bubbly);color:#5c4033;cursor:pointer;border:3px solid #fff;border-radius:18px;font-size:28px;font-weight:800;transition:transform .25s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 20px #0000001f}.toy-block-btn:hover{transform:scale(1.15)rotate(10deg)}.growth-skills-list{flex-direction:column;gap:14px;margin-top:14px;display:flex}.skill-meta{justify-content:space-between;margin-bottom:4px;font-size:13.5px;font-weight:600;display:flex}.skill-bar{background:#a340631f;border-radius:999px;width:100%;height:10px;overflow:hidden}.skill-fill{border-radius:999px;height:100%;transition:width 1s ease-in-out}.story-section{padding:60px 0 80px}.storybook-container{background:var(--bg-card);border:2px solid var(--bg-card-border);border-radius:36px;grid-template-columns:.85fr 1.15fr;display:grid;overflow:hidden;box-shadow:0 20px 50px #00000014}.book-page-left{border-right:2px dashed var(--bg-card-border);background:#a340630a;justify-content:center;align-items:center;padding:40px;display:flex}.illustration-frame{text-align:center}.storybook-img{border-radius:24px;width:100%;max-width:260px;margin-bottom:16px;box-shadow:0 12px 30px #00000026}.illustration-caption span{font-family:var(--font-bubbly);color:var(--accent-berry);font-size:13px;font-weight:700}.illustration-caption p{color:var(--text-muted);font-size:12.5px}.book-page-right{flex-direction:column;justify-content:space-between;padding:48px;display:flex}.chapter-eyebrow{font-family:var(--font-bubbly);color:var(--accent-berry);margin-bottom:6px;font-size:13px;font-weight:700;display:inline-block}.scene-heading{font-family:var(--font-serif);color:var(--text-heading);margin-bottom:14px;font-size:30px;font-weight:700}.scene-quote{font-family:var(--font-serif);color:var(--accent-berry);border-left:3px solid var(--accent-berry);margin-bottom:18px;padding-left:16px;font-size:17px;font-style:italic}.scene-body{color:var(--text-main);margin-bottom:20px;font-size:15.5px;line-height:1.75}.word-count-tag{color:var(--text-muted);margin-bottom:24px;font-size:12px}.storybook-nav{border-top:1.5px dashed var(--bg-card-border);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.book-nav-btn{background:var(--bg-card);border:1.5px solid var(--bg-card-border);color:var(--text-heading);font-family:var(--font-bubbly);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.book-nav-btn:hover{border-color:var(--accent-berry);color:var(--accent-berry)}.book-dots{gap:8px;display:flex}.dot-indicator{background:var(--bg-card-border);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;transition:all .2s}.dot-active{background:var(--accent-berry);transform:scale(1.3)}.guestbook-section{padding:60px 0 80px}.odometer-container{background:var(--bg-card);border:2px solid var(--bg-card-border);box-sizing:border-box;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:520px;margin-bottom:36px;margin-left:auto;margin-right:auto;padding:20px 24px;display:flex;box-shadow:0 8px 24px #0000000d}.odometer-label{font-family:var(--font-bubbly);color:var(--accent-berry);letter-spacing:.06em;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:100%;margin-bottom:12px;font-size:12.5px;font-weight:700;display:flex}.odometer-digits{box-sizing:border-box;background:#120e24;border-radius:12px;justify-content:center;gap:6px;max-width:100%;padding:8px 14px;display:flex;box-shadow:inset 0 2px 8px #0009}.odometer-digit{color:#0f6;background:#000;border:1px solid #222;border-radius:6px;padding:4px 10px;font-family:Courier New,monospace;font-size:26px;font-weight:800;box-shadow:inset 0 1px 4px #fff3}@media (width<=480px){.odometer-container{padding:16px 12px}.odometer-digits{gap:4px;padding:6px 8px}.odometer-digit{padding:3px 6px;font-size:18px}}@media (width<=360px){.odometer-digits{gap:3px;padding:4px 5px}.odometer-digit{padding:2px 4px;font-size:14px}}.odometer-sub{color:var(--text-muted);text-align:center;margin-top:8px;font-size:11.5px}.guestbook-grid{grid-template-columns:.9fr 1.1fr;gap:32px;display:grid}.guestbook-form-card{background:var(--bg-card);border:2px solid var(--bg-card-border);border-radius:28px;padding:32px}.card-header-cute{align-items:center;gap:8px;margin-bottom:6px;display:flex}.card-header-cute h3{font-family:var(--font-bubbly);font-size:22px;font-weight:700}.form-sub{color:var(--text-muted);margin-bottom:20px;font-size:13.5px}.wish-form{flex-direction:column;gap:16px;display:flex}.form-group label{font-family:var(--font-bubbly);color:var(--text-heading);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.form-group input,.form-group textarea{border:1.5px solid var(--bg-card-border);width:100%;font-family:var(--font-sans);color:var(--text-main);background:#ffffffb3;border-radius:14px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .2s}.theme-night .form-group input,.theme-night .form-group textarea{background:#ffffff0d}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-berry)}.stickers-picker{flex-wrap:wrap;gap:8px;display:flex}.sticker-option{background:var(--bg-card);border:1.5px solid var(--bg-card-border);cursor:pointer;border-radius:10px;padding:6px 10px;font-size:20px;transition:all .2s}.sticker-option:hover,.sticker-active{border-color:var(--accent-berry);background:#a340631a;transform:scale(1.2)}.btn-submit-wish{background:linear-gradient(135deg, var(--accent-berry) 0%, var(--accent-berry-light) 100%);color:#fff;font-family:var(--font-bubbly);cursor:pointer;box-shadow:0 6px 20px var(--glow-berry);border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;transition:transform .2s;display:inline-flex}.btn-submit-wish:hover{transform:scale(1.03)}.guestbook-wall{background:var(--bg-card);border:2px solid var(--bg-card-border);border-radius:28px;padding:32px}.wall-header h4{font-family:var(--font-bubbly);margin-bottom:20px;font-size:18px;font-weight:700}.messages-scroll-area{flex-direction:column;gap:14px;max-height:440px;padding-right:6px;display:flex;overflow-y:auto}.message-bubble{border:1.5px solid var(--bg-card-border);background:#a340630a;border-radius:20px;padding:16px}.bubble-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.bubble-author{align-items:center;gap:8px;display:flex}.bubble-sticker{font-size:20px}.bubble-tag{color:var(--accent-berry);background:#a340631a;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.bubble-time{color:var(--text-muted);font-size:11px}.bubble-body{color:var(--text-main);font-size:14px;line-height:1.55}.site-footer{background:var(--bg-card);border-top:1.5px solid var(--bg-card-border);z-index:10;margin-top:80px;position:relative}.footer-content-wrap{max-width:1200px;margin:0 auto;padding:60px 24px 36px}.footer-grid{grid-template-columns:1.2fr .9fr 1fr .9fr;gap:36px;margin-bottom:48px;display:grid}.footer-brand-lockup{align-items:center;gap:10px;margin-bottom:12px;display:flex}.footer-pip-icon{width:34px;height:34px}.footer-brand-title{font-family:var(--font-bubbly);color:var(--text-heading);font-size:22px;font-weight:700}.brand-dot{color:var(--accent-berry)}.footer-tagline{font-family:var(--font-serif);color:var(--accent-berry);margin-bottom:10px;font-size:15px;font-style:italic}.footer-mission-text{color:var(--text-muted);font-size:13.5px;line-height:1.6}.footer-heading{font-family:var(--font-bubbly);color:var(--text-heading);margin-bottom:16px;font-size:16px;font-weight:700}.footer-list{color:var(--text-muted);flex-direction:column;gap:8px;font-size:13px;list-style:none;display:flex}.footer-links-stack{flex-direction:column;gap:10px;display:flex}.footer-link{color:var(--accent-berry);align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.footer-link:hover{text-decoration:underline}.footer-secret-btn{color:var(--accent-berry);font-family:var(--font-bubbly);cursor:pointer;background:#a3406314;border:1.5px solid #a3406333;border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.footer-secret-btn:hover{background:var(--accent-berry);color:#fff}.footer-bottom-bar{border-top:1px solid var(--bg-card-border);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:24px;font-size:12.5px;display:flex}.footer-badges{gap:8px;display:flex}.footer-pill{font-family:var(--font-bubbly);color:var(--accent-berry);background:#a3406314;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.footer-pill.highlight{background:var(--accent-gold);color:#5c4033}.easter-egg-backdrop{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.easter-egg-modal{background:var(--bg-card);border:3px solid var(--accent-gold);text-align:center;border-radius:32px;width:100%;max-width:480px;padding:36px;animation:.4s cubic-bezier(.175,.885,.32,1.275) modalPop;position:relative;box-shadow:0 25px 60px #00000059}@keyframes modalPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.modal-close-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;position:absolute;top:18px;right:18px}.modal-badge{font-family:var(--font-bubbly);color:var(--accent-berry);background:#a340631a;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.modal-title{font-family:var(--font-bubbly);color:var(--text-heading);margin-bottom:16px;font-size:24px;font-weight:700}.modal-avatar-party{margin-bottom:16px;display:inline-block;position:relative}.party-pip-img{width:140px;height:auto}.party-sunglasses{font-size:38px;animation:1.2s infinite alternate bounceSun;position:absolute;top:36%;left:36%;transform:rotate(-5deg)}@keyframes bounceSun{0%{transform:translateY(0)rotate(-5deg)}to{transform:translateY(-4px)rotate(5deg)}}.modal-copy{color:var(--text-main);margin-bottom:16px;font-size:14.5px;line-height:1.6}.secret-recipe-card{border:1.5px dashed var(--accent-berry);text-align:left;background:#a340630f;border-radius:18px;margin-bottom:24px;padding:16px}.secret-recipe-card h4{font-family:var(--font-bubbly);color:var(--accent-berry);margin-bottom:8px;font-size:14px;font-weight:700}.secret-recipe-card ul{color:var(--text-main);flex-direction:column;gap:4px;font-size:13px;list-style:none;display:flex}.chaos-mode{animation:4s linear infinite rainbowBorder}.chaos-mode .hero-title{animation:2s ease-in-out infinite wobble}.chaos-mode .project-card{border:3px dashed #ff007f!important;box-shadow:8px 8px gold!important}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}@keyframes rainbowBorder{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@media (width<=900px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-description{margin-left:auto;margin-right:auto}.hero-actions{flex-wrap:wrap;justify-content:center;gap:10px}.traits-grid{grid-template-columns:1fr 1fr;max-width:420px;margin-left:auto;margin-right:auto}.project-content-split{grid-template-columns:1fr;gap:24px}.project-card-duo,.storybook-container{grid-template-columns:1fr}.book-page-left{border-right:none;border-bottom:2px dashed var(--bg-card-border);padding:28px}.book-page-right{padding:28px}.guestbook-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.desktop-nav{display:none}.mobile-toggle-btn{display:block}.route-timeline{grid-template-columns:repeat(3,1fr);gap:8px}.piano-keys-grid{grid-template-columns:repeat(4,1fr)}.main-layout{padding:0 16px}.hero-section,.projects-section,.story-section,.guestbook-section{padding:40px 0 60px}.project-card{border-radius:24px;padding:24px}.lantern-controls{gap:14px}}@media (width<=600px){.hero-title{font-size:clamp(1.9rem,8vw,2.6rem)}.section-title{font-size:clamp(1.6rem,7vw,2.2rem)}.traits-grid{grid-template-columns:1fr;max-width:320px}.btn-primary,.btn-secondary{padding:11px 20px;font-size:14px}.hero-actions{flex-direction:column;align-items:center}.pip-3d-card{border-radius:24px;max-width:100%;padding:20px 16px 16px}.pip-render-img{max-width:260px}.route-timeline{grid-template-columns:repeat(2,1fr)}.piano-keys-grid{grid-template-columns:repeat(4,1fr);gap:6px}.chime-key{padding:10px 2px}.key-name{font-size:10px}.toy-block-btn{border-radius:14px;width:52px;height:52px;font-size:22px}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-bottom-bar{text-align:center;flex-direction:column;gap:14px}.footer-badges{flex-wrap:wrap;justify-content:center}.odometer-digit{padding:3px 7px;font-size:20px}.nav-chaos-btn span{display:none}.nav-chaos-btn{justify-content:center;width:38px;height:38px;padding:0}.control-row{flex-direction:column;align-items:flex-start;gap:8px}.range-slider{width:100%;max-width:100%}.project-img-box{padding:16px}.music-box-actions{flex-direction:column;align-items:flex-start}.guestbook-form-card,.guestbook-wall{border-radius:20px;padding:20px}.book-page-right{padding:20px}.scene-heading{font-size:24px}.storybook-nav{flex-direction:row;gap:10px}.nav-container{padding:10px 16px}.brand-badge{display:none}.easter-egg-modal{border-radius:24px;padding:24px 20px}.party-pip-img{width:110px}}@media (width<=380px){.hero-badge{padding:4px 10px;font-size:11px}.nav-icon-btn{min-width:44px;min-height:44px}.toy-blocks-row{gap:10px}.toy-block-btn{width:44px;height:44px;font-size:18px}.piano-keys-grid{grid-template-columns:repeat(4,1fr);gap:4px}.chime-key{border-radius:8px;padding:8px 2px}}.flashlight-overlay{pointer-events:none;z-index:9998;mix-blend-mode:multiply;transition:background 50ms linear;position:fixed;inset:0}.flashlight-inner-glow{pointer-events:none;z-index:9997;border-radius:50%;width:280px;height:280px;animation:3s ease-in-out infinite lanternBreathe;position:fixed;transform:translate(-50%,-50%)}.flashlight-cursor-dot{pointer-events:none;z-index:9999;background:#ffdc8cd9;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite dotPulse;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 12px 4px #ffdc8c99}@keyframes lanternBreathe{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.85;transform:translate(-50%,-50%)scale(1.08)}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.storybook-hint{color:var(--text-muted);opacity:.7;margin-left:8px;font-size:12px;font-style:normal;display:inline-block}.story-view-mode-tabs{border:1.5px solid var(--bg-card-border);background:#a3406314;border-radius:999px;align-items:center;gap:8px;margin:16px auto 24px;padding:5px 8px;display:inline-flex}.story-tab-btn{font-family:var(--font-bubbly);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:700;transition:all .25s;display:inline-flex}.story-tab-btn:hover{color:var(--accent-berry)}.story-tab-active{box-shadow:0 4px 15px var(--glow-berry);transform:scale(1.02);background:var(--accent-berry)!important;color:#fff!important}.story-cinema-player{background:#09041a;border:2px solid #ffd16659;border-radius:28px;max-width:860px;margin:0 auto 36px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 40px #ffd16633}.cinema-screen{aspect-ratio:16/9;background:#08031d;justify-content:center;align-items:center;width:100%;min-height:380px;transition:background .8s;display:flex;position:relative;overflow:hidden}.theme-cosmic{background:radial-gradient(at 70% 30%,#25124d 0%,#0c0520 70%,#050210 100%)}.theme-alchemy{background:radial-gradient(at 40% 60%,#30103b 0%,#160824 60%,#06020c 100%)}.theme-rooftop{background:radial-gradient(at 50% 20%,#172554 0%,#0f172a 55%,#050814 100%)}.cinema-backlight-glow{pointer-events:none;background:radial-gradient(circle,#ffd16626 0%,#0000 60%);position:absolute;inset:0}.cinema-stars-layer{pointer-events:none;z-index:1;position:absolute;inset:0}.cinema-twinkle{color:#fff;opacity:.6;animation:2.5s infinite alternate starTwinkle;position:absolute}.st-1{font-size:14px;animation-delay:.2s;top:15%;left:20%}.st-2{color:var(--accent-gold);font-size:18px;animation-delay:.8s;top:35%;right:25%}.st-3{font-size:13px;animation-delay:1.4s;top:60%;left:15%}.st-4{color:var(--accent-pink);font-size:16px;animation-delay:.5s;top:20%;right:10%}.shooting-star{opacity:0;background:linear-gradient(90deg,#0000,#fff);width:90px;height:2px;position:absolute;transform:rotate(-35deg)}.ss-1{animation:5s 1.5s infinite shootingStarAnim;top:18%;left:60%}.ss-2{animation:6.5s 4s infinite shootingStarAnim;top:30%;left:20%}@keyframes shootingStarAnim{0%{opacity:0;transform:translate(0)rotate(-35deg)}10%{opacity:.9}25%{opacity:0;transform:translate(-140px,90px)rotate(-35deg)}to{opacity:0}}.cinema-stage-visual{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;animation:.8s cubic-bezier(.16,1,.3,1) forwards cinemaFadeIn;display:flex;position:relative}@keyframes cinemaFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.scene-visual-cosmic{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.cinema-supermoon{background:radial-gradient(circle,#fffbe6 30%,#ffd166 70%,#ffb347 100%);border-radius:50%;width:130px;height:130px;animation:6s ease-in-out infinite alternate moonPulse;position:absolute;top:12%;right:18%;box-shadow:0 0 50px #ffd16699,0 0 100px #ffd1664d}@keyframes moonPulse{0%{filter:brightness();transform:scale(.97)}to{filter:brightness(1.15);transform:scale(1.04)}}.cloud-pillow-cradle{z-index:2;justify-content:center;align-items:center;animation:9s ease-in-out infinite alternate kenBurnsZoom;display:flex;position:relative}@keyframes kenBurnsZoom{0%{transform:scale(1)translateY(0)}to{transform:scale(1.08)translateY(-10px)}}.cinema-pip-character{filter:drop-shadow(0 15px 30px #00000073);width:250px;height:auto}.scene-visual-alchemy{justify-content:center;align-items:center;width:100%;height:100%;animation:9s ease-in-out infinite alternate kenBurnsZoom;display:flex;position:relative}.alchemy-props-row{z-index:2;justify-content:center;align-items:center;gap:28px;display:flex}.cinema-prop-box{filter:drop-shadow(0 12px 24px #ff99c873);width:170px;height:auto;animation:4s ease-in-out infinite alternate propFloat}.cinema-pip-portrait{filter:drop-shadow(0 10px 20px #0000004d);border:2px solid #ffd16666;border-radius:18px;width:190px;height:auto;box-shadow:0 15px 35px #0006}@keyframes propFloat{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-12px)rotate(2deg)}}.floating-alchemy-bubbles{pointer-events:none;z-index:3;position:absolute;inset:0}.floating-alchemy-bubbles .bubble{font-size:26px;animation:3.5s infinite bubbleRise;position:absolute}.b1{animation-delay:0s;bottom:25%;left:30%}.b2{font-size:20px;animation-delay:.9s;bottom:35%;right:28%}.b3{font-size:22px;animation-delay:1.8s;bottom:20%;right:40%}.b4{font-size:24px;animation-delay:2.5s;bottom:30%;left:45%}@keyframes bubbleRise{0%{opacity:0;transform:translateY(20px)scale(.6)}30%{opacity:.9}to{opacity:0;transform:translateY(-70px)scale(1.2)}}.scene-visual-rooftop{justify-content:center;align-items:center;width:100%;height:100%;animation:9s ease-in-out infinite alternate kenBurnsZoom;display:flex;position:relative}.pip-flying-flight{z-index:2;align-items:center;gap:16px;animation:5s ease-in-out infinite alternate flightSway;display:flex}@keyframes flightSway{0%{transform:translate(-20px)translateY(5px)}to{transform:translate(20px)translateY(-12px)}}.cinema-prop-lantern{filter:drop-shadow(0 0 35px #ffd166);width:140px;height:auto;animation:2.5s ease-in-out infinite alternate lanternGlowAnim}@keyframes lanternGlowAnim{0%{filter:drop-shadow(0 0 25px #ffd16699)}to{filter:drop-shadow(0 0 50px #ffd166f2)}}.cinema-pip-flying{filter:drop-shadow(0 15px 30px #0006);width:220px;height:auto}.chimney-dream-dust{color:var(--accent-gold);z-index:2;gap:20px;font-size:20px;display:flex;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.chimney-dream-dust span{animation:2s ease-in-out infinite dustShower}.d1{animation-delay:0s}.d2{animation-delay:.6s}.d3{animation-delay:1.2s}@keyframes dustShower{0%{opacity:0;transform:translateY(-10px)}50%{opacity:1}to{opacity:0;transform:translateY(30px)}}.cinema-watermark{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-bubbly);color:#fff;background:#00000073;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:5px 14px;font-size:12px;display:flex;position:absolute;top:14px;left:18px}.cinema-badge-dot{background:#f05;border-radius:50%;width:7px;height:7px;animation:1.2s infinite dotPulse;box-shadow:0 0 8px #f05}.watermark-divider{opacity:.4}.watermark-badge{color:var(--accent-gold)}.cinema-subtitles{z-index:10;-webkit-backdrop-filter:blur(12px);text-align:center;background:#080418d1;border:1.5px solid #ffd16640;border-radius:18px;padding:12px 20px;position:absolute;bottom:12px;left:20px;right:20px;box-shadow:0 8px 30px #00000080}.subtitles-quote{font-family:var(--font-serif);color:var(--accent-gold);letter-spacing:.01em;margin-bottom:4px;font-size:14.5px;font-style:italic}.subtitles-body{font-family:var(--font-sans);color:#ffffffe6;margin:0;font-size:12.5px;line-height:1.5}.cinema-timeline-bar{background:#0d0628;border-top:1px solid #ffd16633;padding:14px 20px 18px}.timeline-track{cursor:pointer;background:#ffffff1f;border-radius:999px;width:100%;height:6px;margin-bottom:30px;transition:height .15s;position:relative}.timeline-track:hover{height:8px}.timeline-progress-fill{background:linear-gradient(90deg, var(--accent-berry) 0%, var(--accent-gold) 100%);border-radius:999px;height:100%;transition:width .1s linear;position:absolute;top:0;left:0;box-shadow:0 0 10px #ffd16699}.chapter-marker{cursor:pointer;flex-direction:column;align-items:center;display:flex;position:absolute;top:-4px;transform:translate(-50%)}.chapter-marker:first-child{align-items:flex-start;transform:translate(0)}.chapter-marker:first-child .marker-label{text-align:left}.chapter-marker:last-child{align-items:flex-end;transform:translate(-100%)}.chapter-marker:last-child .marker-label{text-align:right}.marker-pin{background:#0d0628;border:2px solid #fff6;border-radius:50%;width:14px;height:14px;transition:all .2s}.chapter-marker.marker-passed .marker-pin{background:var(--accent-gold);box-shadow:0 0 8px var(--accent-gold);border-color:#fff}.marker-label{color:#ffffffa6;white-space:normal;text-align:center;max-width:90px;font-size:10px;font-weight:700;line-height:1.15;font-family:var(--font-bubbly);margin-top:6px;transition:color .2s}.chapter-marker.marker-passed .marker-label{color:var(--accent-gold)}.cinema-controls-strip{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.controls-left,.controls-right{align-items:center;gap:8px;display:flex}.cinema-control-btn{color:#fff;font-family:var(--font-bubbly);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.cinema-control-btn:hover{background:var(--accent-gold);color:#0d0628;border-color:var(--accent-gold);transform:scale(1.04)}.btn-play-pause{background:linear-gradient(135deg, var(--accent-berry) 0%, var(--accent-berry-light) 100%);box-shadow:0 4px 15px var(--glow-berry);border:none;padding:8px 18px;font-size:13px}.btn-play-pause:hover{color:#fff;background:linear-gradient(135deg,#d65d89 0%,#ffcad4 100%)}.cinema-control-btn.audio-active{border-color:var(--accent-gold);color:var(--accent-gold);background:#ffd16633}.cinema-time-display{color:#ffffffa6;align-items:center;gap:6px;margin-left:6px;font-size:11px;font-weight:700;display:flex}.pip-talking-bounce{filter:drop-shadow(0 0 18px #ffd166cc)!important;animation:.38s ease-in-out infinite alternate babyTalkingBounce!important}@keyframes babyTalkingBounce{0%{transform:scale(1)translateY(0)rotate(-1deg)}50%{transform:scale(1.04)translateY(-6px)rotate(1.5deg)}to{transform:scale(.98)translateY(2px)rotate(-1deg)}}.cinema-pip-speech-bubble{-webkit-backdrop-filter:blur(10px);color:#2b1038;font-family:var(--font-bubbly);z-index:12;pointer-events:none;background:#fffffff0;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) speechBubblePop;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059,0 0 15px #ffd16699}@keyframes speechBubblePop{0%{opacity:0;transform:translate(-50%)scale(.7)}to{opacity:1;transform:translate(-50%)scale(1)}}.cinema-pip-speech-bubble:after{content:"";border-top:8px solid #fffffff0;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.bubble-emoji{font-size:16px}.soundwave-pip{align-items:center;gap:2.5px;height:14px;display:flex}.soundwave-pip .sw-b{background:#f05;border-radius:999px;width:3px;animation:.4s ease-in-out infinite alternate pipSoundwave}.sw-b.b1{height:8px;animation-delay:0s}.sw-b.b2{height:14px;animation-delay:.12s}.sw-b.b3{height:10px;animation-delay:.24s}@keyframes pipSoundwave{0%{height:4px}to{height:14px}}.subtitles-voice-bar{justify-content:center;align-items:center;margin-bottom:6px;display:flex}.voice-status-pill{color:#ffcad4;font-size:11px;font-weight:700;font-family:var(--font-bubbly);letter-spacing:.02em;background:#ff005540;border:1px solid #ff005580;border-radius:999px;align-items:center;gap:6px;padding:3px 12px;display:inline-flex}.voice-status-pill.speaking{border-color:var(--accent-gold);color:var(--accent-gold);background:#ffd16633}.spin-mic{animation:1.2s ease-in-out infinite pulseMic}@keyframes pulseMic{0%{transform:scale(1)}50%{color:#f05;transform:scale(1.2)}to{transform:scale(1)}}.voice-eq-bars{align-items:flex-end;gap:2px;height:12px;margin-left:2px;display:inline-flex}.ve-bar{background:var(--accent-gold);border-radius:2px;width:2.5px;animation:.5s ease-in-out infinite alternate eqBarPulse}.ve-bar:first-child{height:5px;animation-delay:0s}.ve-bar:nth-child(2){height:11px;animation-delay:.15s}.ve-bar:nth-child(3){height:8px;animation-delay:.3s}.ve-bar:nth-child(4){height:12px;animation-delay:.1s}@keyframes eqBarPulse{0%{height:3px}to{height:12px}}.subtitles-glowing{text-shadow:0 0 12px #ffd166cc,0 0 20px #ff6b9d99;color:#fff!important}.subtitles-body-active{color:#ffe6ef!important}.cinema-pitch-dropdown{color:var(--accent-gold);font-family:var(--font-bubbly);cursor:pointer;background:#ffffff1f;border:1px solid #ffd16666;border-radius:999px;outline:none;padding:5px 10px;font-size:11.5px;font-weight:700;transition:all .2s}.cinema-pitch-dropdown:hover,.cinema-pitch-dropdown:focus{border-color:var(--accent-gold);background:#ffd16640}.cinema-pitch-dropdown option{color:#fff;background:#140b2e}.voice-mini-bars{align-items:flex-end;gap:2px;height:10px;margin-left:3px;display:inline-flex}.v-bar{background:currentColor;border-radius:1px;width:2px;animation:.4s ease-in-out infinite alternate eqBarPulse}.v-bar:first-child{height:4px;animation-delay:50ms}.v-bar:nth-child(2){height:9px;animation-delay:.15s}.v-bar:nth-child(3){height:6px;animation-delay:.25s}.book-listen-wrap{margin-bottom:14px}.book-listen-btn{color:#5e4b8b;font-family:var(--font-bubbly);cursor:pointer;background:linear-gradient(135deg,#ffd16626 0%,#ff6b9d26 100%);border:1.5px solid #ffd16680;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #0000000f}.book-listen-btn:hover{color:#2b1038;background:linear-gradient(135deg,#ffd166 0%,#ffcad4 100%);transform:translateY(-1px);box-shadow:0 5px 15px #ffd16666}.book-listen-btn.reading{color:#fff;background:linear-gradient(135deg,#f05 0%,#ff758c 100%);border-color:#f05;animation:1.5s infinite pulseVoiceBtn;box-shadow:0 4px 15px #ff005559}@keyframes pulseVoiceBtn{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.book-quote-reading{font-weight:600;color:#a34063!important;border-left-color:#f05!important}.book-body-reading{font-weight:500;color:#2b1038!important}.flipbook-scene{perspective:2000px;justify-content:center;align-items:stretch;gap:0;max-width:860px;min-height:380px;margin:0 auto 32px;display:flex;position:relative}.book-spine-shadow{z-index:5;pointer-events:none;background:linear-gradient(90deg,#00000040,#0000001a,#00000040);border-radius:3px;width:6px;position:absolute;top:6%;bottom:6%;left:50%;transform:translate(-50%)}.book-page-wrap{flex:1;max-width:420px;position:relative}.book-left-wrap{border-radius:20px 0 0 20px;overflow:hidden}.book-right-wrap{border-radius:0 20px 20px 0;overflow:hidden}.book-page-3d{width:100%;height:100%;min-height:380px;transform-style:preserve-3d;transform-origin:100%;position:relative}.book-page-right .book-page-3d{transform-origin:0}.page-face{backface-visibility:hidden;border-radius:inherit;position:absolute;inset:0}.page-front{background:var(--bg-card);border:1.5px solid var(--bg-card-border);flex-direction:column;padding:28px 28px 24px;display:flex}.page-back{background:linear-gradient(135deg,#f7f0fa 0%,#fde8f3 100%);justify-content:center;align-items:center;padding:28px;display:flex;transform:rotateY(180deg)}.theme-night .page-back{background:linear-gradient(135deg,#1a0d40 0%,#2d0e28 100%)}.page-back-content{text-align:center}.page-number-back{color:var(--text-muted);margin-bottom:16px;font-size:11px;font-style:italic}.decorative-border-back{background:var(--accent-berry);border-radius:2px;width:60px;height:2px;margin:0 auto 16px}.back-teaser{color:var(--text-muted);font-size:14px;font-style:italic;line-height:1.6}@keyframes flipLeft{0%{box-shadow:none;transform:rotateY(0)}50%{transform:rotateY(-90deg);box-shadow:-20px 0 40px #0003}to{box-shadow:none;transform:rotateY(0)}}@keyframes flipRight{0%{transform:rotateY(0)}50%{transform:rotateY(90deg);box-shadow:20px 0 40px #0003}to{transform:rotateY(0)}}.book-page-3d.page-flip-next{animation:.52s cubic-bezier(.4,0,.2,1) forwards flipLeft}.book-page-3d.page-flip-prev,.book-page-3d.page-flip-in-next{animation:.52s cubic-bezier(.4,0,.2,1) forwards flipRight}.book-page-3d.page-flip-in-prev{animation:.52s cubic-bezier(.4,0,.2,1) forwards flipLeft}@keyframes inkReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ink-reveal{animation:.5s .25s both inkReveal}.flip-arrow-btn{border:1.5px solid var(--bg-card-border);background:var(--bg-card);width:40px;height:40px;color:var(--text-main);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #0000001f}.flip-arrow-btn:hover:not(:disabled){border-color:var(--accent-berry);color:var(--accent-berry);transform:translateY(-50%)scale(1.1)}.flip-arrow-btn:disabled{opacity:.4;cursor:not-allowed}.flip-arrow-left{left:-22px}.flip-arrow-right{right:-22px}.page-number-tag{color:var(--text-muted);font-size:11px;font-style:italic;position:absolute;bottom:12px;right:16px}.storybook-progress{justify-content:center;align-items:center;gap:16px;margin-top:8px;display:flex}.storybook-star-dot{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px;font-size:22px;line-height:1;transition:all .25s}.storybook-star-dot.star-dot-active{color:var(--accent-gold);text-shadow:0 0 12px var(--accent-gold);transform:scale(1.4)}.storybook-star-dot:hover:not(.star-dot-active){color:var(--accent-berry);transform:scale(1.2)}.storybook-img{object-fit:contain;border-radius:12px;width:100%;max-width:280px;margin:0 auto;display:block}.fb-world{perspective:2400px;perspective-origin:50% 45%;justify-content:center;align-items:center;max-width:1000px;min-height:440px;margin:0 auto 28px;padding:0 60px;display:flex;position:relative}.fb-book{width:100%;max-width:860px;transform-style:preserve-3d;filter:drop-shadow(0 40px 60px #00000059);transition:transform .4s;display:flex;position:relative;transform:rotateX(3deg)}.fb-world:hover .fb-book{transform:rotateX(1deg)}.fb-book-shadow{filter:blur(12px);pointer-events:none;z-index:0;background:radial-gradient(#0006 0%,#0000 70%);border-radius:50%;height:28px;position:absolute;bottom:-28px;left:8%;right:8%}.fb-cover-stack{pointer-events:none;z-index:0;position:absolute;inset:0}.fb-stack-sheet{background:#f5ece8;border-radius:6px 0 0 6px;position:absolute;inset:3px}.theme-night .fb-stack-sheet{background:#2a2035}.fb-stack-1{opacity:.7;transform:translate(2px)translateZ(-2px)}.fb-stack-2{opacity:.5;transform:translate(4px)translateZ(-4px)}.fb-stack-3{opacity:.35;transform:translate(6px)translateZ(-6px)}.fb-hard-cover{z-index:1;pointer-events:none;width:calc(50% - 3px);position:absolute;top:0;bottom:0}.fb-hard-left{background:linear-gradient(145deg,#7c2b4e 0%,#a34063 40%,#c45b82 100%);border-radius:8px 0 0 8px;left:0;box-shadow:inset -4px 0 12px #0000004d,-3px 0 8px #00000026}.fb-hard-right{background:linear-gradient(145deg,#5c4a8a 0%,#7e5faa 100%);border-radius:0 8px 8px 0;right:0;box-shadow:inset 4px 0 12px #0000004d,3px 0 8px #00000026}.fb-hard-inner{border:1px solid #ffffff2e;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;inset:12px}.fb-cover-label{color:#ffffffd9;text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.fb-cover-emoji{font-size:28px}.fb-cover-title-text{font-family:var(--font-bubbly);font-size:14px;font-weight:700;line-height:1.3}.fb-cover-sub-text{opacity:.65;letter-spacing:.08em;font-size:10px}.fb-hard-back{justify-content:center;align-items:center}.fb-back-quote{font-family:var(--font-serif);color:#ffffffbf;text-align:center;font-size:13px;font-style:italic;line-height:1.6}.fb-spine{z-index:20;pointer-events:none;background:linear-gradient(#00000059 0%,#0000001f 40%,#ffffff0f 50%,#0000001f 60%,#00000059 100%);justify-content:center;align-items:center;width:10px;display:flex;position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.fb-spine-title{writing-mode:vertical-rl;font-family:var(--font-bubbly);color:#ffffff4d;letter-spacing:.1em;-webkit-user-select:none;user-select:none;font-size:8px;font-weight:700}.fb-page{background:var(--bg-card);z-index:5;flex:1;min-height:440px;position:relative;overflow:visible}.fb-page-l{border-radius:8px 0 0 8px;box-shadow:inset -4px 0 18px #0000000f}.fb-page-r{border-radius:0 8px 8px 0;box-shadow:inset 4px 0 18px #0000000f}.fb-ruled-lines{pointer-events:none;z-index:0;flex-direction:column;justify-content:space-around;padding:52px 0 40px;display:flex;position:absolute;inset:0}.fb-rule{background:#a3406314;width:100%;height:1px}.theme-night .fb-rule{background:#a340631f}.fb-rule-faded{background:#a340630d}.fb-page-inner{z-index:2;flex-direction:column;height:100%;padding:28px 28px 24px;display:flex;position:relative}.fb-left-inner{justify-content:space-between;align-items:center}.fb-right-inner{justify-content:flex-start;gap:10px}.fb-illus-frame{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.fb-scene-img{object-fit:contain;border-radius:18px;width:100%;max-width:240px;box-shadow:0 12px 32px #0000002e}.fb-illus-caption{text-align:center}.fb-caption-ch{font-family:var(--font-bubbly);color:var(--accent-berry);font-size:12px;font-weight:700;display:block}.fb-caption-badge{color:var(--text-muted);margin:0;font-size:11.5px}.fb-eyebrow{font-family:var(--font-bubbly);color:var(--accent-berry);margin-bottom:2px;font-size:12px;font-weight:700;display:inline-block}.fb-title{font-family:var(--font-serif);color:var(--text-heading);margin:0 0 10px;font-size:26px;font-weight:700;line-height:1.25}.fb-quote{font-family:var(--font-serif);color:var(--accent-berry);border-left:3px solid var(--accent-berry);margin:0 0 12px;padding-left:14px;font-size:15px;font-style:italic;line-height:1.6;transition:color .3s,text-shadow .3s}.fb-quote-glow{text-shadow:0 0 12px var(--glow-berry)}.fb-body{color:var(--text-main);flex:1;margin:0 0 10px;font-size:14.5px;line-height:1.75}.fb-word-tag{color:var(--text-muted);margin-bottom:4px;font-size:11px}.fb-pg-num{color:var(--text-muted);font-size:11px;font-style:italic}.fb-pg-num-l{align-self:flex-start;margin-top:auto}.fb-pg-num-r{align-self:flex-end;margin-top:auto}.fb-listen-btn{color:var(--accent-berry);font-family:var(--font-bubbly);cursor:pointer;background:#a3406314;border:1.5px solid #a3406333;border-radius:999px;align-items:center;gap:6px;margin-bottom:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .22s;display:inline-flex}.fb-listen-btn:hover{background:var(--accent-berry);color:#fff}.fb-listen-on{box-shadow:0 0 14px var(--glow-berry);background:var(--accent-berry)!important;color:#fff!important}.fb-corner{cursor:pointer;z-index:30;width:52px;height:52px;position:absolute;bottom:0;overflow:visible}.fb-corner-bl{border-radius:0 20px 0 8px;left:0}.fb-corner-br{border-radius:20px 0 8px;right:0}.fb-corner:before{content:"";pointer-events:none;width:52px;height:52px;transition:all .28s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:0}.fb-corner-bl:before{background:linear-gradient(315deg,#0000 50%,#a340631f 50%);left:0}.fb-corner-br:before{background:linear-gradient(225deg,#0000 50%,#a340631f 50%);right:0}.fb-corner:after{content:"";opacity:0;pointer-events:none;width:52px;height:52px;transition:opacity .28s,transform .28s;position:absolute;bottom:0}.fb-corner-bl:after{background:linear-gradient(315deg,#0000002e 0%,#0000 60%);left:0}.fb-corner-br:after{background:linear-gradient(225deg,#0000002e 0%,#0000 60%);right:0}.fb-corner-hover:before{transform:scale(1.35)}.fb-corner-hover:after{opacity:1}.fb-corner-arrow{color:var(--accent-berry);opacity:0;pointer-events:none;font-size:16px;font-weight:700;line-height:1;transition:opacity .22s;position:absolute;bottom:10px}.fb-corner-bl .fb-corner-arrow{left:10px}.fb-corner-br .fb-corner-arrow{right:10px}.fb-corner-hover .fb-corner-arrow{opacity:1}.fb-corner-hover.fb-corner-bl{clip-path:polygon(0 0,100% 100%,0 100%);background:linear-gradient(135deg,#e8d5f5 0%,#f7e5f0 100%)}.fb-corner-hover.fb-corner-br{clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(225deg,#e8d5f5 0%,#f7e5f0 100%)}.theme-night .fb-corner-hover.fb-corner-bl,.theme-night .fb-corner-hover.fb-corner-br{background:linear-gradient(135deg,#2a1545 0%,#1a0d28 100%)}.fb-flying{width:50%;transform-style:preserve-3d;z-index:50;pointer-events:none;position:absolute;top:0;bottom:0}.fb-fly-next{transform-origin:0;left:50%}.fb-fly-prev{transform-origin:100%;left:0}.fb-fly-next.fb-fly-peel{animation:.29s cubic-bezier(.4,0,.6,1) forwards flyPeelNext}.fb-fly-prev.fb-fly-peel{animation:.29s cubic-bezier(.4,0,.6,1) forwards flyPeelPrev}.fb-fly-next.fb-fly-land{animation:.29s cubic-bezier(.4,0,.2,1) forwards flyLandNext}.fb-fly-prev.fb-fly-land{animation:.29s cubic-bezier(.4,0,.2,1) forwards flyLandPrev}@keyframes flyPeelNext{0%{transform:rotateY(0)}to{transform:rotateY(-90deg)}}@keyframes flyLandNext{0%{transform:rotateY(-90deg)}to{transform:rotateY(-180deg)}}@keyframes flyPeelPrev{0%{transform:rotateY(0)}to{transform:rotateY(90deg)}}@keyframes flyLandPrev{0%{transform:rotateY(90deg)}to{transform:rotateY(180deg)}}.fb-fly-face{backface-visibility:hidden;border-radius:2px;position:absolute;inset:0;overflow:hidden}.fb-fly-face-front{background:var(--bg-card);border:1px solid var(--bg-card-border)}.fb-fly-face-back{background:linear-gradient(135deg,#f8f1fe 0%,#fde8f3 100%);transform:rotateY(180deg)}.theme-night .fb-fly-face-back{background:linear-gradient(135deg,#1e1235 0%,#2d0e28 100%)}.fb-fly-content{z-index:2;flex-direction:column;gap:8px;height:100%;padding:28px;display:flex;position:relative}.fb-fly-ch{font-family:var(--font-bubbly);color:var(--accent-berry);font-size:11px;font-weight:700}.fb-fly-title-sm{font-family:var(--font-serif);color:var(--text-heading);margin:0;font-size:18px}.fb-fly-q{color:var(--text-muted);font-size:13px;font-style:italic;line-height:1.5}.fb-back-texture{z-index:2;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.fb-back-watermark{color:#a3406314;pointer-events:none;font-size:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fb-fly-curl-shadow{pointer-events:none;z-index:3;width:60px;position:absolute;top:0;bottom:0}.shadow-right{background:linear-gradient(90deg,#0000,#00000038);right:0}.shadow-left{background:linear-gradient(270deg,#0000,#00000038);left:0}.fb-fly-curl-shadow-back.shadow-right{background:linear-gradient(90deg,#0000,#0000001f)}.fb-fly-curl-shadow-back.shadow-left{background:linear-gradient(270deg,#0000,#0000001f)}.fb-nav{border:1.5px solid var(--bg-card-border);background:var(--bg-card);width:44px;height:44px;color:var(--text-main);cursor:pointer;z-index:60;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 20px #00000024}.fb-nav:hover:not(:disabled){border-color:var(--accent-berry);color:var(--accent-berry);box-shadow:0 8px 24px var(--glow-berry);transform:translateY(-50%)scale(1.12)}.fb-nav:disabled{opacity:.3;cursor:not-allowed}.fb-nav-left{left:4px}.fb-nav-right{right:4px}.fb-footer{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.fb-kbd-hint{color:var(--text-muted);font-size:12px;font-family:var(--font-bubbly)}.fb-kbd{background:var(--bg-card);border:1.5px solid var(--bg-card-border);color:var(--text-heading);border-radius:6px;padding:2px 7px;font-family:monospace;font-size:11px;display:inline-block;box-shadow:0 2px 4px #00000014}.fb-stars{align-items:center;gap:14px;display:flex}.fb-star-dot{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px;font-size:22px;line-height:1;transition:all .22s}.fb-star-active{color:var(--accent-gold);text-shadow:0 0 14px var(--accent-gold);transform:scale(1.35)}.fb-star-dot:hover:not(.fb-star-active){color:var(--accent-berry);transform:scale(1.15)}.dream-map-wrap{flex-direction:column;gap:20px;display:flex}.map-header{margin-bottom:4px}.map-svg-container{background:#0d0630;border:1.5px solid #5c409640;border-radius:20px;overflow:hidden;box-shadow:0 8px 40px #0d063080,inset 0 0 60px #5c409614}.map-svg{width:100%;display:block}.map-star{animation:2s ease-in-out infinite alternate mapStarTwinkle}@keyframes mapStarTwinkle{0%{opacity:.3}to{opacity:.9}}.map-stop{transition:all .3s}.map-stop:hover circle{opacity:1!important}.map-stop-card{background:var(--bg-card);border:1.5px solid var(--bg-card-border);border-radius:16px;align-items:center;gap:16px;padding:14px 20px;animation:.35s both mapCardReveal;display:flex}@keyframes mapCardReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.map-card-icon{font-size:28px;line-height:1}.map-card-info{flex:1}.map-card-time{text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:12px;font-weight:700}.map-card-name{color:var(--text-heading);font-size:15px;font-weight:600}.map-card-status{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.dream-game-wrap{flex-direction:column;gap:16px;display:flex}.game-header{flex-direction:column;gap:8px;display:flex}.game-highscore{color:var(--accent-gold);background:#ffd1661a;border:1px solid #ffd1664d;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.game-canvas-wrap{cursor:none;background:#0d0630;border:2px solid #a3406359;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 12px 50px #0d063099,inset 0 0 50px #5c409626}.game-canvas{aspect-ratio:16/10;touch-action:none;width:100%;height:auto;min-height:380px;max-height:520px;display:block}.game-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08041ce0;border-radius:20px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-overlay-content{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px;display:flex}.game-overlay-icon{font-size:52px;animation:1.5s ease-in-out infinite alternate overlayIconBounce}@keyframes overlayIconBounce{0%{transform:translateY(0)rotate(-5deg)}to{transform:translateY(-8px)rotate(5deg)}}.game-overlay-content h4{font-family:var(--font-bubbly);color:var(--text-heading);margin:0;font-size:24px}.game-overlay-content p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.game-final-score{color:var(--text-heading)!important;font-size:18px!important}.game-final-score strong{color:var(--accent-gold);font-size:22px}.game-new-record{background:linear-gradient(135deg, var(--accent-gold), #ff99c8);color:#fff;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:700;animation:.8s ease-in-out infinite alternate newRecordPulse;box-shadow:0 4px 16px #ffd16666}@keyframes newRecordPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.btn-game-start{background:linear-gradient(135deg, var(--accent-berry) 0%, var(--accent-berry-light) 100%);color:#fff;font-family:var(--font-bubbly);cursor:pointer;box-shadow:0 6px 24px var(--glow-berry);border:none;border-radius:999px;margin-top:8px;padding:12px 28px;font-size:16px;font-weight:700;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.btn-game-start:hover{box-shadow:0 10px 30px var(--glow-berry);transform:translateY(-2px)scale(1.04)}.game-live-stats{align-items:center;gap:24px;padding:10px 0;display:flex}.game-stat{flex-direction:column;gap:2px;display:flex}.game-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:10px;font-weight:700}.game-stat-value{font-family:var(--font-bubbly);color:var(--text-heading);font-size:22px;font-weight:700}.game-combo-stat .game-stat-value{color:var(--accent-gold);animation:.4s ease-in-out comboGlow}@keyframes comboGlow{0%{text-shadow:0 0 20px var(--accent-gold);transform:scale(1.3)}to{transform:scale(1)}}.lullaby-visualizer-wrap{flex-direction:column;gap:8px;margin-top:16px;display:flex}.lullaby-visualizer-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:700}.lullaby-visualizer-canvas{border:1.5px solid var(--bg-card-border);background:#0d063080;border-radius:12px;width:100%;height:56px;display:block}.lullaby-active-note-badge{color:var(--accent-berry);background:#a340631f;border:1px solid #a3406340;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:13px;font-weight:700;animation:.2s both noteBadgePop;display:inline-flex}@keyframes noteBadgePop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.note-badge-dot{background:var(--accent-berry);border-radius:50%;width:6px;height:6px;animation:.5s ease-in-out infinite alternate dotBlink}@keyframes dotBlink{0%{opacity:1}to{opacity:.3}}@media (width<=768px){.flipbook-scene{perspective:1000px;flex-direction:column;gap:4px}.book-left-wrap{border-radius:20px 20px 0 0}.book-right-wrap{border-radius:0 0 20px 20px}.book-page-3d{min-height:220px}.flip-arrow-left{left:8px}.flip-arrow-right{right:8px}.map-svg-container,.game-canvas-wrap{border-radius:16px}.game-canvas{min-height:280px;max-height:380px}.book-spine-shadow{display:none}.fb-world{perspective:1400px;min-height:360px;padding:0 48px}.fb-book{flex-direction:column;transform:none}.fb-world:hover .fb-book{transform:none}.fb-page{min-height:260px}.fb-page-l{border-radius:8px 8px 0 0}.fb-page-r{border-radius:0 0 8px 8px}.fb-hard-left{border-radius:8px 8px 0 0;width:100%;height:40px;inset:0 0 auto}.fb-hard-right{border-radius:0 0 8px 8px;width:100%;height:40px;inset:auto 0 0}.fb-spine{display:none}.fb-flying{transform-origin:bottom;width:100%;left:0!important}.fb-fly-next{transform-origin:bottom}.fb-fly-prev{transform-origin:top}.fb-nav-left{left:2px}.fb-nav-right{right:2px}.fb-title{font-size:20px}.fb-scene-img{max-width:180px}}@media (width<=480px){.flipbook-scene{min-height:auto}.page-front{padding:20px 16px}.lullaby-visualizer-canvas{height:40px}.game-canvas{min-height:260px;max-height:340px}.fb-world{min-height:280px;padding:0 36px}.fb-page{min-height:220px}.fb-page-inner{padding:18px 18px 16px}.fb-title{font-size:18px}.fb-body{font-size:13px}.fb-scene-img{max-width:140px}}.game-pip-dock{z-index:9999;-webkit-backdrop-filter:blur(18px);border:2px solid var(--accent-gold);background:#0d0630f0;border-radius:22px;width:320px;transition:all .25s;animation:.38s cubic-bezier(.16,1,.3,1) forwards pipDockSlideIn;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 16px 45px #0000008c,0 0 30px #ffd16659}@keyframes pipDockSlideIn{0%{opacity:0;transform:translateY(120%)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.pip-dock-header{background:#ffffff0f;border-bottom:1.5px solid #ffd16633;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.pip-dock-title{font-family:var(--font-bubbly);color:var(--accent-gold);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.pip-pulse-dot{background:#0f8;border-radius:50%;width:8px;height:8px;animation:1.2s infinite dotPulse;box-shadow:0 0 10px #0f8}.pip-dock-actions{align-items:center;gap:6px;display:flex}.pip-dock-btn{color:#fff;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-bubbly);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;transition:all .2s;display:inline-flex}.pip-dock-btn:hover{background:var(--accent-gold);color:#0d0630;border-color:var(--accent-gold);transform:scale(1.05)}.pip-canvas-wrap{cursor:crosshair;touch-action:none;background:#08031d;width:100%;height:180px;position:relative}.pip-canvas{width:100%;height:100%;display:block}.pip-dock-hint{color:#fffc;pointer-events:none;white-space:nowrap;background:#000000b3;border-radius:999px;padding:3px 10px;font-size:10px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.pip-dock-footer{background:#00000059;justify-content:space-between;align-items:center;padding:9px 14px;font-size:12px;font-weight:700;display:flex}.pip-stat-score{color:#fff}.pip-stat-score strong{color:var(--accent-gold);font-size:15px}.pip-stat-lives{letter-spacing:2px;font-size:14px}.game-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.game-controls-row{align-items:center;gap:10px;display:flex}.btn-game-pause{border:1.5px solid var(--bg-card-border);color:var(--text-main);font-family:var(--font-bubbly);cursor:pointer;background:#ffffff14;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-game-pause:hover{background:var(--accent-gold);color:#0d0630;border-color:var(--accent-gold)}.game-keyboard-hint{color:var(--text-muted);font-size:11px;font-weight:600}@media (width<=600px){.game-pip-dock{width:260px;bottom:14px;right:14px}.pip-canvas-wrap{height:145px}.game-top-bar{flex-direction:column;align-items:flex-start}}.hero-segmented-control-wrap{z-index:10;justify-content:center;width:100%;margin-bottom:20px;display:flex;position:relative}.hero-segmented-control{-webkit-backdrop-filter:blur(16px);-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#120c26c7;border:1.5px solid #ffd16640;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:100%;padding:6px;display:flex;overflow-x:auto;box-shadow:0 8px 24px #00000059}.theme-day .hero-segmented-control{background:#ffffffe6;border-color:#a3406333;box-shadow:0 4px 18px #00000014}.segmented-tab-btn{min-width:44px;min-height:44px;color:var(--text-muted);font-family:var(--font-bubbly);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.segmented-tab-btn:hover{color:var(--text-heading);background:#ffffff14;transform:translateY(-1px)}.theme-day .segmented-tab-btn:hover{background:#a340630f}.segmented-tab-btn.tab-active{color:#0d0630;background:linear-gradient(135deg,#ffd166 0%,#ff99c8 100%);border-color:#ffd166;transform:translateY(-1px);box-shadow:0 4px 16px #ffd16659}.theme-day .segmented-tab-btn.tab-active{color:#fff;background:linear-gradient(135deg,#a34063 0%,#e2829d 100%);border-color:#a34063;box-shadow:0 4px 16px #a3406347}.btn-poke-giggle{color:#ffd166;border:1px dashed #ffd16673}.theme-day .btn-poke-giggle{color:var(--accent-berry);border-color:#a3406373}.btn-poke-giggle:hover{background:#ffd1662e;border-style:solid}.theme-day .btn-poke-giggle:hover{background:#a340631f}.heart-icon-beat{animation:1.8s ease-in-out infinite heartPulse}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}@media (width<=480px){.hero-segmented-control{border-radius:24px;gap:4px;padding:4px}.segmented-tab-btn{gap:5px;min-height:44px;padding:8px 12px;font-size:12px}}.three-pip-container{width:100%;max-width:440px;height:480px;box-shadow:none;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative;overflow:visible}.three-pip-viewport{cursor:grab;outline:none;width:100%;height:100%}.three-pip-viewport:active{cursor:grabbing}.three-pip-hud{pointer-events:auto;z-index:10;box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:flex;position:absolute;bottom:24px;left:0;right:0}.hud-status-badge{color:#ffd166;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.02em;background:#0d0630bf;border:1px solid #ffd1664d;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.live-pulse-dot{background:#06d6a0;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulseDot;box-shadow:0 0 8px #06d6a0}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.hud-buttons-row{pointer-events:auto;align-items:center;gap:6px;display:flex}.hud-btn{color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0630bf;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.hud-btn:hover{background:#ffffff26;border-color:#ffd16680;transform:translateY(-1px)}.hud-btn-active{color:#ffd166;background:#ffd16640;border-color:#ffd166}.hud-btn-tickle{color:#ff99c8;background:linear-gradient(135deg,#ff70a64d 0%,#ffd1664d 100%);border-color:#ff70a680}.hud-btn-tickle:hover{color:#fff;background:linear-gradient(135deg,#ff70a680 0%,#ffd16680 100%);border-color:#ff70a6}.hud-btn-tickle.tickle-active{transform:scale(.92)}.hud-btn-icon{justify-content:center;width:28px;height:28px;padding:6px}.spin-slow{animation:8s linear infinite spinSlow}.three-pip-tip{text-align:center;color:var(--text-muted);pointer-events:none;text-shadow:0 1px 4px #000c;opacity:.9;white-space:normal;box-sizing:border-box;font-size:11.5px;font-weight:600;line-height:1.25;position:absolute;bottom:12px;left:12px;right:12px}.visitor-memory-badge-wrap{z-index:25;margin-bottom:14px;position:relative}.visitor-memory-trigger{color:#ffd166;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffd1661a;border:1px solid #ffd1664d;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.visitor-memory-trigger:hover{background:#ffd1662e;border-color:#ffd166;transform:translateY(-1px)}.memory-star-icon{color:#ffd166;font-size:14px;animation:2s ease-in-out infinite pulseDot}.memory-caret{opacity:.7;font-size:9px}.visitor-memory-popover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;background:#140c2af0;border:1px solid #ffd1664d;border-radius:20px;width:360px;max-width:90vw;padding:18px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 40px #00000080,0 0 20px #ffd16626}.popover-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.popover-title-row{align-items:center;gap:6px;display:flex}.popover-title-row h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.memory-tag-badge{color:#ffd166;background:#ffd16626;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.pip-memory-quote{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;gap:10px;margin-bottom:14px;padding:12px;display:flex}.quote-pip-avatar{flex-shrink:0;font-size:20px}.quote-speech{color:#ffd8eb;margin:0;font-size:12px;font-style:italic;line-height:1.5}.memory-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.memory-stat-box{background:#00000040;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.stat-val{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.name-display-row{justify-content:space-between;align-items:center;gap:4px;display:flex}.name-change-btn{color:#ffd166;cursor:pointer;background:0 0;border:none;padding:0;font-size:10px;text-decoration:underline}.name-edit-form{align-items:center;gap:4px;display:flex}.name-edit-input{color:#fff;background:#ffffff1a;border:1px solid #ffd166;border-radius:4px;outline:none;width:100%;padding:2px 4px;font-size:11px}.name-save-btn{color:#0d0630;cursor:pointer;background:#ffd166;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;display:flex}.memory-actions-row{gap:8px;display:flex}.memory-action-pill{color:var(--text-primary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.memory-action-pill:hover{background:#ffffff1f;border-color:#ffd16666}.memory-reset-pill:hover{color:#ff99c8;border-color:#ff70a6}.pip-chat-wrapper{z-index:9999;position:fixed;bottom:24px;right:24px}.pip-chat-floating-btn{cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:linear-gradient(135deg,#1d1138f2 0%,#371c57f2 100%);border:1.5px solid #ffd16680;border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 10px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 10px 30px #0006,0 0 20px #ffd16640}.pip-chat-floating-btn:hover{border-color:#ffd166;transform:translateY(-3px)scale(1.03);box-shadow:0 14px 35px #00000080,0 0 28px #ffd16666}.chat-btn-avatar{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.chat-avatar-mini{object-fit:contain;width:34px;height:34px}.chat-online-indicator{background:#06d6a0;border:2px solid #1d1138;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.chat-btn-text{text-align:left;flex-direction:column;display:flex}.chat-btn-text strong{color:#fff;font-size:13px}.chat-btn-text span{color:#ffd166;font-size:11px}.chat-unread-badge{color:#fff;background:#ff70a6;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 8px #ff70a680}.pip-chat-window{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#120a24f5;border:1.5px solid #ffd16659;border-radius:24px;flex-direction:column;width:370px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 100px);display:flex;overflow:hidden;box-shadow:0 24px 60px #0009,0 0 30px #ffd16626}.chat-header{background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chat-header-profile{align-items:center;gap:10px;display:flex}.chat-avatar-wrap{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.chat-avatar-img{object-fit:contain;width:36px;height:36px}.status-dot-pulse{background:#06d6a0;border:2px solid #120a24;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0;box-shadow:0 0 6px #06d6a0}.chat-name-row{align-items:center;gap:6px;display:flex}.chat-name-row h4{color:#fff;margin:0;font-size:14px;font-weight:700}.chat-role-pill{color:#ffd166;background:#ffd16626;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700}.chat-status-sub{color:var(--text-muted);margin:2px 0 0;font-size:10px}.chat-header-actions{align-items:center;gap:4px;display:flex}.chat-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.chat-action-btn:hover{color:#fff;background:#ffffff1a}.chat-close-btn:hover{color:#ff70a6}.chat-prompts-bar{scrollbar-width:none;background:#00000026;border-bottom:1px solid #ffffff0d;gap:6px;padding:10px 14px;display:flex;overflow-x:auto}.chat-prompts-bar::-webkit-scrollbar{display:none}.chat-prompt-pill{white-space:nowrap;color:#ffd8eb;cursor:pointer;background:#ff70a61f;border:1px solid #ff70a640;border-radius:999px;flex-shrink:0;padding:5px 10px;font-family:Outfit,sans-serif;font-size:11px;font-weight:600;transition:all .2s}.chat-prompt-pill:hover{color:#fff;background:#ff70a640;border-color:#ff70a6;transform:translateY(-1px)}.chat-messages-container{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow-y:auto}.chat-bubble-row{gap:8px;max-width:88%;display:flex}.chat-bubble-row.bubble-pip{align-self:flex-start}.chat-bubble-row.bubble-user{flex-direction:row-reverse;align-self:flex-end}.bubble-pip-avatar{flex-shrink:0;margin-top:4px;font-size:16px}.bubble-content-wrap{flex-direction:column;display:flex}.bubble-pip .bubble-text{color:#f1edfa;background:#ffffff12;border:1px solid #ffffff1a;border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:12.5px;line-height:1.5;box-shadow:0 4px 12px #0003}.bubble-user .bubble-text{color:#fff;background:linear-gradient(135deg,#a34063 0%,#ff70a6 100%);border-radius:16px 16px 4px;padding:10px 14px;font-size:12.5px;line-height:1.5;box-shadow:0 4px 12px #a3406359}.bubble-time-stamp{color:var(--text-muted);align-self:flex-start;margin-top:3px;font-size:9.5px}.bubble-user .bubble-time-stamp{align-self:flex-end}.bubble-typing-indicator{background:#ffffff0d;border-radius:16px;align-items:center;gap:4px;padding:10px 14px;display:flex}.typing-dot{background:#ffd166;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typingBounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}.typing-text{color:var(--text-muted);margin-left:6px;font-size:11px;font-style:italic}.chat-input-bar{background:#00000040;border-top:1px solid #ffffff14;align-items:center;gap:8px;padding:10px 14px;display:flex}.chat-text-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;outline:none;flex:1;padding:9px 16px;font-family:Outfit,sans-serif;font-size:12.5px;transition:all .2s}.chat-text-input:focus{background:#ffffff1a;border-color:#ffd166;box-shadow:0 0 10px #ffd16633}.chat-send-btn{color:#0d0630;cursor:pointer;background:linear-gradient(135deg,#ffd166 0%,#ff99c8 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.chat-send-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 4px 12px #ffd16666}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.backend-status-pill{color:#06d6a0;box-sizing:border-box;text-align:center;background:#06d6a014;border:1px solid #06d6a04d;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:100%;margin-top:10px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.status-live-icon{color:#06d6a0;animation:2s ease-in-out infinite pulseDot}.status-offline-icon{color:#ffd166}.btn-refresh-feed{color:#ffd166;cursor:pointer;background:#ffd16626;border:1px solid #ffd1664d;border-radius:999px;align-items:center;gap:4px;margin-left:6px;padding:2px 8px;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.btn-refresh-feed:hover{background:#ffd1664d}.spin-fast{animation:.6s linear infinite spinSlow}.bubble-actions{justify-content:flex-end;margin-top:6px;display:flex}.bubble-love-btn{color:#ff99c8;cursor:pointer;background:#ff70a61a;border:1px solid #ff70a640;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.bubble-love-btn:hover{background:#ff70a640;border-color:#ff70a6;transform:scale(1.05)}.love-icon{color:#ff70a6}@media (width<=768px){.three-pip-container{max-width:100%;height:400px}.pip-chat-window{width:calc(100vw - 32px);height:460px}.visitor-memory-popover{width:calc(100vw - 40px)}}.pip-submode-bar{z-index:15;justify-content:center;align-items:center;gap:8px;padding:10px 14px 4px;display:flex}.submode-pill{color:var(--text-muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d063099;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.submode-pill:hover{color:#fff;border-color:#ffd16666}.submode-pill.submode-active{color:#0d0630;background:linear-gradient(135deg,#ffd166 0%,#ff99c8 100%);border-color:#ffd166;box-shadow:0 2px 10px #ffd16659}.turntable-viewport-wrap{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.turntable-viewport-wrap:active{cursor:grabbing}.turntable-canvas{object-fit:contain;filter:drop-shadow(0 14px 28px #00000073);pointer-events:none;width:100%;height:100%;max-height:400px}.video-chroma-viewport-wrap{cursor:pointer;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.video-chroma-canvas{object-fit:contain;filter:drop-shadow(0 14px 28px #00000073);width:100%;max-width:420px;height:auto;max-height:380px}.pip-jump-bounce{animation:.9s cubic-bezier(.175,.885,.32,1.275) pipJumpBounce}@keyframes pipJumpBounce{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-28px)scale(1.08)rotate(-4deg)}60%{transform:translateY(6px)scale(.96)rotate(3deg)}85%{transform:translateY(-4px)scale(1.02)}to{transform:translateY(0)scale(1)}}