:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}.app-container{position:relative;width:100%;height:100%}.scene-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:auto}.main-content,.avatar-container{pointer-events:none;width:100%;height:100%}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;box-sizing:border-box}.ui-overlay .status-bar,.ui-overlay .controls,.ui-overlay .conversation-overlay,.ui-overlay .error-banner,.ui-overlay .settings-modal{pointer-events:auto}.status-bar{display:flex;justify-content:space-between;align-items:flex-start;padding:0}.conversation-overlay{position:absolute;top:5.5rem;right:2rem;max-width:400px;display:flex;flex-direction:column;gap:1rem;pointer-events:none}.message{max-width:80%;padding:1rem 1.5rem;border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease-out;margin-bottom:1rem}.ai-message{background:#0009;border:1px solid rgba(255,255,255,.1);color:#ffffffe6;align-self:flex-start}.user-message{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;align-self:flex-end;text-align:right}.chat-overlay{position:absolute;bottom:100px;left:50%;transform:translate(-50%);width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;pointer-events:none;padding:0 20px}.message-bubble{background:#000000b3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1rem 1.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.15);animation:slideIn .4s ease-out}.message-bubble .message-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;opacity:.7;font-weight:600}.user-bubble{border-color:#60a5fa4d}.user-bubble .message-label{color:#60a5fa}.ai-bubble{border-color:#a78bfa4d}.ai-bubble .message-label{color:#0af}.replay-button{margin-top:.5rem;padding:.4rem .8rem;background:#00aaff26;border:1px solid rgba(0,170,255,.3);color:#0af;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease;display:inline-flex;align-items:center;gap:.3rem;pointer-events:auto}.replay-button:hover{background:#00aaff40;border-color:#00aaff80;transform:translateY(-1px)}.replay-button:active{transform:translateY(0)}.message-bubble p{margin:0;font-size:.95rem;line-height:1.5;color:#ffffffe6}.top-right-buttons{display:flex;gap:.75rem;align-items:center}.icon-button{background:#ffffff1a;border:none;color:#fff;padding:.5rem;border-radius:50%;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.icon-button:hover{background:#fff3}.icon-button.model-switcher{border-radius:20px;padding:.4rem .75rem;gap:.4rem;font-size:.85rem;font-weight:500;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.15)}.icon-button.model-switcher .model-name{text-transform:capitalize}.icon-button.model-switcher:hover{transform:scale(1.05)}.status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;font-size:.9rem;color:#888;transition:all .3s ease}.status-indicator.active{color:#0f8;background:#00ff881a;box-shadow:0 0 10px #0f83}.status-indicator.speaking{color:#0af;background:#00aaff1a}.controls{display:flex;justify-content:center;padding:0;pointer-events:auto;width:fit-content;margin:0 auto}.play-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:80px;height:80px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-button:hover{background:#fff3;transform:scale(1.1)}.play-button.playing{background:#0f83;border-color:#00ff8880;color:#0f8;box-shadow:0 0 30px #00ff884d}.error-banner{background:#ff323233;border:1px solid rgba(255,50,50,.5);color:#f55;padding:1rem;margin:1rem 0;border-radius:8px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:auto}.settings-modal{background:#111;border:1px solid #333;border-radius:16px;width:90%;max-width:500px;max-height:90vh;padding:2rem;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;overflow:hidden}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.settings-header h2{margin:0;font-weight:500}.close-button{background:none;border:none;color:#666;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s}.close-button:hover{background:#222;color:#fff}.settings-content{overflow-y:auto;flex:1;padding-right:.5rem}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;color:#888;font-size:.9rem}.checkbox-group label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.checkbox-group span{color:#ffffffe6;font-size:.95rem}.input-group input{width:100%;padding:.75rem;background:#222;border:1px solid #333;border-radius:8px;color:#fff;font-family:monospace;box-sizing:border-box}.input-group input:focus{outline:none;border-color:#0f8}.help-text{margin:.25rem 0 0;font-size:.8rem;color:#555}.settings-footer{margin-top:2rem;display:flex;justify-content:flex-end}.save-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#0f8;color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.save-button:hover{background:#00cc6a;transform:translateY(-2px)}.settings-trigger{background:#ffffff1a;border:none;color:#fff;padding:.5rem;border-radius:50%;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.settings-trigger:hover{background:#fff3}.landing-page{--bg-premium: #151210;--bg-card: #1f1b18;--bg-surface: #26221e;--gold-primary: #D4AF37;--gold-light: #F3E5AB;--gold-dim: #AA8C2C;--gold-text: #E5C580;--text-primary: #F0EAD6;--text-secondary: #B0A090;--text-muted: #756a5d;--color-accent: var(--gold-primary);--font-heading: "Playfair Display", serif;--font-body: "Lato", sans-serif;font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-premium);line-height:1.6;width:100%;min-height:100%;position:relative;margin:0;padding:0}.filler-frame-content{overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.filler-frame-content::-webkit-scrollbar{display:none;width:0;height:0}.filler-edge{pointer-events:none}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4{font-family:var(--font-heading);color:var(--gold-text);letter-spacing:-.02em}.gold-text-gradient{background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold-primary) 50%,var(--gold-dim) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(212,175,55,.2)}.hero{background:radial-gradient(circle at 50% 30%,#4a3b2a,#151210 60%,#0d0b0a);position:relative;width:100%;overflow:hidden;color:var(--gold-light);padding:0}.hero-logo{font-family:var(--font-heading);font-size:2.5rem;background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold-dim) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;letter-spacing:-.02em}.composition-bg,.composition-frame,.composition-avatar{width:500px;max-width:none}.hero-composition,.hero-content,.hero-gradient-overlay{pointer-events:none}.cta-container{margin:0;cursor:pointer;transition:transform .2s ease;display:inline-block;width:auto;height:auto}.cta-container:hover{transform:scale(1.02)}.cta-image-btn{height:80px;width:280px;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));transition:transform .2s ease,filter .2s ease}.cta-image-btn:hover{transform:scale(1.05);filter:drop-shadow(0 6px 15px rgba(212,175,55,.4))}.hero-responsive-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none;width:100%;height:100%;object-fit:contain;max-width:none}.responsive-letterbox-bg{background-image:url(/images/background_filler.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#0b0a09;display:flex;align-items:center;justify-content:center;overflow:hidden}@media(min-width:769px){.hero-responsive-img{width:100%;height:100%;object-fit:contain}}@media(max-width:768px){.hero-responsive-img{height:100%;width:100%;object-fit:contain;object-position:center}}.manifesto-banner-container{position:relative;z-index:20;width:100%;height:auto;min-height:auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.manifesto-banner-img{width:100%;height:auto;object-fit:contain!important;max-width:none;display:block}.cta-image-btn{background:url(/btn-join-founding.png) no-repeat center center;background-size:contain;width:300px;height:80px;border:none;cursor:pointer;transition:transform .2s;color:transparent}.cta-image-btn:hover{transform:scale(1.05)}.cta-image-btn span{display:none}.hero-nav{margin-top:4rem;display:flex;gap:3rem;justify-content:center;border-top:1px solid rgba(212,175,55,.2);padding-top:2rem;width:100%;max-width:600px}.hero-nav span{color:var(--text-secondary);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;cursor:pointer;transition:color .2s}.hero-nav span:hover{color:var(--gold-primary)}section{padding:6rem 2rem;text-align:center}.manifesto-section{background-color:var(--bg-card);border-top:1px solid #332a22;border-bottom:1px solid #332a22}.manifesto-text{max-width:900px;margin:0 auto;font-size:1.8rem;color:var(--gold-light);font-weight:400;line-height:1.4;text-align:center;font-family:var(--font-heading);text-shadow:0 2px 10px rgba(0,0,0,.5)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:4rem auto 0}.feature-card{padding:3rem 2rem;background:linear-gradient(145deg,#1f1b18,#151210);border:1px solid var(--gold-dim);border-radius:8px;transition:all .3s ease;box-shadow:0 10px 30px #0000004d}.feature-card:hover{transform:translateY(-5px);border-color:var(--gold-light);box-shadow:0 15px 40px #d4af3726}.feature-emoji{font-size:3rem;display:block;margin-bottom:1.5rem;filter:sepia(1) saturate(5) hue-rotate(-10deg) brightness(1.2);text-shadow:0 0 20px rgba(212,175,55,.4)}.feature-emoji{font-size:2.5rem;display:block;margin-bottom:1.5rem;filter:sepia(1) saturate(4) hue-rotate(0deg) brightness(.9)}.founder-story-section{background-color:var(--bg-card);border-top:1px solid #332a22;border-bottom:1px solid #332a22;position:relative;overflow:hidden}.founder-story-section h2{color:var(--gold-light)}.story-content{max-width:700px;margin:0 auto;text-align:left;font-size:1.1rem;color:var(--text-secondary);line-height:1.8}.signature{margin-top:2rem;font-family:var(--font-heading);font-style:italic;color:var(--gold-text);font-size:1.2rem}.pricing-section{background-color:var(--bg-premium);padding:6rem 1rem}.pricing-card{background:linear-gradient(145deg,#2a221b,#1f1b18);padding:4rem 3rem;border-radius:4px;max-width:450px;margin:3rem auto;box-shadow:0 30px 60px #00000080;border:1px solid var(--gold-dim);position:relative}.pricing-card:before{content:"FOUNDING MEMBER";position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:#1f1b18b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem 2rem;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;background:#1f1b18d9}.pricing-card.premium{border:1px solid var(--gold-primary);background:radial-gradient(circle at top right,#d4af3726,#1f1b18cc 60%);box-shadow:0 0 20px #d4af371a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-footer,.landing-footer *{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;color:var(--text-muted)}.pricing-card.premium:hover{box-shadow:0 0 30px #d4af3733}.tier-name{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.pricing-card.premium .tier-name{color:var(--gold-text)}.price{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin:1.5rem 0}.amount{font-size:3.5rem;font-family:var(--font-heading);color:var(--text-primary);font-weight:300}.pricing-card.premium .amount{color:var(--gold-light)}.period{color:var(--text-muted);font-size:1.1rem}.benefits{list-style:none;padding:0;margin:2rem 0;text-align:left;flex-grow:1}.benefits li{margin-bottom:1rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:.8rem}.benefits li:before{content:"✓";color:var(--gold-dim);font-weight:700}.pricing-card.premium .benefits li:before{color:var(--gold-primary)}.cta-primary,.cta-outline{width:100%;padding:1rem;border-radius:12px;font-family:var(--font-heading);font-size:1rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em;margin-top:auto}.cta-primary{background:var(--gold-primary);color:#1a1614;border:none;font-weight:600}.cta-primary:hover{background:var(--gold-light);transform:scale(1.02)}.cta-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}.cta-outline:hover{border-color:var(--gold-dim);background:#ffffff0d}.badge-limited{position:absolute;top:1rem;right:1rem;background:#d4af3733;color:var(--gold-light);padding:.3rem .8rem;border-radius:20px;font-size:.75rem;border:1px solid rgba(212,175,55,.3);text-transform:uppercase;letter-spacing:.05em}.tier-tagline{font-size:.95rem;color:var(--text-muted);margin:.5rem 0 1rem;font-style:italic}.tier-tagline-gold{color:var(--gold-text)}.killer-benefit{background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:1rem;margin:1.5rem 0;text-align:center;font-family:var(--font-heading);font-size:1.1rem;color:var(--gold-light);line-height:1.5}.killer-benefit span{display:block;margin-top:.5rem;font-size:.85rem;color:var(--text-secondary);font-family:var(--font-body);font-style:normal}.modal-overlay{background:#0006;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;animation:modalFadeIn .5s ease-out}.modal-content{background:linear-gradient(180deg,#231c16bf,#14100cd9);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:2px solid #B8963F;box-shadow:0 0 0 1px #b8963f4d inset,0 30px 60px #000000b3,0 0 40px #b8963f26;width:90%;max-width:440px;padding:2.5rem 2rem;border-radius:16px;text-align:center;position:relative;animation:modalPopIn .4s cubic-bezier(.175,.885,.32,1.275)}.modal-content h2{font-family:var(--font-heading);font-size:2.2rem;font-weight:400;font-style:italic;color:#f3e5ab;text-shadow:0 2px 10px rgba(212,175,55,.4);margin-bottom:1.8rem;letter-spacing:.01em}.checkbox-group{display:flex;flex-direction:column;gap:.8rem;text-align:left;margin-bottom:1.5rem}.checkbox-group label{color:#f3e5ab;font-family:var(--font-heading);font-size:1.1rem;font-weight:500;display:flex;align-items:center;gap:.8rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;text-shadow:none}.checkbox-group label:hover{color:#f5efe0;text-shadow:0 0 8px rgba(212,175,55,.3)}.checkbox-group label a{color:#d4af37;text-decoration:underline;text-underline-offset:2px}.checkbox-group input[type=checkbox]{appearance:none;-webkit-appearance:none;width:28px;height:28px;border:2px solid #B8963F;border-radius:8px;background:#ffffff0d;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.checkbox-group input[type=checkbox]:checked{background:#ffffff1a;border-color:#c9a84a}.checkbox-group input[type=checkbox]:before{content:"✓";font-size:18px;color:#f5efe0;text-shadow:0 0 5px rgba(212,175,55,.5);font-weight:700;font-family:sans-serif;transform:scale(0);transition:transform .15s ease}.checkbox-group input[type=checkbox]:checked:before{transform:scale(1)}.crisis-note{background:#50141466;border:1px solid rgba(139,50,50,.4);border-radius:8px;color:#fcc;padding:1rem;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem;text-align:left;display:flex;align-items:flex-start;gap:.6rem}.crisis-note:before{content:"⚠";color:#ffb0b0;font-size:1.1rem;flex-shrink:0}.modal-content .cta-primary{background:linear-gradient(180deg,#fff9e5,#d4af37 25%,#aa8c2c 75%,#886a1a);border:2px solid #A08040;color:#3a3020;font-family:var(--font-heading);font-weight:600;font-size:1.1rem;letter-spacing:.03em;padding:.9rem 1.5rem;width:100%;border-radius:8px;box-shadow:0 4px 12px #00000040,0 1px #ffffff4d inset;cursor:pointer;transition:all .2s ease;margin-bottom:1rem;position:relative;text-shadow:0 1px 0 rgba(255,255,255,.3)}.modal-content .cta-primary:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 6px 16px #0000004d,0 1px #fff6 inset}.modal-content .cta-primary:active{transform:translateY(1px);box-shadow:0 2px 4px #0003}.modal-content .cta-primary:disabled{background:#555;border-color:#444;color:#888;box-shadow:none;cursor:not-allowed;transform:none}.modal-content .cta-secondary{color:#d4af37;font-family:var(--font-heading);font-size:1rem;font-weight:500;background:transparent;border:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:all .2s;padding:.5rem}.modal-content .cta-secondary:hover{color:#f5efe0;text-shadow:0 0 8px rgba(212,175,55,.3)}.landing-footer{background:#0d0b0ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(34,29,25,.5);color:var(--text-muted)}.footer-links a{color:var(--text-secondary);transition:color .2s}.footer-links a:hover{color:var(--gold-primary)}@media(max-width:768px){.landing-page h1{font-size:2.8rem}.avatar-container{height:320px;width:320px}section{padding:4rem 1.5rem}.story-content{padding:0 1rem}.pricing-card{padding:3rem 1.5rem}}.cta-image-trigger{filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));transition:transform .3s ease,filter .3s ease;cursor:pointer;display:block;width:auto;height:auto;margin:0}@property --gold-alpha{syntax: "<number>"; initial-value: 0; inherits: true;}@keyframes shadow-pulse{0%,to{filter:brightness(1) drop-shadow(0 var(--default-shadow-distance, 2px) var(--default-shadow-size, 9px) rgba(var(--default-shadow-color-rgb, 0, 0, 0),var(--default-shadow-alpha, .6))) drop-shadow(0 var(--shadow-distance, 0px) var(--shadow-size, 0px) rgba(var(--shadow-color-rgb, 212, 175, 55),var(--gold-alpha, 0)))}50%{filter:brightness(1.05) drop-shadow(0 var(--default-shadow-distance-high, 28px) var(--default-shadow-size-high, 62px) rgba(var(--default-shadow-color-rgb, 0, 0, 0),var(--default-shadow-alpha, .6))) drop-shadow(0 var(--shadow-distance-high, 0px) var(--shadow-size-high, 148px) rgba(var(--shadow-color-rgb, 212, 175, 55),var(--gold-alpha, 0)))}}.cta-hover-wrapper{display:inline-block;--gold-alpha: 0;filter:brightness(1) drop-shadow(0 var(--default-shadow-distance, 2px) var(--default-shadow-size, 9px) rgba(var(--default-shadow-color-rgb, 0, 0, 0),var(--default-shadow-alpha, .6))) drop-shadow(0 var(--shadow-distance, 0px) var(--shadow-size, 0px) rgba(var(--shadow-color-rgb, 212, 175, 55),var(--gold-alpha, 0)));animation:shadow-pulse var(--anim-speed, 4s) ease-in-out infinite;transition:--gold-alpha .4s ease-out,filter .4s ease-out}.cta-hover-wrapper:hover{cursor:pointer;--gold-alpha: .5}.cta-hover-wrapper .cta-image-trigger{filter:brightness(1);transition:filter .4s ease-out}.cta-hover-wrapper:hover .cta-image-trigger{filter:brightness(1.2)}.cta-hover-wrapper:active{--gold-alpha: 1;transform:scale(.98);transition:transform .1s ease-out,--gold-alpha .1s ease-out}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(var(--loop-scale, 1.04))}}.cta-heartbeat{animation:heartbeat var(--anim-speed, 4s) ease-in-out infinite}.landing-page{cursor:url(/cursors/cursor-default.png) 12 12,auto}.landing-page a,.landing-page button,.landing-page [role=button],.landing-page .cta-image-trigger,.landing-page .cta-primary,.landing-page .cta-outline{cursor:url(/cursors/cursor-pointer.png) 12 12,pointer}.landing-page input[type=text],.landing-page input[type=email],.landing-page textarea{cursor:url(/cursors/cursor-text.png) 12 12,text}.landing-page .loading,.landing-page [aria-busy=true]{cursor:url(/cursors/cursor-wait.png) 12 12,wait}.landing-page .draggable,.landing-page [draggable=true]{cursor:url(/cursors/cursor-grab.png) 12 12,grab}.parallax-bg-container{position:sticky;top:0;z-index:1;overflow:hidden;height:var(--content-height, 100vh);width:100%}.parallax-hero-wrapper{position:absolute;top:0;left:0;height:100%;width:100%;z-index:4;pointer-events:none;will-change:clip-path}.parallax-landing3-wrapper{position:absolute;top:0;left:0;height:100%;width:100%;z-index:3;background-color:var(--bg-premium);pointer-events:none;will-change:clip-path}.parallax-landing7-wrapper{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;background-color:#000;pointer-events:none}.parallax-landing5-wrapper{position:absolute;top:0;left:0;height:100%;width:100%;z-index:2;background-color:#000;pointer-events:none;will-change:clip-path}.parallax-landing5-partial-bg-wrapper{position:fixed;top:0;left:0;height:var(--content-height, 100vh);width:100%;z-index:1;background-color:var(--bg-surface);pointer-events:none;will-change:clip-path}.landing3-img{width:100%;height:100%;object-fit:cover}.scrolling-content-layer{position:relative;z-index:10;background-color:transparent;pointer-events:none}.manifesto-banner-container{background-color:transparent;z-index:20;pointer-events:auto;width:100%;position:relative}.manifesto-banner-img{display:block;width:100%;height:auto;object-fit:cover;pointer-events:none}.energy-display{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#ffd70026,#ffa5001a);border:1px solid rgba(255,215,0,.3);border-radius:20px;color:gold;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.energy-display:hover{background:linear-gradient(135deg,#ffd70040,#ffa50033);border-color:#ffd70080;transform:scale(1.05);box-shadow:0 0 20px #ffd7004d}.energy-icon{font-size:16px;animation:pulse 2s ease-in-out infinite}.energy-value{font-family:SF Mono,Monaco,monospace}.energy-warning{background:#f44;color:#fff;width:16px;height:16px;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:blink 1s ease-in-out infinite}.energy-full{border-color:#32cd3280;color:#90ee90;background:linear-gradient(135deg,#32cd3226,#228b221a)}.energy-good{border-color:#ffd7004d;color:gold}.energy-hungry{border-color:#ffa50080;color:orange;background:linear-gradient(135deg,#ffa50026,#ff8c001a)}.energy-very-hungry{border-color:#ff646480;color:#ff6b6b;background:linear-gradient(135deg,#ff646426,#ff46461a);animation:urgentPulse 1.5s ease-in-out infinite}.energy-exhausted,.energy-empty{border-color:#ff323299;color:#f44;background:linear-gradient(135deg,#ff323233,#c8000026);animation:urgentPulse 1s ease-in-out infinite}.energy-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.energy-modal{position:relative;width:90%;max-width:480px;max-height:85vh;overflow-y:auto;background:linear-gradient(180deg,#1e1e28fa,#14141efa);border:1px solid rgba(255,215,0,.2);border-radius:20px;padding:24px;box-shadow:0 20px 60px #00000080,0 0 40px #ffd7001a;animation:slideUp .3s ease-out}.energy-modal-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff9;cursor:pointer;transition:all .2s ease}.energy-modal-close:hover{background:#fff3;color:#fff}.energy-modal-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.energy-modal-header h2{margin:0;font-size:20px;color:gold;font-weight:600}.energy-status-emoji{font-size:28px}.energy-progress-container{margin-bottom:12px}.energy-progress-bar{width:100%;height:20px;background:#ffffff1a;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.energy-progress-fill{height:100%;background:linear-gradient(90deg,gold,#fa0,#ff8c00);border-radius:10px;transition:width .5s ease;box-shadow:0 0 10px #ffd70080}.energy-progress-info{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;color:#ffffffb3}.energy-current{font-family:SF Mono,Monaco,monospace}.energy-percentage{color:gold;font-weight:600}.energy-status-message{text-align:center;color:#fffc;font-size:14px;margin:8px 0}.energy-time-remaining{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#ffd7001a;border-radius:12px;color:gold;font-size:14px;margin:12px 0}.time-icon{font-size:16px}.energy-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent);margin:20px 0}.energy-section-title{color:#ffffffe6;font-size:16px;margin:0 0 16px;text-align:center}.food-store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.food-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:linear-gradient(135deg,#ffb6c11a,#ffdab91a);border:1px solid rgba(255,182,193,.2);border-radius:12px;cursor:pointer;transition:all .2s ease}.food-item:hover{background:linear-gradient(135deg,#ffb6c133,#ffdab933);border-color:#ffb6c166;transform:translateY(-2px);box-shadow:0 8px 20px #ffb6c133}.food-emoji{font-size:32px;margin-bottom:4px}.food-name{font-size:11px;color:#fffc;margin-bottom:4px}.food-energy{font-size:10px;color:gold;font-weight:600}.food-price{font-size:12px;color:#90ee90;font-weight:600;margin-top:4px}.subscription-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.subscription-item{display:flex;flex-direction:column;align-items:center;padding:14px 10px;background:linear-gradient(135deg,#6495ed1a,#9370db1a);border:1px solid rgba(100,149,237,.3);border-radius:12px;cursor:pointer;transition:all .2s ease}.subscription-item:hover{background:linear-gradient(135deg,#6495ed33,#9370db33);border-color:#6495ed80;transform:translateY(-2px)}.subscription-name{font-size:13px;font-weight:600;color:#6495ed;margin-bottom:4px}.subscription-energy{font-size:11px;color:gold}.subscription-price{font-size:14px;font-weight:600;color:#90ee90;margin:4px 0}.subscription-desc{font-size:10px;color:#ffffff80;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes urgentPulse{0%,to{box-shadow:0 0 5px #ff32324d}50%{box-shadow:0 0 15px #ff323299}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.energy-modal::-webkit-scrollbar{width:6px}.energy-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.energy-modal::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px}.energy-modal::-webkit-scrollbar-thumb:hover{background:#ffd70080}.inner-visualization{position:fixed;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.inner-visualization .visualization-image{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease-in-out;filter:blur(3px) saturate(1.1);transform:scale(1.05)}.inner-visualization .visualization-image.active{opacity:.7}.inner-visualization .visualization-image.fading-out{opacity:0}.inner-visualization:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.8) 100%);pointer-events:none}.inner-visualization .loading-indicator{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,182,193,.3) 0%,rgba(255,182,193,.1) 50%,transparent 70%);animation:pulse-glow 2s ease-in-out infinite;filter:blur(20px)}@keyframes pulse-glow{0%,to{transform:scale(.8);opacity:.3}50%{transform:scale(1.2);opacity:.6}}.inner-visualization .status-text{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:10px;color:#ffffff4d;font-family:system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase}.inner-visualization .vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,transparent 30%,rgba(0,0,0,.2) 80%);pointer-events:none}.visualization-settings{max-width:420px}.visualization-settings .settings-header h2{display:flex;align-items:center;gap:8px}.slider-group{margin-bottom:24px}.slider-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:500;color:#ffffffe6}.slider-group .slider-value{font-family:monospace;font-size:12px;color:#ffb6c1e6;min-width:40px;text-align:right}.slider-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#ffffff1a;-webkit-appearance:none;appearance:none;cursor:pointer}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#ffb6c1,pink);cursor:pointer;box-shadow:0 2px 6px #ffb6c166;transition:transform .15s ease}.slider-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-group input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#ffb6c1,pink);cursor:pointer;border:none;box-shadow:0 2px 6px #ffb6c166}.slider-group .slider-hint{margin-top:6px;font-size:11px;color:#fff6;font-style:italic}.visualization-settings .settings-footer{display:flex;gap:12px;justify-content:flex-end}.reset-button{padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:13px;transition:all .2s ease}.reset-button:hover{background:#ffffff26;color:#ffffffe6}.visualization-settings .save-button{display:flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#ffb6c1,pink);border:none;border-radius:6px;color:#333;font-weight:500;cursor:pointer;font-size:13px;transition:all .2s ease}.visualization-settings .save-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffb6c166}.toggle-buttons{display:flex;gap:8px;margin-top:8px}.toggle-btn{flex:1;padding:10px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.toggle-btn:hover{background:#ffffff1f;border-color:#ffffff40}.toggle-btn.active{background:linear-gradient(135deg,#ffb6c14d,#ffc0cb33);border-color:#ffb6c180;color:#fffffff2;box-shadow:0 2px 8px #ffb6c133}.tuning-toggle-btn{position:fixed;top:80px;right:20px;z-index:100;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#1e1e28cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tuning-toggle-btn:hover{background:#323246e6;border-color:#ffffff40;transform:scale(1.05)}.emotion-tuning-panel{position:fixed;top:80px;right:20px;z-index:100;width:280px;max-height:calc(100vh - 120px);overflow-y:auto;background:#14141eeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;box-shadow:0 8px 32px #0006}.tuning-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.tuning-header h3{margin:0;font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.header-actions{display:flex;gap:8px}.reset-btn,.close-btn{background:#ffffff1a;border:none;border-radius:6px;color:#aaa;cursor:pointer;padding:4px 8px;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.reset-btn:hover,.close-btn:hover{background:#fff3;color:#fff}.vrm-expressions-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:10px;display:flex;align-items:center;gap:6px}.expression-bars{display:flex;flex-direction:column;gap:6px}.expression-row{display:flex;align-items:center;gap:8px}.expression-label{font-size:11px;color:#aaa;width:65px;text-transform:capitalize}.expression-bar-container{flex:1;height:8px;background:#ffffff14;border-radius:4px;overflow:visible;position:relative}.expression-bar-fill{height:100%;border-radius:4px;transition:width .15s cubic-bezier(.4,0,.2,1)}.expression-raw-marker{position:absolute;top:-2px;width:2px;height:12px;border-radius:1px;opacity:.8;transform:translate(-1px);transition:left .15s cubic-bezier(.4,0,.2,1)}.legend{margin-left:auto;display:flex;gap:8px;font-size:9px}.legend-raw{color:#888}.legend-smooth{color:#aaa}.expression-value{font-size:10px;color:#888;width:32px;text-align:right;font-family:monospace}.tuning-sliders-section{display:flex;flex-direction:column;gap:14px}.slider-row{display:flex;flex-direction:column;gap:4px}.slider-header{display:flex;justify-content:space-between;align-items:center}.slider-label{font-size:12px;color:#ddd;font-weight:500}.slider-value{font-size:11px;color:#8b5cf6;font-family:monospace;font-weight:600}.tuning-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;cursor:pointer}.tuning-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);cursor:pointer;border:2px solid rgba(255,255,255,.3);transition:transform .15s ease}.tuning-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.tuning-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);cursor:pointer;border:2px solid rgba(255,255,255,.3)}.slider-description{font-size:10px;color:#666;margin-top:2px}.emotion-tuning-panel::-webkit-scrollbar{width:6px}.emotion-tuning-panel::-webkit-scrollbar-track{background:transparent}.emotion-tuning-panel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.emotion-tuning-panel::-webkit-scrollbar-thumb:hover{background:#ffffff40}.compassion-mode-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.mode-toggle-group{display:flex;gap:4px;margin-bottom:12px}.mode-btn{flex:1;padding:8px 4px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0d;color:#888;font-size:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s ease}.mode-btn:hover{background:#ffffff1a;color:#bbb}.mode-btn.active{background:linear-gradient(135deg,#ec48994d,#a855f74d);border-color:#ec489980;color:#fff}.mode-btn.active svg{color:#ec4899}.compassion-slider{margin-top:8px}.compassion-value{color:#ec4899!important}.compassion-slider-input::-webkit-slider-thumb{background:linear-gradient(135deg,#ec4899,#a855f7)!important}.manga-filter-panel{width:280px;height:100%;background:#ffffff0a;border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:16px;overflow-y:auto;overflow-x:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:12px}.manga-filter-panel::-webkit-scrollbar{width:6px}.manga-filter-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.manga-filter-panel::-webkit-scrollbar-thumb{background:#ffb6c14d;border-radius:3px}.panel-title{font-size:16px;font-weight:600;color:#fffffff2;margin:0 0 8px;display:flex;align-items:center;gap:8px}.filter-section{background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.06);padding:12px;transition:all .3s ease}.filter-section:hover{background:#ffffff0a;border-color:#ffb6c126}.filter-header{margin-bottom:8px}.filter-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#ffffffd9;font-size:14px;font-weight:500;transition:color .2s ease}.filter-toggle-label:hover{color:#fff}.filter-toggle-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#ffb6c1}.filter-toggle-label svg{color:#ffb6c1;flex-shrink:0}.filter-params{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.param{display:flex;flex-direction:column;gap:6px}.param label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;color:#ffffffb3}.param-value{font-size:11px;font-weight:600;color:#ffb6c1;font-family:Courier New,monospace}.param input[type=range]{width:100%;height:4px;border-radius:2px;background:#ffffff1a;outline:none;-webkit-appearance:none;appearance:none}.param input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#ffb6c1,#9370db);cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.param input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #ffb6c180}.param input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#ffb6c1,#9370db);cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.param input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #ffb6c180}.param input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;border-radius:2px;background:#ffffff1a}.param input[type=range]::-moz-range-track{width:100%;height:4px;border-radius:2px;background:#ffffff1a}.param input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,rgba(255,182,193,.4) 0%,rgba(255,182,193,.4) var(--value, 50%),rgba(255,255,255,.1) var(--value, 50%),rgba(255,255,255,.1) 100%)}@media(max-width:1200px){.manga-filter-panel{width:240px}}@media(max-width:900px){.manga-filter-panel{width:100%;max-height:250px}}.empathic-mirror-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;overflow:hidden;z-index:9999}.empathic-mirror-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(147,112,219,.08) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,182,193,.08) 0%,transparent 40%);pointer-events:none}.mirror-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;position:relative;z-index:10}.header-spacer{width:100px}.back-button{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#ffffffe6;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#ffffff26;transform:translate(-3px)}.page-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;color:#fffffff2}.page-title svg{color:#ffb6c1}.mirror-content{flex:1;display:flex;gap:16px;overflow:hidden;position:relative;z-index:1}.left-panel{width:340px;min-width:300px;display:flex;flex-direction:column;gap:16px;padding:0 20px 20px;overflow-y:auto}.middle-panel{width:300px;min-width:280px;display:flex;flex-direction:column;padding:0 10px 20px;overflow-y:auto}.camera-section{display:flex;flex-direction:column;gap:12px}.camera-preview{position:relative;width:100%;aspect-ratio:4 / 3;background:#0006;border-radius:16px;overflow:hidden;border:2px solid rgba(255,182,193,.2);box-shadow:0 10px 40px #0000004d,inset 0 0 40px #ffb6c105}.camera-preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#ffffff59;font-size:13px}.camera-placeholder svg{opacity:.4}.camera-toggle{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#ffb6c140,#9370db40);border:1px solid rgba(255,182,193,.35);border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.camera-toggle:hover{background:linear-gradient(135deg,#ffb6c159,#9370db59);transform:scale(1.02)}.camera-toggle.active{background:linear-gradient(135deg,#ef44444d,#dc26264d);border-color:#ef444480}.filter-toggles{display:flex;gap:8px;margin-top:8px}.filter-toggle{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:8px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#ffffffb3;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-toggle:hover{background:#ffffff1a;color:#ffffffe6}.filter-toggle.active{background:linear-gradient(135deg,#9370db59,#ffb6c159);border-color:#9370db80;color:#fff}.filter-toggle.active svg{color:#ffb6c1}.cel-shading-canvas{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.emotions-section{flex:1;background:#ffffff0a;border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;min-height:0;overflow:hidden}.emotions-section h3{font-size:15px;font-weight:600;margin:8px 0 12px;color:#ffffffe6;display:flex;align-items:center;gap:8px}.emotions-section h3 svg{color:#ffb6c1}.emotion-list{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:8px}.emotion-list::-webkit-scrollbar{width:4px}.emotion-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.emotion-list::-webkit-scrollbar-thumb{background:#ffb6c14d;border-radius:2px}.emotion-item{display:flex;flex-direction:column;gap:4px}.emotion-header{display:flex;justify-content:space-between;align-items:center;font-size:11px}.emotion-name{color:#fffc;font-weight:500;text-transform:capitalize}.emotion-score{color:#ffb6c1d9;font-weight:600;font-size:10px}.emotion-bar-bg{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.emotion-bar{height:100%;background:linear-gradient(90deg,#ffb6c1,#9370db);border-radius:3px;transition:width .2s ease-out}.connection-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;font-size:11px;font-weight:500;width:fit-content}.connection-status.connected{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.25)}.connection-status.connecting{background:#eab3081f;color:#eab308;border:1px solid rgba(234,179,8,.25)}.connection-status.disconnected{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-emotions{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#ffffff59;padding:20px;font-size:13px}.empty-emotions svg{margin-bottom:10px;opacity:.4}.error-message{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#fca5a5;padding:10px 14px;border-radius:10px;font-size:12px;margin-top:12px}.right-panel{flex:1;position:relative;background:radial-gradient(ellipse at center,rgba(30,30,50,.6) 0%,transparent 70%)}.right-panel canvas{width:100%!important;height:100%!important}@media(max-width:900px){.mirror-content{flex-direction:column}.left-panel{width:100%;max-height:45vh;flex-direction:row;flex-wrap:wrap}.camera-section{width:45%}.emotions-section{width:50%;flex:none}.right-panel{min-height:50vh}}.pose-controls-panel{position:fixed;left:0;top:0;width:280px;height:100vh;background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);z-index:50;overflow-y:auto;padding:1.5rem;box-sizing:border-box}.pose-controls-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.pose-controls-header h2{margin:0;font-size:1.2rem;font-weight:600;color:#fff}.emotion-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.emotion-section h3{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.emotion-grid{display:flex;flex-direction:column;gap:.75rem}.emotion-control{display:flex;flex-direction:column;gap:.5rem}.emotion-button{background:#ffffff0d;border:2px solid;color:#ffffffe6;padding:.75rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:center;width:100%}.emotion-button:hover{background:#ffffff1a;transform:translateY(-2px)}.emotion-button:active{transform:translateY(0)}.emotion-intensity-slider{margin-bottom:0;padding-left:.5rem}.pose-section{display:flex;flex-direction:column;gap:1.5rem}.pose-hint{margin:0;font-size:.75rem;color:#ffffff80;font-style:italic}.pose-controls-content{display:flex;flex-direction:column}.pose-group{background:#ffffff08;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.pose-group h3{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.slider-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.slider-row:last-child{margin-bottom:0}.slider-row label{font-size:.85rem;color:#ffffffb3;font-family:Courier New,monospace;font-weight:500}.slider-row input[type=range]{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;-webkit-appearance:none}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#0f8;border-radius:50%;cursor:pointer;transition:all .2s}.slider-row input[type=range]::-webkit-slider-thumb:hover{background:#00cc6a;transform:scale(1.2)}.slider-row input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#0f8;border-radius:50%;cursor:pointer;border:none;transition:all .2s}.slider-row input[type=range]::-moz-range-thumb:hover{background:#00cc6a;transform:scale(1.2)}.pose-controls-panel::-webkit-scrollbar{width:6px}.pose-controls-panel::-webkit-scrollbar-track{background:#ffffff0d}.pose-controls-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.pose-controls-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}