.demo-root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffedd7;min-height:100vh;font-family:Spline Sans,IBM Plex Sans KR,ui-sans-serif,system-ui,sans-serif;position:relative;overflow-x:hidden}.demo-bg{z-index:0;background:radial-gradient(circle at 50% 28%,#dc500038,#0000 55%),radial-gradient(circle at 82% 8%,#ff7a1a24,#0000 30%),radial-gradient(circle at 14% 92%,#b43c001a,#0000 30%),#050201;position:fixed;inset:0}.demo-header{z-index:10;justify-content:space-between;align-items:center;padding:22px 32px;display:flex;position:relative}.demo-logo{letter-spacing:-.02em;color:#ffedd7;font-family:Fraunces,Times New Roman,serif;font-size:22px;font-weight:600;text-decoration:none}.demo-tag{letter-spacing:.14em;text-transform:uppercase;color:#ffedd766;border:1px solid #ffedd724;border-radius:20px;padding:4px 10px;font-size:10px}.demo-main{z-index:10;flex-direction:column;align-items:center;gap:40px;padding:32px 20px 80px;display:flex;position:relative}.demo-face-wrap{flex-direction:column;align-items:center;gap:18px;display:flex}.face-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;outline:none;padding:0;transition:transform .18s,filter .18s}.face-btn--active:hover{transform:scale(1.04)}.face-btn:disabled{cursor:default}.face-btn--active:active{transform:scale(.97)}.face{border-radius:76px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:180px;height:166px;transition:background .4s,box-shadow .4s;display:flex;position:relative}.face--sleep{background:linear-gradient(145deg,#ffbb82,#ffa050);animation:3.4s ease-in-out infinite float;box-shadow:0 16px 60px #ff8c3c52,inset 0 2px #ffffff2e}.face--listen{background:linear-gradient(145deg,#ff8c42,#dc5000);animation:1.4s ease-in-out infinite pulse-listen;box-shadow:0 16px 60px #dc500080,inset 0 2px #ffffff1f}.face--think{background:linear-gradient(145deg,#fc8,#e8a04b);animation:2.2s ease-in-out infinite float;box-shadow:0 16px 60px #e8a04b61,inset 0 2px #ffffff29}.face--happy{background:linear-gradient(145deg,#ffcf90,#ff8c42);animation:.6s forwards bounce-happy;box-shadow:0 20px 70px #ff783273,inset 0 2px #fff3}.face--sad{background:linear-gradient(145deg,#d0a080,#b07050);box-shadow:0 12px 40px #a05a3247}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-listen{0%,to{transform:scale(1);box-shadow:0 16px 60px #dc500080}50%{transform:scale(1.04);box-shadow:0 20px 80px #dc5000a6}}@keyframes bounce-happy{0%{transform:scale(.92)}60%{transform:scale(1.07)}80%{transform:scale(.98)}to{transform:scale(1)}}.face-body{flex-direction:column;align-items:center;gap:10px;display:flex}.face-eyes{align-items:center;gap:26px;display:flex}.eye{justify-content:center;align-items:center;transition:height .12s;display:flex}.eye--sleep{color:#3a2a1e8c;letter-spacing:2px;font-size:18px;font-weight:700;line-height:1}.eye--open{background:#3a2a1e;border-radius:8px;width:17px;height:20px;transition:height .12s}.eye--dot{background:#3a2a1eb3;border-radius:50%;width:10px;height:10px}.eye--happy{background:#3a2a1e;border-radius:8px;width:17px;height:20px;transition:height .12s}.eye--x{color:#3a2a1e99;font-size:22px;font-weight:700;line-height:1}.face-mouth{justify-content:center;align-items:center;height:20px;display:flex}.mouth-open{background:#3a2a1e8c;border-radius:50%;width:20px;height:20px;animation:.9s ease-in-out infinite alternate mouth-open}@keyframes mouth-open{0%{width:14px;height:14px}to{width:22px;height:22px}}.mouth-dots{align-items:center;gap:5px;display:flex}.mouth-dots span{background:#3a2a1e99;border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out infinite dot-bounce}.mouth-dots span:nth-child(2){animation-delay:.15s}.mouth-dots span:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.face-bars{align-items:flex-end;gap:3px;height:36px;display:flex;position:absolute;bottom:-28px}.bar{background:#ff8c3c99;border-radius:2px;width:4px;min-height:8%;transition:height 60ms}.demo-timer{letter-spacing:.06em;color:#ff7832e6;font-family:Spline Sans Mono,ui-monospace,monospace;font-size:28px;font-weight:500}.demo-status{letter-spacing:.06em;text-transform:uppercase;color:#ffedd780;align-items:center;gap:6px;height:20px;font-size:14px;display:flex}.demo-status--recording{color:#ff6e32d9}.demo-status--done{color:#60c8a8d9}.demo-status--error{color:#c7401fd9}.processing-dots{align-items:center;gap:5px;display:flex}.processing-dots span{background:#ffedd78c;border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out infinite dot-bounce}.processing-dots span:nth-child(2){animation-delay:.15s}.processing-dots span:nth-child(3){animation-delay:.3s}.btn-stop{color:#ff8040;cursor:pointer;background:#dc50002e;border:1px solid #dc500073;border-radius:24px;padding:10px 26px;font-size:13px;font-weight:500;transition:background .15s,transform .1s}.btn-stop:hover{background:#dc500047;transform:scale(1.02)}.demo-error{color:#ff8060;background:#c7401f2e;border:1px solid #c7401f59;border-radius:10px;align-items:center;gap:10px;padding:10px 16px;font-size:12px;display:flex}.demo-error button{color:#ff8060;cursor:pointer;background:0 0;border:none;font-size:11px;text-decoration:underline}.demo-hint{flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex}.hint-step{color:#ffedd780;align-items:center;gap:12px;font-size:13px;display:flex}.hint-step span{color:#ff823ccc;background:#dc500033;border:1px solid #dc500059;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:flex}.result-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0803bf;border:1px solid #ffedd71a;border-radius:18px;flex-direction:column;gap:18px;width:100%;max-width:580px;padding:28px;animation:.4s slide-up;display:flex}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.result-title{color:#ffedd7;font-family:Fraunces,Times New Roman,serif;font-size:22px;font-weight:500;line-height:1.2}.result-summary{color:#ffedd7b3;margin:0;font-size:14px;line-height:1.7}.result-section{border-top:1px solid #ffedd714;padding-top:14px}.result-section--muted{opacity:.65}.result-section-head{letter-spacing:.12em;text-transform:uppercase;color:#ffedd773;align-items:center;gap:8px;margin-bottom:10px;font-size:10px;display:flex}.result-badge{color:#ff8040;background:#dc500040;border-radius:20px;padding:1px 8px;font-size:10px}.action-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.action-item{background:#ffedd70a;border-radius:10px;align-items:flex-start;gap:10px;padding:9px 11px;display:flex}.action-item--high{border-left:2px solid #c7401fb3}.action-item--medium{border-left:2px solid #e8a04bb3}.action-item--low{border-left:2px solid #52796fb3}.action-dot{background:#ffedd759;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.action-title{color:#ffedd7d9;font-size:13px;line-height:1.4}.action-meta{color:#ffedd766;gap:8px;margin-top:3px;font-size:11px;display:flex}.priority{letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:600}.priority--high{color:#ff7060;background:#c7401f33}.priority--medium{color:#e8a04b;background:#e8a04b33}.priority--low{color:#60c8a8;background:#52796f33}.bullet-list{flex-direction:column;gap:5px;margin:0;padding:0 0 0 14px;display:flex}.bullet-list li{color:#ffedd7b3;font-size:13px;line-height:1.5}.transcript-text{color:#ffedd773;max-height:140px;margin:0;font-size:12px;line-height:1.65;overflow-y:auto}.demo-notice{color:#e8a04bb3;background:#e8a04b14;border:1px solid #e8a04b33;border-radius:8px;padding:8px 12px;font-size:11px}.btn-reset{color:#ffedd78c;cursor:pointer;background:0 0;border:1px solid #ffedd72e;border-radius:8px;align-self:flex-start;padding:7px 16px;font-size:12px;transition:all .15s}.btn-reset:hover{color:#ffedd7cc;border-color:#ffedd759}@media (max-width:480px){.demo-header{padding:18px 20px}.face{border-radius:64px;width:154px;height:142px}.result-panel{border-radius:14px;padding:20px}}