#root{width:100%;font-family:Inter,Arial,sans-serif}body{margin:0;background:#f5f7fa;color:#2b2b2b}.app{width:100%;min-height:100vh;padding:2rem}*{box-sizing:border-box}a{font-weight:500;color:#4c88ff;text-decoration:none}a:hover{color:#2d6dff}h1{font-size:2.6rem;font-weight:700;line-height:1.1;color:#2b2b2b}button{background:#fff;border:1px solid #d8d8d8;padding:12px 18px;border-radius:12px;font-size:15px;color:#333;cursor:pointer;font-weight:600;transition:.2s ease}button:hover{background:#e9efff;border-color:#5b8dff;color:#2a55cc}button:active{transform:scale(.98)}.chat-form{display:flex;gap:8px;margin-top:16px}.chat-input{flex:1;padding:12px 14px;border-radius:14px;border:1px solid #ccc;outline:none;font-size:15px;background:#fff}.chat-bubble.bot{margin-top:16px;max-width:480px;background:#fffc;border-radius:16px;padding:14px 16px;font-size:14px;line-height:1.5;color:#333;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #e6e6e6}.c-blue{color:#4c88ff}.face-wrapper{width:100%;display:flex;justify-content:center;margin:20px 0}.header{position:fixed;top:0;left:0;width:100%;height:64px;background:#fffe;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;padding:0 22px;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logo{font-size:1.4rem;font-weight:500;color:#2b2b2b}.hamburger{width:30px;height:22px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.hamburger span{display:block;height:4px;background:#3a3a3a;border-radius:4px;transition:.3s ease}.hamburger.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.sidebar{position:fixed;top:64px;left:-260px;width:260px;height:calc(100vh - 64px);background:#fff;padding:24px 18px;display:flex;flex-direction:column;gap:6px;transition:left .25s ease;z-index:19;border-right:1px solid #e6e6e6}.sidebar.open{left:0}.sidebar button{width:100%;background:none;border:none;padding:12px 10px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:#3a3a3a;text-align:left;transition:.16s ease-in-out}.sidebar button:hover{background:#f2f4f8;color:#1d1d1d}.sidebar button:before{content:"";width:8px;height:8px;border-radius:50%;background:#bfc5d1;transition:.2s ease}.sidebar button:hover:before{background:#4c88ff}.sidebar-divider{height:1px;width:100%;background:#eaeaea;margin:10px 0}.sidebar-title{font-size:13px;letter-spacing:.5px;text-transform:uppercase;font-weight:600;color:#8b8b8b;margin:8px 4px}.content{margin-top:80px;padding:20px;text-align:center;color:#2b2b2b}.status{margin-bottom:10px;opacity:.7}.modal-overlay{position:fixed;inset:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-box{background:#fff;color:#2b2b2b;padding:25px;width:380px;max-width:90%;border-radius:14px;text-align:center;box-shadow:0 8px 25px #0000001f;border:1px solid #ececec}.power-container{display:flex;justify-content:center;margin-top:40px;margin-bottom:30px}.power-btn.small{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #d4d4d4;padding:8px 14px;border-radius:40px;font-size:13px;font-weight:600;color:#333;cursor:pointer;transition:.18s ease}.power-btn.small:hover{background:#e9efff;border-color:#5b8dff;color:#2448b8}.power-btn.small .power-icon{opacity:.9}.power-btn.small.off{background:#fff2f2;border-color:#ffcece;color:#b63838}.power-btn.small.off:hover{background:#ffe4e4;border-color:#ff9d9d;color:#8e1f1f}.power-btn.small:disabled{opacity:.6;cursor:not-allowed}.power-btn.small:disabled:after{content:"";width:5px;height:5px;border-radius:50%;background:#5b8dff;display:inline-block;margin-left:4px;animation:pulseDot .8s infinite ease-in-out}@keyframes pulseDot{0%{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}to{opacity:.2;transform:scale(1)}}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:8}.sidebar{z-index:9;position:fixed}.hamburger-icon{cursor:pointer;display:flex;align-items:center;justify-content:center}.mc-overlay{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mc-modal{background:#fff;width:370px;padding:24px;border-radius:14px;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 28px #00000026;animation:mc-fade-in .22s ease-out}.mc-title{margin:0 0 4px;font-size:22px;font-weight:600}.mc-label{font-size:14px;margin-bottom:-6px;color:#333}.mc-select{padding:10px;border-radius:8px;border:1px solid #cdd5df;font-size:15px;background:#f8fafc;transition:.2s}.mc-select:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f640}.mc-slider{width:100%;height:6px;border-radius:4px;background:#d0d7e1;appearance:none;cursor:pointer}.mc-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#3b82f6;border:2px solid #fff;box-shadow:0 2px 4px #00000038;transition:.15s}.mc-slider::-webkit-slider-thumb:hover{background:#2563eb}.mc-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.mc-btn{padding:10px 18px;border-radius:8px;border:none;font-size:14px;cursor:pointer;transition:.2s}.mc-cancel{background:#eef2f7;color:#444}.mc-cancel:hover{background:#e1e5eb}.mc-save{background:#3b82f6;color:#fff}.mc-save:hover{color:#fff;background:#2563eb}@keyframes mc-fade-in{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.mc-input{width:100%;padding:11px;border-radius:8px;border:1px solid #cdd5df;background:#f8fafc;font-size:15px;transition:.2s;margin-top:6px}.mc-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f63b}.mc-textarea{width:100%;padding:12px;font-size:15px;border-radius:10px;border:1px solid #cdd5df;background:#f8fafc;resize:vertical;transition:.2s}.mc-textarea:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f63b}.eve-face{width:250px;height:250px;background:radial-gradient(circle at 50% 50%,#0b0b0b 60%,#000);border-radius:50%;margin:20px auto;position:relative;display:flex;justify-content:center;align-items:center}.eve-face.speaking{box-shadow:0 0 calc(10px + 40px * var(--level)) #00b3ffe6,0 0 calc(20px + 80px * var(--level)) #00b3ff99}.eyes{display:flex;gap:42px}.eye{width:55px;height:78px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#59aaff,#0070ff);position:relative;overflow:hidden;filter:brightness(1.3);text-align:center;display:flex;align-items:center}.eye:before{content:"";position:absolute;width:100%;height:100%;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.3) 0px,rgba(0,0,0,.3) 3px,transparent 3px,transparent 7px);opacity:.6}.face-wrapper{width:100%;display:flex;justify-content:center;align-items:center;margin:20px 0}.eve-face.idle .eye{animation:eyeLook 4s ease-in-out infinite,eyeBreath 3.5s ease-in-out infinite}@keyframes eyeLook{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(1px)}75%{transform:translate(4px)}to{transform:translate(0)}}@keyframes eyeBreath{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-1px)}to{transform:scale(1) translateY(0)}}.eve-face.speaking .eye{animation:none!important}.eye:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;border-radius:50%;transform-origin:top;transform:scaleY(0);opacity:.9;animation:blink 4s infinite}@keyframes blink{0%{transform:scaleY(0)}2%{transform:scaleY(1)}4%{transform:scaleY(0)}20%{transform:scaleY(0)}22%{transform:scaleY(1)}24%{transform:scaleY(0)}60%{transform:scaleY(0)}62%{transform:scaleY(1)}64%{transform:scaleY(0)}to{transform:scaleY(0)}}.eve-face.off{animation:none!important;border:5px solid rgb(200,200,200);box-shadow:none!important;background-color:#000}.eve-face.off .eye{background:#000!important;filter:brightness(.1)!important}.eve-face.off .eye:before{opacity:0}.eve-face.off .eye:after{animation:none!important;transform:scaleY(1);background:#000!important}.eve-face.off .eye{height:8px!important;width:55px!important;background:#000!important;border-radius:50%;overflow:hidden}.eve-face.off .eye:after{transform:scaleY(1)!important;background:#000!important}.eve-face.off .eye:before{display:none!important}