@import "https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&family=Noto+Sans+SC:wght@300;400;700&display=swap";:root{color:#1a1223;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#151225;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input,summary{font:inherit}.sprite-sheet{vertical-align:middle;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;background-color:#0000;display:inline-block}.ee-welcome{z-index:9999;color:#f6e6c5;background:radial-gradient(at top,#1a1a3e 0%,#0a0a1f 100%);flex-direction:column;justify-content:center;align-items:center;font-family:Noto Sans SC,PingFang SC,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.ee-welcome__stars,.ee-welcome__stars:before,.ee-welcome__stars:after{opacity:.7;background-image:radial-gradient(2px 2px at 20% 30%,#fff8c4,#0000),radial-gradient(1px 1px at 60% 70%,#fff,#0000),radial-gradient(2px 2px at 80% 20%,#ffe5a0,#0000),radial-gradient(1px 1px at 30% 80%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff8c4,#0000);background-size:200% 200%;animation:60s linear infinite ee-drift;position:absolute;inset:0}.ee-welcome__stars:before{opacity:.4;animation-duration:90s}.ee-welcome__stars:after{opacity:.5;animation-duration:120s}@keyframes ee-drift{0%{background-position:0 0}to{background-position:-200% -200%}}.ee-welcome__card{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#1414328c;border:1px solid #f6e6c540;border-radius:18px;width:calc(100% - 48px);max-width:540px;padding:36px 28px 28px;position:relative;box-shadow:0 0 60px #ffd78226}.ee-welcome__avatar{filter:drop-shadow(0 0 18px #ffd78266);margin-bottom:12px;font-size:64px;line-height:1;animation:.6s ease-out ee-fade-in}.ee-welcome__name{color:#ffe5a0;letter-spacing:.1em;margin-bottom:16px;font-size:16px}.ee-welcome__line{color:#fff8e7;min-height:96px;font-size:20px;line-height:1.6;animation:.8s ease-out ee-fade-in}@keyframes ee-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ee-welcome__dots{justify-content:center;gap:6px;margin:24px 0 16px;display:flex}.ee-welcome__dot{background:#f6e6c54d;border-radius:50%;width:6px;height:6px;transition:background .2s}.ee-welcome__dot--active{background:#ffe5a0;box-shadow:0 0 8px #ffe5a0}.ee-welcome__signature{color:#f6e6c5b3;letter-spacing:.05em;margin-top:20px;font-size:14px;animation:1.2s ease-out ee-fade-in}.ee-welcome__start{color:#1a1a3e;cursor:pointer;letter-spacing:.1em;background:linear-gradient(135deg,#ffe5a0 0%,#ffb05c 100%);border:none;border-radius:999px;margin-top:28px;padding:12px 36px;font-family:inherit;font-size:16px;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 18px #ffb05c59}.ee-welcome__start:hover{transform:translateY(-1px);box-shadow:0 6px 22px #ffb05c80}.ee-ring{color:#fff8e7;background:linear-gradient(135deg,#1e1e4699 0%,#321e5099 100%);border:1px solid #ffd7824d;border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;font-family:Noto Sans SC,PingFang SC,sans-serif;animation:1.2s cubic-bezier(.2,.8,.2,1) ee-ring-in;display:flex}.ee-ring__icon{filter:drop-shadow(0 0 12px #ffd782b3);flex-shrink:0;width:56px;height:56px;position:relative}.ee-ring__icon-ring{border:3px solid #ffe5a0;border-radius:50%;position:absolute;inset:12px;box-shadow:inset 0 0 8px #ffd78299}.ee-ring__icon-star{background:radial-gradient(2px 2px at 50% 0,#fff,#0000),radial-gradient(2px 2px at 100%,#fff,#0000),radial-gradient(2px 2px at 50% 100%,#fff,#0000),radial-gradient(2px 2px at 0%,#fff,#0000);animation:1.5s ease-in-out infinite ee-twinkle;position:absolute;inset:0}@keyframes ee-twinkle{0%,to{opacity:.6}50%{opacity:1}}.ee-ring__body{flex:1;min-width:0}.ee-ring__name{color:#ffe5a0;letter-spacing:.1em;margin-bottom:6px;font-size:13px}.ee-ring__line{color:#fff8e7;font-size:15px;line-height:1.6}@keyframes ee-ring-in{0%{opacity:0;transform:scale(.92)translateY(8px)}60%{opacity:1;transform:scale(1.02)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}:root{--ghibli-sky:#a3c9e6;--ghibli-sky-glow:#eef5fc;--ghibli-cream:#faf5eb;--ghibli-sunset:#fccfb3;--ghibli-fire:#ff8e6e;--ghibli-forest:#8db596;--ghibli-dark:#2a3c4a}body{background-color:var(--ghibli-cream);color:var(--ghibli-dark);margin:0;font-family:Comfortaa,Noto Sans SC,sans-serif;overflow-x:hidden}.app-shell{background:radial-gradient(circle at 15% 15%,#fccfb366,#0000 40rem),radial-gradient(circle at 85% 20%,#8db59633,#0000 35rem),linear-gradient(135deg,#cbdfe8 0%,#faecd7 50%,#f7dcd0 100%);grid-template-columns:minmax(320px,390px) minmax(0,1fr);min-height:100vh;display:grid;position:relative}.star-shower-overlay{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.floating-star{color:#ffdf7a;text-shadow:0 0 8px #ffdf7acc;opacity:0;font-size:1.2rem;animation:15s linear infinite floatUp;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(105vh)translate(0)rotate(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-5vh)translate(100px)rotate(360deg)}}.control-panel{-webkit-backdrop-filter:blur(20px);z-index:10;background:#faf5ebbf;border-right:1px solid #ffffff80;flex-direction:column;gap:20px;min-height:100vh;max-height:100vh;padding:24px;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:8px 0 32px #2a3c4a14}.brand-lockup{background:#ffffff73;border:1px solid #fff9;border-radius:18px;flex-direction:column;gap:6px;padding:18px;display:flex;box-shadow:0 4px 12px #00000005}.brand-lockup h1{color:#2b506e;align-items:center;gap:8px;margin:0;font-size:26px;font-weight:700;display:flex}.brand-lockup p{color:#556c7d;margin:0;font-size:13px;line-height:1.4}.hint{color:#8fa0af;font-size:11px}.panel-section{gap:10px;display:grid}.panel-section h2{text-transform:uppercase;letter-spacing:.08em;color:#4a677e;border-bottom:2px solid #a3c9e666;margin:0;padding-bottom:4px;font-size:13px;font-weight:700}.character-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.character-card{color:var(--ghibli-dark);cursor:pointer;text-align:center;background:#fff9;border:1px solid #8db59640;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 6px #00000005}.character-card:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 4px 12px #2a3c4a14}.character-card.selected{background:#ffffffe6;border-color:#ff9d80;box-shadow:0 0 0 3px #ff8e6e40,0 4px 12px #2a3c4a14}.avatar{border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.4rem;display:grid;box-shadow:inset 0 2px 4px #fffc,0 2px 4px #0000000d}.character-card strong{color:#2c4251;font-size:12px;font-weight:700}select{color:var(--ghibli-dark);cursor:pointer;background:#ffffffb3;border:1px solid #8db5964d;border-radius:12px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px;box-shadow:0 2px 6px #00000005}select:focus{border-color:var(--ghibli-sky);background:#fff}.mode-toggle-group{background:#2a3c4a0f;border-radius:12px;gap:6px;padding:4px;display:flex}.mode-btn{cursor:pointer;color:#556c7d;background:0 0;border:none;border-radius:9px;flex:1;padding:8px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s}.mode-btn.active{color:#2b506e;background:#fff;box-shadow:0 2px 6px #0000000d}.cozy-fireplace-widget{color:#fff;background:linear-gradient(135deg,#f7633e 0%,#ffa45b 100%);border:1px solid #ffffff4d;border-radius:18px;flex-direction:column;gap:8px;padding:16px;display:flex;box-shadow:0 8px 24px #f7633e40}.fireplace-header{justify-content:space-between;align-items:center;display:flex}.fireplace-header h3{letter-spacing:.05em;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:700;display:flex}.fire-status{background:#ffffff40;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:700}.flame-container{justify-content:center;align-items:flex-end;gap:4px;height:48px;display:flex}.flame-particle{background:#fff;border-radius:50% 50% 20% 20%;width:10px;height:24px;animation:1.2s ease-in-out infinite flamePulse}.flame-particle:nth-child(2){background:#ffe3b3;width:14px;height:38px;animation-duration:.8s;animation-delay:.2s}.flame-particle:nth-child(3){background:#ffb894;width:10px;height:28px;animation-duration:1s;animation-delay:.4s}@keyframes flamePulse{0%,to{opacity:.8;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.4)translateY(-2px)}}.cozy-fireplace-widget p{opacity:.9;margin:0;font-size:11px;line-height:1.4}.cheer-checklist{background:#ffffff73;border:1px solid #fff9;border-radius:18px;flex-direction:column;gap:8px;padding:16px;display:flex;box-shadow:0 4px 12px #00000003}.cheer-checklist h3{color:#3b5a70;margin:0 0 4px;font-size:13px;font-weight:700}.checklist-item{color:#556c7d;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:11px;display:flex}.checklist-item input{cursor:pointer}.checklist-item.done{opacity:.6;text-decoration:line-through}.chat-scene{z-index:1;flex-direction:column;height:100vh;max-height:100vh;display:flex;position:relative}.chat-header{-webkit-backdrop-filter:blur(12px);background:#ffffff59;border-bottom:1px solid #fff6;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000005}.chat-header h2{color:#2b506e;margin:0;font-size:18px;font-weight:700}.stage-badge{color:#fff;background:#a3c9e6;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;box-shadow:0 2px 6px #a3c9e64d}.story-event-banner{text-align:center;color:#c95132;z-index:5;background:linear-gradient(90deg,#fff0 0%,#fffc 15% 85%,#fff0 100%);border-top:1px dashed #ff8e6e66;border-bottom:1px dashed #ff8e6e66;padding:12px 24px;font-size:12px;font-weight:700;animation:.5s ease-out slideInDown}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.message-bubble{flex-direction:column;gap:4px;max-width:75%;animation:.3s cubic-bezier(.34,1.56,.64,1) popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.message-bubble.user{align-self:flex-end}.message-bubble.agent{align-self:flex-start}.sender-label{color:#647b8c;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.message-bubble.user .sender-label{justify-content:flex-end}.bubble-content{border-radius:18px;padding:14px 18px;font-size:14px;line-height:1.5;box-shadow:0 4px 12px #2a3c4a0a}.message-bubble.user .bubble-content{color:#fff;background:linear-gradient(135deg,#a8d3c5 0%,#8db596 100%);border-bottom-right-radius:4px;box-shadow:0 4px 12px #8db59640}.message-bubble.agent .bubble-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ghibli-dark);background:#ffffffd9;border:1px solid #ffffff80;border-bottom-left-radius:4px}.emotion-badge{color:#3b5a70;background:#a3c9e633;border-radius:99px;padding:2px 6px;font-size:10px;font-weight:700}.gif-container{border:2px solid #fff;border-radius:12px;max-width:260px;margin-top:8px;overflow:hidden;box-shadow:0 4px 12px #00000014}.gif-container img{width:100%;height:auto;display:block}.tool-status-bubble{color:#a45a47;background:#fff9;border-left:3px solid #ff9d80;border-radius:8px;flex-direction:column;gap:2px;margin-top:6px;padding:6px 12px;font-size:11px;display:flex;box-shadow:inset 0 1px 2px #00000005}.tool-name-tag{text-transform:uppercase;letter-spacing:.05em;color:#d8684a;font-size:9px;font-weight:700}.debate-turn-wrapper{background:#faebe159;border:1px solid #ff8e6e26;border-radius:20px;flex-direction:column;gap:12px;margin-top:10px;padding:16px;display:flex}.debate-intro{color:#ba6d51;align-items:center;gap:6px;margin-bottom:2px;font-size:11px;font-weight:700;display:flex}.metrics-section{background:#ffffff73;border:1px solid #fff9;border-radius:18px;gap:12px;padding:16px;display:grid;box-shadow:0 4px 12px #00000003}.metric-bar-row{grid-template-columns:90px 1fr 24px;align-items:center;gap:10px;display:grid}.metric-bar-row label{color:#4a677e;font-size:12px;font-weight:700}.metric-track{background:#2a3c4a14;border-radius:99px;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000014}.metric-fill{background:linear-gradient(90deg,#b8e2cd 0%,#8db596 100%);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.metric-fill.trust{background:linear-gradient(90deg,#bce0fd 0%,#7dbbf0 100%)}.metric-fill.warmth{background:linear-gradient(90deg,#ffc4a8 0%,#ff8e6e 100%)}.metric-fill.cursePressure{background:linear-gradient(90deg,#ded0ff 0%,#b89df5 100%)}.metric-fill.anxiety{background:linear-gradient(90deg,#ffe5a8 0%,#ffd466 100%)}.metric-fill.magicInstability{background:linear-gradient(90deg,#fcc8d9 0%,#fa80a6 100%)}.metric-value{text-align:right;color:#3b5a70;font-size:11px;font-weight:700}.diagnostics-panel{background:#2a3c4a0a;border:1px solid #2a3c4a14;border-radius:16px;max-height:240px;padding:14px;overflow-y:auto}.diagnostics-panel pre{color:#435b6c;white-space:pre-wrap;word-break:break-all;margin:0;font-family:Courier New,Courier,monospace;font-size:11px}.thought-log-entry{color:#4a677e;border-left:2px solid #a3c9e6;margin-bottom:10px;padding-left:10px;font-size:12px;line-height:1.45}.input-area{-webkit-backdrop-filter:blur(12px);z-index:5;background:#ffffff73;border-top:1px solid #ffffff80;align-items:center;gap:12px;padding:16px 24px;display:flex}.input-area textarea{height:48px;color:var(--ghibli-dark);resize:none;background:#ffffffd9;border:1px solid #8db5964d;border-radius:18px;outline:none;flex:1;padding:12px 16px;font-family:inherit;font-size:13px;transition:border-color .2s;box-shadow:inset 0 2px 4px #00000005}.input-area textarea:focus{border-color:#ff9d80}.input-area button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8e6e 0%,#ff6e4a 100%);border:none;border-radius:18px;align-items:center;gap:6px;height:48px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #ff6e4a33}.input-area button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ff6e4a59}.input-area button:active{transform:translateY(0)}.input-area button:disabled{color:#8fa0af;cursor:not-allowed;box-shadow:none;background:#cbd8e3;transform:none}.tick-clock-btn{color:#4a677e;cursor:pointer;background:#ffffffb3;border:1px solid #a3c9e666;border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:flex}.tick-clock-btn:hover{border-color:var(--ghibli-sky);background:#fff;box-shadow:0 2px 8px #0000000d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#00000005;border-radius:10px}::-webkit-scrollbar-thumb{background:#2a3c4a1f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#2a3c4a40}