:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3dfb6;--ink:#100910;--panel:#231b22c7;--panel-soft:#4339416b;--line:#e2be866b;--line-strong:#fadeacb8;--text:#f3dfb6;--muted:#d2b88c;--quiet:#9f835d;--jade:#f4d99f;--ice:#f7ead0;--coral:#e8a68e;--brass:#d9b06f;--violet:#dcc5ff;--pearl:#fff4df;--cream:#ffefd42e;--plum:#1a0e18;background:0 0;font-family:Inter,Noto Sans TC,Microsoft JhengHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100vh}body{background:0 0;margin:0;overflow:hidden}button,input{font:inherit;-webkit-app-region:no-drag}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #f4d99ff0}.app-shell{background:radial-gradient(circle at 50% 105%,#ffc1d61c,#0000 38%),radial-gradient(circle at 72% -10%,#f5d59e1c,#0000 32%),linear-gradient(145deg,#120911 0%,#1a0e18 45%,#0b070d 100%);grid-template-columns:minmax(420px,.92fr) minmax(480px,1.08fr);gap:16px;height:100vh;padding:18px;display:grid;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.34;background:linear-gradient(110deg,#0000 0 18%,#fadeac17 18.2%,#0000 18.7% 100%),linear-gradient(250deg,#0000 0 42%,#dcc5ff12 42.2%,#0000 42.8% 100%),radial-gradient(circle at 18% 20%,#fadeacbf 0 1px,#0000 2px),radial-gradient(circle at 70% 11%,#fff6e4b8 0 1px,#0000 2px),radial-gradient(circle at 83% 66%,#fadeac73 0 1px,#0000 2px);position:fixed;inset:0}.window-drag-strip{z-index:1000;-webkit-app-region:drag;height:22px;position:fixed;top:0;left:0;right:0}.window-drag-left-zone{z-index:999;-webkit-app-region:drag;width:50vw;height:54px;position:fixed;top:0;left:0}.app-shell-mini{background:0 0;grid-template-columns:1fr;place-items:center;width:100vw;height:100vh;padding:8px}.mini-companion{border-radius:999px;place-items:center;width:min(168px,100vw - 16px);height:min(168px,100vh - 16px);display:grid;position:relative}.mini-restore-button{z-index:5;width:30px;height:30px;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090b0fbd;border:1px solid #f4f0e838;border-radius:999px;place-items:center;display:grid;position:absolute;top:4px;right:5px}.mini-restore-button:hover{background:#6ee7b738}.companion-window{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffebc60e,#0000 34%),#0c060cad;border-radius:12px;grid-template-rows:minmax(0,1fr) auto;min-width:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9ee2e,inset 0 -18px 52px #00000047,0 26px 70px #00000057}.companion-window:before{content:"";pointer-events:none;background:linear-gradient(#fadeac0a 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#fadeac07 1px,#0000 1px) 0 0/48px 48px,radial-gradient(circle at 30% 60%,#ffb8db21,#0000 26%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 16% 82%,#0000);mask-image:linear-gradient(#0000,#000 16% 82%,#0000)}.companion-window:after{content:"";z-index:0;filter:blur(18px);background:radial-gradient(#ffb1d647,#dcc5ff29 46%,#0000 72%);border-radius:999px;width:min(340px,62%);height:74px;animation:3.2s ease-in-out infinite pearl-heartbeat;position:absolute;bottom:74px;left:50%;transform:translate(-50%)}.face-stage{align-content:center;place-items:center;min-height:0;padding:76px 34px 86px;display:grid;position:relative;overflow:hidden}.stage-hud{z-index:4;-webkit-app-region:drag;justify-content:space-between;align-items:center;gap:16px;min-height:46px;display:flex;position:absolute;top:28px;left:28px;right:28px}.stage-hud div{gap:3px;display:grid}.stage-kicker,.eyebrow,.image-loading-copy span,.thumbnail-board-meta span,.thumbnail-selected-copy span{color:var(--text);text-shadow:0 0 12px #f4d99f47;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:800}.stage-hud strong{color:var(--text);text-shadow:0 0 16px #f4d99f47;font-size:20px;font-weight:800}.status-pill{min-width:92px;height:32px;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffefd430,#ffefd414);border:1px solid #fadeac7a;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex;box-shadow:inset 0 1px #ffffff38,inset 0 -8px 16px #4a262229,0 12px 32px #00000038}.status-connected{color:#d8fff1;border-color:#6ee7b75c}.status-connecting{color:#ffe6a8;border-color:#d8b15f66}.status-error{color:#ffd2cc;border-color:#ff7d6e8c}.stage-caption{z-index:4;text-align:center;pointer-events:none;justify-items:center;gap:6px;display:grid;position:absolute;bottom:24px;left:28px;right:28px}.stage-caption span{color:var(--text);text-shadow:0 0 12px #f4d99f57;font-size:11px;font-weight:800}.stage-caption p{overflow-wrap:anywhere;color:#f3dfb6db;max-width:560px;margin:0;font-size:13px;line-height:1.45}.face-wrap{isolation:isolate;place-items:center;display:grid;position:relative}.face-glow{z-index:0;background:radial-gradient(circle, rgba(255, 236, 197, calc(.18 + (var(--audio-level,0) * .34))) 0%, transparent 46%), radial-gradient(circle, #ffb1d62b, transparent 62%);filter:blur(calc(16px + (var(--audio-level,0) * 22px)));opacity:calc(.32 + (var(--audio-level,0) * .68));transform:scale(calc(1 + (var(--audio-level,0) * .32)));pointer-events:none;border-radius:999px;transition:transform 90ms linear,opacity 90ms linear;position:absolute;inset:-17%}.face{z-index:1;background:radial-gradient(circle at 31% 23%,#fffffff2 0 9%,#0000 24%),radial-gradient(circle at 64% 70%,#f7c17552,#0000 28%),radial-gradient(circle at 72% 33%,#ffe6c480,#0000 22%),radial-gradient(circle at 37% 68%,#ffc4da42,#0000 30%),linear-gradient(145deg,#fffaf0 0%,#eadbc5 42%,#fff5df 70%,#cdb99e 100%);border:12px solid #d9b06f6b;border-radius:999px;place-items:center;width:clamp(360px,37vw,560px);height:clamp(360px,37vw,560px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff73,inset 26px 24px 48px #ffffffb8,inset -42px -48px 80px #9d764657,inset 0 -4px 18px #ffffff6b,0 0 0 4px #ffefd44d,0 0 42px #f4d99f7a,0 34px 90px #00000061}.face:before{content:"";z-index:0;border-radius:inherit;filter:blur(.4px);opacity:.86;pointer-events:none;background:conic-gradient(from 210deg,#ffefd42e,#bd8b4c94,#fff7e685,#bd8b4c80,#ffefd42e);position:absolute;inset:-10px}.face:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;border:1px solid #ffffff6b;position:absolute;inset:4%;box-shadow:inset 0 0 26px #ffffff4d,inset 0 0 72px #b7844f24}.face-sheen{z-index:2;filter:blur(1px);pointer-events:none;background:linear-gradient(145deg,#ffffffb8,#ffffff29 42%,#0000 70%);border-radius:999px 999px 46% 46%;position:absolute;inset:9% 14% 50% 15%;transform:rotate(-14deg)}.app-shell-mini .face{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#10151ab8;width:min(154px,100vw - 28px);height:min(154px,100vh - 28px)}.eye-row{z-index:3;gap:clamp(58px,7.6vw,104px);animation:6.5s ease-in-out infinite eye-look-row;display:flex;position:relative;transform:translateY(-42px)}.eye{background:radial-gradient(circle at 32% 28%,#ffffff9e,#0000 28%),#fff5e22e;border:3px solid #ae7e44b8;border-radius:999px;width:clamp(66px,5.8vw,90px);height:clamp(78px,6.7vw,106px);transition:background .22s,transform .22s;animation:4.6s infinite blink;position:relative;overflow:hidden;box-shadow:inset 4px 5px 12px #ffffff47,inset -5px -6px 14px #97693838,0 2px #ffffff73,0 10px 22px #7a492c1f}.eye:after{content:"";background:#ffffff5c;border-radius:999px;height:26%;position:absolute;inset:12% 14% auto}.eye span{opacity:.82;background:#60402aad;border-radius:999px;animation:6.5s ease-in-out infinite pupil-look;position:absolute;inset:27% 32% 34%;box-shadow:inset 4px -4px #f4d99f38,0 0 0 1px #fffbf257}.face-thinking .eye,.face-working .eye{transform:scaleY(.72)}.face-error .eye,.expr-angry .eye{background:#ffd3c659}.face-eyebrow-row{z-index:4;pointer-events:none;justify-content:center;align-items:flex-start;gap:clamp(58px,7.6vw,104px);padding-top:clamp(62px,8.2vw,98px);display:flex;position:absolute;inset:0}.face-eyebrow{background:#9b6e3b9e;border-radius:999px;width:clamp(48px,4.4vw,68px);height:7px;transition:transform .22s,background .22s;box-shadow:inset 0 1px #ffffff52,0 1px #ffffff5c,0 8px 18px #804f2724}.face-nose{z-index:4;background:#9b6e3b6b;border-radius:999px;width:13px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);box-shadow:inset 0 1px #ffffff4d}.cheek-row{z-index:2;pointer-events:none;justify-content:space-between;width:min(58%,360px);display:flex;position:absolute;top:57%;left:50%;transform:translate(-50%)}.cheek{filter:blur(3px);background:#eda59138;border-radius:999px;width:clamp(40px,4.4vw,66px);height:clamp(20px,2.3vw,34px)}.expr-happy .cheek{background:#eda59152}.expr-happy .mouth-line{transform:scaleY(calc(.35 + (var(--mouth-open) * .9))) scaleX(1.1);border-radius:8px 8px 999px 999px}.expr-sad .eye{transform:scaleY(.86)translateY(5px)}.expr-sad .mouth-line{transform:scaleY(calc(.35 + (var(--mouth-open) * .9))) translateY(8px);border-radius:999px 999px 8px 8px}.expr-angry .mouth-line{transform:scaleY(calc(.35 + (var(--mouth-open) * .9))) scaleX(.82);background:#8a5e33c7;border-radius:6px}.mouth-wrap{z-index:4;place-items:center;width:240px;height:112px;display:grid;position:absolute;bottom:23%}.mouth{width:calc(96px + (var(--mouth-width) * 92px) - (var(--mouth-round) * 34px));height:calc(5px + (var(--mouth-open) * 44px));transform:translateY(calc(var(--mouth-open) * -5px)) scaleX(calc(1 - (var(--mouth-round) * .28)));transform-origin:50%;transition:width 55ms linear,height 55ms linear,transform 55ms linear;position:relative}.mouth-line{border-radius:calc(999px - (var(--mouth-round) * 400px));width:100%;height:100%;transform:scaleY(calc(.35 + (var(--mouth-open) * .9)));background:#8a5e33b8;transition:border-radius .22s,transform .22s;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff47,0 1px #fff6,0 8px 22px #7649281f}.mouth-teeth{z-index:1;width:calc(52px + (var(--mouth-width) * 44px));height:3px;opacity:var(--mouth-teeth);background:#fff8e88f;border-radius:999px;position:absolute;top:18%;left:50%;transform:translate(-50%)}.face-speaking .mouth{width:calc(104px + (var(--mouth-width) * 104px) - (var(--mouth-round) * 42px));height:calc(5px + (var(--mouth-open) * 52px))}.app-shell-mini .eye{width:24px;height:32px}.app-shell-mini .face-nose,.app-shell-mini .cheek-row{display:none}.app-shell-mini .mouth-teeth{width:calc(22px + (var(--mouth-width) * 16px));height:2px}.app-shell-mini .face-speaking .mouth{width:calc(44px + (var(--mouth-width) * 30px) - (var(--mouth-round) * 14px));height:calc(3px + (var(--mouth-open) * 17px))}.bottom-console{z-index:5;justify-items:center;gap:10px;padding:12px 28px 22px;display:grid;position:relative}.prompt-box{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffefd433,#ffefd414);border:1px solid #fadeac70;border-radius:999px;grid-template-columns:1fr 38px;gap:8px;width:min(420px,100%);padding:7px;display:grid;box-shadow:inset 0 1px #ffffff38,inset 0 -9px 18px #59312d29,0 18px 48px #00000042}.prompt-box input{width:100%;min-height:34px;color:var(--text);background:#23141c52;border:0;border-radius:999px;outline:0;padding:0 11px;font-size:13px}.prompt-box input::placeholder{color:#f4f0e873}.prompt-box button,.simple-button,.artifact-actions button,.artifact-tab{min-height:34px;color:var(--text);background:linear-gradient(145deg,#ffefd43d,#ffefd414);border:1px solid #fadeac80;border-radius:999px;justify-content:center;align-items:center;gap:7px;transition:background .16s,border .16s,color .16s,transform .16s;display:inline-flex;box-shadow:inset 0 1px #ffffff3d,inset 0 -8px 16px #5b322a24,0 8px 20px #0000003d}.prompt-box button:hover,.simple-button:hover,.artifact-actions button:hover,.artifact-tab:hover{border-color:var(--line-strong);background:linear-gradient(145deg,#ffefd452,#ffefd424);transform:translateY(-1px)}.control-strip{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffefd438,#ffefd41a);border:1px solid #fadeac80;border-radius:999px;grid-template-columns:repeat(6,38px);gap:7px;width:max-content;padding:7px;display:grid;box-shadow:inset 0 1px #fff3,inset 0 -10px 20px #4b282429,0 22px 62px #00000052}.simple-button{border-radius:999px;width:38px;height:34px;min-height:34px;padding:0}.transcript{z-index:10;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#10151af0;border-radius:8px;flex-direction:column;width:min(430px,100% - 36px);min-height:0;max-height:min(520px,100vh - 160px);padding:14px;display:flex;position:absolute;bottom:118px;right:18px;box-shadow:0 24px 72px #00000075}.section-title{color:var(--text);letter-spacing:0;justify-content:space-between;padding:2px 2px 10px;font-size:12px;font-weight:800;display:flex}.section-title small{color:var(--quiet)}.transcript-list{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:auto}.entry{background:#f4f0e80b;border:1px solid #f4f0e814;border-radius:7px;padding:10px}.entry div{color:var(--text);justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;font-size:12px;display:flex}.entry time{color:var(--quiet);font-size:11px}.entry p,.empty-artifact p{margin:0}.entry p{color:#f4f0e8bd;white-space:pre-wrap;font-size:13px;line-height:1.5}.entry-assistant{background:#6ee7b714}.entry-user{background:#9fd8ff14}.entry-tool{background:#d8b15f17}.artifact-panel{background:linear-gradient(180deg, #f4f0e809, transparent 240px), var(--panel);flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.artifact-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ff7d6e17,#0000 34%),linear-gradient(#0000,#6ee7b70b);position:absolute;inset:0}.artifact-fullscreen{z-index:20;position:fixed;inset:0}.artifact-header{z-index:1;border-bottom:1px solid #f4f0e814;justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:22px 28px;display:flex;position:relative}.artifact-header h2{overflow-wrap:anywhere;color:var(--text);letter-spacing:0;margin:3px 0 0;font-size:21px;font-weight:780}.artifact-actions{flex:none;gap:8px;display:flex}.artifact-actions button{min-height:34px;padding:0 12px;font-size:12px}.artifact-body{z-index:1;flex:1;min-height:0;padding:22px 28px 28px;position:relative;overflow:auto}.artifact-tab{z-index:12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#10151ae0;padding:0 14px;position:fixed;top:18px;right:18px}.empty-artifact,.progress-card,.text-artifact,.code-artifact,.markdown-artifact,.image-loading-artifact,.thumbnail-board-meta,.thumbnail-selected-copy,.thumbnail-empty,.mermaid-output,.mermaid-repair,.table-wrap{background:#f4f0e80b;border:1px solid #f4f0e81a;border-radius:8px}.empty-artifact,.progress-card{text-align:center;border-style:dashed;place-items:center;min-height:min(520px,100vh - 190px);padding:24px;display:grid}.empty-artifact p{max-width:360px;color:var(--muted);font-size:14px;line-height:1.55}.progress-card{gap:16px}.progress-card p{color:var(--text)}.progress-pulse{background:var(--jade);border-radius:999px;width:46px;height:46px;animation:1.35s ease-out infinite progress-pulse;box-shadow:0 0 #6ee7b773}.text-artifact,.code-artifact{color:#edf5ef;white-space:pre-wrap;min-height:320px;margin:0;padding:18px;overflow:auto}.code-artifact{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55}.markdown-artifact{min-height:calc(100vh - 150px);color:var(--text);padding:28px;position:relative;overflow:hidden}.stream-line{border-radius:inherit;pointer-events:none;border-left:3px solid #6ee7b7b8;position:absolute;inset:0}.markdown-artifact h1{color:#fffaf1;letter-spacing:0;margin:0 0 14px;font-size:clamp(24px,2.2vw,34px);line-height:1.12;position:relative}.markdown-artifact h2{color:var(--jade);letter-spacing:0;margin:26px 0 10px;font-size:18px;line-height:1.28;position:relative}.markdown-artifact h3{color:#dffbf1;letter-spacing:0;border-top:1px solid #f4f0e81a;margin:18px 0 8px;padding-top:14px;font-size:14px;line-height:1.35;position:relative}.markdown-artifact p{color:#f4f0e8c4;max-width:820px;margin:0;font-size:14px;line-height:1.68;position:relative}.markdown-artifact li{color:#f4f0e8b8;margin:7px 0 0 18px;font-size:13px;line-height:1.5;position:relative}.markdown-artifact a{color:var(--ice);border-bottom:1px solid #9fd8ff75;text-decoration:none}.markdown-artifact a:hover{color:#fff;border-bottom-color:#fff}.markdown-gap{height:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #f4f0e814;padding:12px;font-size:12px}th{color:#062016;background:var(--jade);letter-spacing:0;font-weight:850;position:sticky;top:0}td{color:#f4f0e8d1;max-width:360px}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-items:start;gap:12px;display:grid}.note-card{color:#1c1608;background:#f0cf75;border:1px solid #1912051f;border-radius:8px;flex-direction:column;justify-content:space-between;gap:18px;min-height:150px;padding:16px;display:flex;box-shadow:0 10px 28px #0000002e}.note-card:nth-child(4n+2){background:#a9e8cc}.note-card:nth-child(4n+3){background:#add5f8}.note-card:nth-child(4n+4){background:#ffb8ac}.note-card p{margin:0;font-size:15px;line-height:1.42}.note-card footer{color:#1c16089e;gap:5px;font-size:11px;display:grid}.note-card small{font-size:11px}.artifact-image{object-fit:contain;border:1px solid #f4f0e81f;border-radius:8px;max-width:100%;max-height:calc(100vh - 172px);margin:0 auto;display:block;box-shadow:0 24px 62px #00000057}.image-loading-artifact{place-items:center;gap:22px;min-height:calc(100vh - 150px);padding:28px;display:grid}.image-loading-frame{aspect-ratio:1;background:#090b0f73;border:1px solid #6ee7b733;border-radius:8px;width:min(520px,84%);position:relative;overflow:hidden}.image-loading-grid{opacity:.64;background-image:linear-gradient(#6ee7b717 1px,#0000 1px),linear-gradient(90deg,#6ee7b717 1px,#0000 1px);background-size:28px 28px;animation:5s linear infinite image-grid-drift;position:absolute;inset:0}.image-loading-orb{background:linear-gradient(135deg,#d8b15f33,#6ee7b714);border:1px solid #d8b15f52;border-radius:8px;animation:2.4s ease-in-out infinite image-core-breathe;position:absolute;inset:24%}.image-loading-scan{background:linear-gradient(110deg,#0000 0% 42%,#ffffff2e 50%,#0000 58% 100%);animation:2.1s cubic-bezier(.45,0,.2,1) infinite image-scan;position:absolute;inset:0}.image-loading-copy{text-align:center;gap:8px;max-width:560px;display:grid}.image-loading-copy p{color:#f4f0e8c7;margin:0;font-size:14px;line-height:1.55}.thumbnail-board,.thumbnail-selected,.mermaid-stack{gap:16px;display:grid}.thumbnail-board-meta{justify-content:space-between;align-items:end;gap:14px;padding:14px;display:flex}.thumbnail-board-meta p,.thumbnail-selected-copy p{color:var(--muted);margin:5px 0 0;font-size:13px}.thumbnail-board-meta small{color:var(--brass);font-size:12px}.thumbnail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.thumbnail-card{background:#f4f0e80b;border:1px solid #f4f0e81a;border-radius:8px;overflow:hidden}.thumbnail-image-wrap,.thumbnail-loading-wrap{aspect-ratio:16/9;background:#05070b;position:relative;overflow:hidden}.thumbnail-loading-wrap{background:#090b0f8c;place-items:center;display:grid}.thumbnail-loading-grid{opacity:.58;background-image:linear-gradient(#6ee7b717 1px,#0000 1px),linear-gradient(90deg,#6ee7b717 1px,#0000 1px);background-size:20px 20px;animation:5s linear infinite image-grid-drift;position:absolute;inset:0}.thumbnail-loading-orb{aspect-ratio:1;background:#d8b15f21;border:1px solid #d8b15f52;border-radius:8px;width:46%;animation:2.2s ease-in-out infinite image-core-breathe;position:absolute}.thumbnail-image-wrap img,.thumbnail-selected-frame img{object-fit:cover;width:100%;height:100%;display:block}.thumbnail-image-wrap span,.thumbnail-number-large,.thumbnail-loading-wrap span{color:#06110d;background:var(--jade);border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 7px;font-size:11px;font-weight:900;display:grid;position:absolute;top:7px;left:7px}.thumbnail-card p{color:#f4f0e8c2;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:56px;margin:0;padding:10px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.thumbnail-selected-frame{aspect-ratio:16/9;background:#05070b;border:1px solid #f4f0e81f;border-radius:8px;place-items:center;max-height:calc(100vh - 210px);display:grid;position:relative;overflow:hidden}.thumbnail-selected-frame img{object-fit:contain;max-height:calc(100vh - 210px)}.thumbnail-number-large{min-width:42px;height:42px;font-size:16px;top:14px;left:14px}.thumbnail-selected-copy,.thumbnail-empty{padding:14px}.thumbnail-empty{text-align:center;border-style:dashed;place-items:center;min-height:320px;display:grid}.thumbnail-empty p{max-width:420px;color:var(--muted);margin:0;font-size:14px;line-height:1.5}.mermaid-output{place-items:center;min-height:420px;padding:20px;display:grid}.mermaid-output svg{max-width:100%}.mermaid-repair{color:var(--text);background:#d8b15f17;border-color:#d8b15f33;padding:12px 14px}.mermaid-repair summary{cursor:pointer;color:#ffe3a0;font-weight:700}.mermaid-repair p{color:var(--muted)}.mermaid-repair pre{color:var(--text);white-space:pre-wrap;margin:10px 0 0;overflow:auto}@media (width<=900px){body{overflow:auto}.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh}.companion-window{border-right:0;border-bottom:1px solid var(--line);min-height:720px}.artifact-panel{min-height:620px}.face-stage{padding:82px 18px 96px}.stage-hud,.stage-caption{left:18px;right:18px}.face{width:min(84vw,520px);height:min(84vw,520px)}.thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.stage-hud{align-items:start}.status-pill{min-width:82px;padding:0 10px}.artifact-header,.thumbnail-board-meta{flex-direction:column;align-items:stretch}.artifact-actions{width:100%}.artifact-actions button{flex:1}.artifact-body{padding:16px}.thumbnail-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes blink{0%,88%,92%,to{transform:scaleY(1)}89.5%,93.5%{transform:scaleY(.08)}}@keyframes eye-look-row{0%,12%,to{transform:translateY(-42px)}24%,36%{transform:translate(16px,-44px)}50%,62%{transform:translate(-18px,-40px)}76%{transform:translate(7px,-46px)}}@keyframes pupil-look{0%,12%,to{transform:translate(0)}24%,36%{transform:translate(8px,-2px)}50%,62%{transform:translate(-9px,2px)}76%{transform:translate(4px,-4px)}}@keyframes progress-pulse{0%{box-shadow:0 0 #6ee7b773}to{box-shadow:0 0 0 30px #6ee7b700}}@keyframes image-grid-drift{0%{transform:translate(0)}to{transform:translate(28px,28px)}}@keyframes image-core-breathe{0%,to{opacity:.62;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@keyframes image-scan{0%{opacity:0;transform:translate(-120%)}20%,80%{opacity:1}to{opacity:0;transform:translate(120%)}}:root{--bg-deep:#0a0e17;--bg-blue:#121824;--cyan:#00f2fe;--cyan-soft:#00f2fe6b;--blue-glow:#4facfe;--pink-glow:#ff007f;--warm-status:#e2d9c8;--metal-dark:#101722;--metal-mid:#263543;--panel:#0a101ad6;--panel-soft:#131f2fa3;--line:#00f2fe47;--line-strong:#00f2feb8;--text:#eaf8ff;--muted:#e2d9c8ad;--quiet:#8bb4c1b8;--jade:#00f2fe;--ice:#e9fbff;--coral:#ff7ab8;--brass:#e2d9c8}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.app-shell{background:linear-gradient(#00f2fe09 1px, transparent 1px), linear-gradient(90deg, #00f2fe07 1px, transparent 1px), radial-gradient(circle at 18% 24%, #4facfe29, transparent 28%), radial-gradient(circle at 86% 72%, #ff007f1c, transparent 28%), radial-gradient(circle at 12% 12%, #e9fbffe6 0 1px, transparent 1.6px), radial-gradient(circle at 57% 8%, #e9fbff8c 0 1px, transparent 1.5px), radial-gradient(circle at 76% 26%, #e9fbff73 0 1px, transparent 1.5px), linear-gradient(135deg, var(--bg-deep), var(--bg-blue));background-size:42px 42px,42px 42px,auto,auto,auto,auto,auto,auto;grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr);gap:14px;padding:12px}.app-shell:before{opacity:.74;background:linear-gradient(115deg,#0000 0 36%,#00f2fe14 36.2%,#0000 36.7% 100%),linear-gradient(250deg,#0000 0 58%,#ff007f12 58.2%,#0000 58.7% 100%)}.app-shell:after{content:"";pointer-events:none;mix-blend-mode:screen;filter:blur(46px);background:radial-gradient(circle at 30% 30%,#00f2fe1f,#0000 40%) 0 0/220% 220%,radial-gradient(circle at 70% 65%,#ff007f1a,#0000 42%) 0 0/220% 220%,radial-gradient(circle at 45% 90%,#96d2ff14,#0000 46%) 0 0/240% 240%;animation:32s ease-in-out infinite ambient-flow;position:fixed;inset:0}@keyframes ambient-flow{0%,to{background-position:12% 18%,88% 82%,40% 100%}50%{background-position:72% 62%,28% 32%,66% 55%}}.companion-window,.artifact-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#63b5d314,#0000 33%),#070c14a8;border:1px solid #6fd8ff38;border-radius:8px;box-shadow:inset 0 1px #e2f9ff2b,inset 0 -1px #ff007f24,0 0 0 1px #00000070,0 24px 72px #00000080}.companion-window:before{opacity:.85;background:linear-gradient(#00f2fe11 1px,#0000 1px) 0 0/36px 36px,linear-gradient(90deg,#00f2fe0a 1px,#0000 1px) 0 0/36px 36px,linear-gradient(135deg,#0000 0 45%,#4facfe1f 45.2%,#0000 45.7%),linear-gradient(225deg,#0000 0 42%,#ff007f1a 42.2%,#0000 42.8%)}.companion-window:after{filter:blur(20px);background:radial-gradient(#00f2fe42,#ff007f26 52%,#0000 76%);width:min(390px,74%);height:96px;bottom:88px}.face-stage{padding:72px 24px 106px}.stage-hud{top:24px;left:24px;right:24px}.stage-kicker,.eyebrow,.image-loading-copy span,.thumbnail-board-meta span,.thumbnail-selected-copy span{color:#e2d9c8eb;letter-spacing:0;text-shadow:0 0 14px #00f2fe47;font-size:10px}.stage-hud strong,.artifact-header h2{color:#f4efe4;text-shadow:0 0 18px #00f2fe38;font-size:21px}.status-pill{color:#dffbff;background:linear-gradient(145deg,#00f2fe33,#0c1522b8),#09141ec2;border-color:#00f2fe61;box-shadow:inset 0 1px #e2f9ff47,inset 0 -10px 16px #0000003d,0 0 20px #00f2fe3d}.stage-caption{bottom:28px}.stage-caption span{color:var(--warm-status);font-size:12px}.stage-caption p{color:#e2d9c8d1}.face-wrap{aspect-ratio:1;width:clamp(360px,38vw,570px)}.mechanical-ring{z-index:1;pointer-events:none;border-radius:999px;position:absolute;inset:2%}.ring-outer{background:repeating-conic-gradient(from -18deg, #e2f9ff8c 0 2deg, transparent 2deg 8deg, #080e16e6 8deg 13deg), conic-gradient(from 130deg, #05070b, #5b7887, #101722, #ff4fa3, #111b29, #bdeeff, #05070b);box-shadow:inset 0 0 0 10px #070a10f0,inset 0 0 0 16px #acdeee1f,inset 0 0 38px #000000f5,0 0 0 1px #c3efff4d,0 0 42px #00f2fe38,18px 12px 42px #ff007f24}.ring-mid{background:repeating-conic-gradient(from 20deg, #00f2fe6b 0 1.2deg, transparent 1.2deg 5deg), radial-gradient(circle, transparent 60%, #00f2fe1a 61%, transparent 68%);border:8px solid #14222ff2;animation:18s linear infinite ring-drift;inset:8%;box-shadow:inset 0 0 0 2px #cff4ff40,inset 0 0 28px #000000e0,0 0 28px #4facfe40}.face{z-index:3;filter:drop-shadow(0 0 22px #00f2fe59);background:radial-gradient(circle at 36% 20%,#ffffff80,#0000 16%),radial-gradient(circle at 62% 70%,#ff007f2e,#0000 34%),radial-gradient(circle at 40% 45%,#00f2fe3d,#0000 46%),linear-gradient(145deg,#dbf8ff8a,#62b7d033 48%,#d2eeff57);border:1px solid #bbf4ff6b;width:58%;height:58%;box-shadow:inset 18px 18px 44px #fff3,inset -28px -32px 58px #02141e6b,inset 0 0 0 1px #ffffff38,0 0 0 4px #00f2fe14,0 0 38px #00f2fe75,0 0 70px #ff007f1f}.face:before{background:linear-gradient(115deg,#ffffff3d,#0000 31%),conic-gradient(from 145deg,#00f2fe14,#ffffff38,#ff007f1a,#00f2fe1f)}.face:after{border-color:#e0fcff3d;inset:7%;box-shadow:inset 0 0 30px #00f2fe3d,inset 0 0 70px #ffffff14}.hologram-facets{z-index:2;fill:#a8e9ff14;stroke:#d9fcff57;stroke-width:1.2px;filter:drop-shadow(0 0 8px #00f2fe59);pointer-events:none;position:absolute;inset:6%}.face-sheen{background:linear-gradient(145deg,#ffffff6b,#ffffff17 48%,#0000 72%)}.eye-row{gap:clamp(44px,4.9vw,74px);transform:translateY(-22px)}.eye{background:radial-gradient(circle at 31% 26%,#ffffffad,#0000 24%),#def9ff57;border:2px solid #ccf5ff75;width:clamp(46px,4.3vw,64px);height:clamp(54px,4.9vw,76px);box-shadow:inset 5px 6px 12px #ffffff4d,inset -7px -8px 18px #05202b61,0 0 18px #00f2fe33}.eye span{background:#18303bd1;box-shadow:inset 3px -3px #00f2fe52,0 0 0 1px #ffffff6b,0 0 10px #00f2fe2e}.face-eyebrow-row{gap:clamp(52px,5.3vw,82px);padding-top:clamp(56px,5.7vw,86px)}.face-eyebrow{background:#162a35d1;width:clamp(38px,3.3vw,54px);height:5px;box-shadow:0 1px #ffffff4d,0 0 10px #00f2fe2e}.face-nose{background:#162a3570;width:9px;height:14px}.cheek{filter:blur(4px);background:#ff67a359;width:clamp(42px,3.9vw,62px)}.mouth-wrap{bottom:20%}.mouth{width:calc(74px + (var(--mouth-width) * 68px) - (var(--mouth-round) * 24px))}.mouth-line{background:#162a35d6;box-shadow:0 1px #ffffff3d,0 0 14px #00f2fe1f}.core-base{z-index:2;background:radial-gradient(#00f2fe29,#0000 58%),linear-gradient(90deg,#0000,#e2f9ff29,#0000),#070d16a8;border:1px solid #00f2fe57;border-radius:50%;width:62%;height:18%;position:absolute;bottom:6%;left:50%;transform:translate(-50%)perspective(420px)rotateX(68deg);box-shadow:inset 0 0 24px #00f2fe29,0 0 30px #00f2fe33,18px 0 34px #ff007f24}.core-base span{border-radius:inherit;border:1px solid #e2f9ff2e;position:absolute;inset:18%}.core-base span+span{border-color:#ff007f38;inset:36%}.bottom-console{padding-bottom:18px}.prompt-box button,.simple-button,.artifact-actions button,.artifact-tab{color:#dffbff;background:linear-gradient(145deg,#00f2fe29,#0b121dc2),#08101cb8;border-color:#00f2fe57;box-shadow:inset 0 1px #ffffff38,inset 0 -8px 16px #00000038,0 0 14px #00f2fe1f}.prompt-box button:hover,.simple-button:hover,.artifact-actions button:hover,.artifact-tab:hover{background:linear-gradient(145deg,#00f2fe42,#0c1724cc),#08101cc7;border-color:#00f2feb3}.simple-button.active{color:#061720;background:linear-gradient(145deg, #dffbff, var(--cyan) 58%, #49aefe);border-color:#e2f9ffb8;box-shadow:inset 0 1px #ffffffb3,0 0 0 2px #00f2fe2e,0 0 22px #00f2fe75}.simple-button.danger:hover,.simple-button.danger.active{color:#fff5fb;background:linear-gradient(145deg,#ff007fdb,#4facfe85);border-color:#ffa7d3b8}.prompt-box input{color:#eaf8ff;background:#0409109e}.artifact-panel{background:repeating-linear-gradient(#ffffff07 0 1px,#0000 1px 4px),linear-gradient(90deg,#00f2fe29,#0000 9% 88%,#ff007f21),#080e18d6;border-left-color:#00f2fe6b;border-right-color:#ff007f47}.artifact-panel:before{opacity:.75;background:linear-gradient(90deg,#00f2fe4d,#0000 20% 80%,#ff007f38),linear-gradient(#00f2fe06 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#00f2fe06 1px,#0000 1px) 0 0/34px 34px;animation:3.8s ease-in-out infinite panel-breathe}.artifact-header{background:linear-gradient(90deg,#00f2fe1f,#0000 40%),linear-gradient(#e2f9ff0f,#0000);border-bottom-color:#00f2fe2e;min-height:82px;padding:22px 22px 18px}.artifact-header h2{color:var(--warm-status)}.artifact-body{padding:20px 22px 24px}.empty-artifact{background:linear-gradient(90deg,#00f2fe1f,#0000 28% 72%,#ff007f1a),#060d1770;border-style:solid;border-color:#00f2fe42;min-height:min(520px,100vh - 158px);position:relative;overflow:hidden}.empty-artifact:before{content:"";border:1px solid #00f2fe47;border-radius:7px;position:absolute;inset:14px;box-shadow:inset 0 0 0 1px #ff007f14,inset 0 0 32px #00f2fe12}.panel-circuit-frame{pointer-events:none;height:120px;position:absolute;inset:46px 34px auto}.panel-circuit-frame:before,.panel-circuit-frame:after{content:"";opacity:.75;background:linear-gradient(90deg,#00f2fe8c 0 28%,#0000 28%) 0 0/72px 2px,linear-gradient(90deg,#0000 0 18%,#00f2fe75 18% 19%,#0000 19% 100%) 0 0/100% 100%,linear-gradient(#00f2fe52 0 2px,#0000 2px 100%) 0 0/100% 18px;width:34%;height:60px;position:absolute;top:24px}.panel-circuit-frame:before{left:0}.panel-circuit-frame:after{filter:hue-rotate(115deg)saturate(1.2);right:0;transform:scaleX(-1)}.panel-circuit-frame span{background:#00f2fe9e;width:64px;height:2px;position:absolute;box-shadow:0 0 10px #00f2fe59}.panel-circuit-frame span:first-child{top:8px;left:18px}.panel-circuit-frame span:nth-child(2){background:#ff007f8c;top:8px;right:18px;box-shadow:0 0 10px #ff007f4d}.panel-circuit-frame span:nth-child(3){bottom:8px;left:18px}.panel-circuit-frame span:nth-child(4){background:#ff007f8c;bottom:8px;right:18px}.panel-status-pulse{background:#00f2fe14;border:1px solid #e2d9c8bd;border-radius:999px;place-items:center;width:48px;height:48px;display:grid;position:relative;box-shadow:0 0 0 6px #00f2fe17,0 0 28px #00f2fe6b}.panel-status-pulse:before,.panel-status-pulse:after{content:"";border:1px solid #00f2fe73;border-radius:999px;animation:1.9s ease-out infinite status-wave;position:absolute;inset:-12px}.panel-status-pulse:after{animation-delay:.55s}.panel-status-pulse span{background:var(--warm-status);border-radius:999px;width:30px;height:30px;box-shadow:inset 4px 6px 10px #ffffff6b,0 0 22px #e2d9c8ad}.empty-artifact p{color:#e2d9c8e0;max-width:360px;font-size:14px;position:absolute;bottom:22%}.progress-pulse{background:var(--warm-status);animation:1.35s ease-out infinite status-dot}.transcript,.empty-artifact,.progress-card,.text-artifact,.code-artifact,.markdown-artifact,.image-loading-artifact,.thumbnail-board-meta,.thumbnail-selected-copy,.thumbnail-empty,.mermaid-output,.mermaid-repair,.table-wrap{background:#060d1794;border-color:#00f2fe29}.app-shell-mini .face-wrap{width:min(168px,100vw - 16px)}.app-shell-mini .mechanical-ring{display:none}.app-shell-mini .face{background:radial-gradient(circle at 40% 34%,#00f2fe3d,#0000 38%),#101c28bd;width:min(154px,100vw - 28px);height:min(154px,100vh - 28px)}@media (width<=900px){.app-shell{grid-template-columns:1fr}.companion-window{min-height:680px}.face-wrap{width:min(82vw,520px)}}@media (width<=560px){.app-shell{padding:8px}.companion-window{min-height:620px}.face-stage{padding:82px 14px 100px}.stage-hud{left:16px;right:16px}.control-strip{grid-template-columns:repeat(6,34px);gap:5px}.simple-button{width:34px}.panel-circuit-frame{inset-inline:22px}}@keyframes ring-drift{to{transform:rotate(360deg)}}@keyframes panel-breathe{0%,to{opacity:.58}50%{opacity:.92}}@keyframes status-wave{0%{opacity:.72;transform:scale(.78)}to{opacity:0;transform:scale(1.72)}}@keyframes status-dot{0%{box-shadow:0 0 #00f2fe66}to{box-shadow:0 0 0 30px #00f2fe00}}.face-wrap{perspective:1200px}.face-glow{background:radial-gradient(circle, rgba(0, 242, 254, calc(.08 + (var(--audio-level,0) * .52))) 0%, transparent 38%), radial-gradient(circle at 64% 48%, rgba(255, 0, 127, calc(.06 + (var(--audio-level,0) * .32))), transparent 56%), radial-gradient(circle at 38% 30%, rgba(228, 252, 255, calc(.06 + (var(--audio-level,0) * .34))), transparent 42%);filter:blur(calc(10px + (var(--audio-level,0) * 26px))) brightness(calc(1 + (var(--audio-level,0) * .45)));inset:-10%}.mechanical-ring{transform-style:preserve-3d}.mechanical-ring:before,.mechanical-ring:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.ring-outer{background:repeating-conic-gradient(from 1deg, #d7f0f87a 0 1.1deg, transparent 1.1deg 4.8deg, #03060aeb 4.8deg 7.2deg), conic-gradient(from 230deg, #030507, #344d5d 8%, #0a111a 18%, #516a78 27%, #080b10 38%, #192532 48%, #ff3f9a 56%, #111723 65%, #9cdff0 76%, #06090f 88%, #030507);inset:0;box-shadow:inset 0 0 0 8px #05080d,inset 0 0 0 13px #bcdee838,inset 0 0 0 24px #080e16eb,inset 0 0 42px #000000f2,0 4px #cde9f029,0 22px 46px #00000094,0 0 44px #00f2fe33,20px 6px 42px #ff007f1f}.ring-outer:before{background:repeating-conic-gradient(from 14deg, transparent 0 7deg, #97b9c438 7deg 8deg, transparent 8deg 17deg), radial-gradient(circle, transparent 58%, #00f2fe1a 59%, transparent 63%);border:8px solid #0b121bf5;inset:5%;box-shadow:inset 0 0 0 1px #e0faff33,inset 0 0 28px #000000eb}.ring-outer:after{mix-blend-mode:screen;opacity:.58;background:linear-gradient(108deg,#0000 0 18%,#ffffff29 18.4%,#0000 19.4% 100%),repeating-radial-gradient(circle,#0000 0 18px,#ffffff09 18px 19px);inset:1.5%}.ring-mid{background:radial-gradient(circle, transparent 58%, #01080efa 59% 70%, transparent 71%), repeating-conic-gradient(from 11deg, #00f2fe80 0 1.1deg, transparent 1.1deg 5.6deg), conic-gradient(from 35deg, #111a25, #394c58, #080d14, #263746, #080c12);border:0;inset:7.4%;box-shadow:inset 0 0 0 4px #04080df0,inset 0 0 0 9px #a5deec1f,inset 0 0 30px #000000f0,0 0 0 1px #00f2fe3b,0 0 26px #00f2fe33}.ring-mid:before{background:repeating-conic-gradient(from 0deg, transparent 0 9deg, #ffffff29 9deg 10deg, transparent 10deg 18deg);border:1px solid #00f2fe47;inset:10%;box-shadow:inset 0 0 18px #000000d9}.ring-inner{background:radial-gradient(circle,#0000 61%,#00f2fe21 62%,#0000 68%),conic-gradient(from 90deg,#00f2fe9e,#0000 15% 36%,#ff007f80,#0000 52% 78%,#e2f9ff57,#0000);border:0;inset:15.5%;box-shadow:inset 0 0 0 2px #00f2fe6b,inset 0 0 24px #000000e6,0 0 18px #00f2fe3d}.face{clip-path:polygon(50% 0%,77% 9%,96% 36%,90% 70%,68% 96%,32% 96%,10% 70%,4% 36%,23% 9%);background:linear-gradient(116deg,#0000 0 18%,#ffffff6b 18% 18.7%,#0000 19% 100%),linear-gradient(33deg,#0000 0 49%,#ffffff29 49.3%,#0000 51% 100%),radial-gradient(circle at 37% 30%,#efffff8f,#0000 22%),radial-gradient(circle at 34% 58%,#00f2fe3d,#0000 34%),radial-gradient(circle at 73% 54%,#ff007f33,#0000 34%),linear-gradient(145deg,#e0faff57,#3ea0be29 44%,#edfaff47);border:1px solid #e1fcff9e;border-radius:24% 28% 27% 26%;width:56%;height:56%;overflow:visible;transform:rotateX(3deg)rotate(-1deg);box-shadow:inset 18px 18px 42px #fff3,inset -30px -34px 64px #02121c9e,inset 0 0 0 1px #ffffff38,inset 0 0 50px #00f2fe21,0 0 0 5px #00f2fe14,0 0 34px #00f2fe80,0 0 72px #ff007f2e}.face:before{border-radius:inherit;clip-path:inherit;opacity:.92;background:repeating-linear-gradient(62deg,#0000 0 17px,#00f2fe2e 17px 18px,#0000 18px 42px),repeating-linear-gradient(132deg,#0000 0 24px,#ff007f21 24px 25px,#0000 25px 58px),conic-gradient(from 154deg,#00f2fe1f,#ffffff38,#ff007f1a,#00f2fe24);inset:0}.face:after{border-radius:inherit;clip-path:inherit;border:1px solid #e0fcff4d;inset:4%;box-shadow:inset 0 0 28px #00f2fe3d,inset 22px 0 34px #ffffff14,inset -18px 0 34px #ff007f1a}.hologram-facets{z-index:2;fill:none;stroke-width:1.15px;filter:drop-shadow(0 0 7px #00f2fe7a)drop-shadow(0 0 10px #ff007f2e);inset:-1%}.facet-shell{fill:#d2f7ff12;stroke:#e5fdff8f;stroke-width:1.5px}.facet-plane{stroke:#e8fcff40}.facet-plane-a,.facet-plane-d{fill:#e5fdff0f}.facet-plane-b{fill:#00f2fe14}.facet-plane-c{fill:#ff007f14}.facet-lines{stroke:#e1fdff6b}.face-sheen{background:linear-gradient(136deg,#ffffff80,#ffffff1f 44%,#0000 68%);border-radius:36% 62% 42% 52%;inset:5% 12% 48% 14%;transform:rotate(-17deg)}.eye-row,.face-eyebrow-row,.face-nose,.cheek-row,.mouth-wrap{filter:drop-shadow(0 0 5px #00f2fe52)drop-shadow(0 0 12px #ff007f1f)}.eye{background:radial-gradient(circle at 31% 26%,#ffffffb8,#0000 24%),#d6faff42;box-shadow:inset 5px 6px 12px #ffffff47,inset -7px -8px 18px #05202b4d,0 0 18px #00f2fe42}.face-eyebrow,.mouth-line,.face-nose{background:#06141eb8}.cheek{background:#ff539a5c;box-shadow:0 0 18px #ff007f38}.core-base{background:repeating-conic-gradient(from 5deg, #00f2fe47 0 1deg, transparent 1deg 6deg), radial-gradient(ellipse at center, #00f2fe33, transparent 56%), linear-gradient(90deg, transparent, #e2f9ff29, transparent), #070c13;border-color:#d2f3fa3d;width:70%;height:19%;bottom:4.5%;box-shadow:inset 0 0 0 4px #03070ccc,inset 0 0 24px #00f2fe2e,0 5px #d3edf414,0 22px 38px #00000075,0 0 30px #00f2fe33,18px 0 34px #ff007f24}.artifact-panel{background:repeating-linear-gradient(90deg,#ffffff07 0 1px,#0000 1px 5px),linear-gradient(115deg,#ffffff09,#0000 22% 76%,#ff007f0d),linear-gradient(90deg,#00f2fe1f,#0000 10% 88%,#ff007f1a),#121824;box-shadow:inset 0 1px #e7faff29,inset 0 -1px #ff007f1c,inset 18px 0 38px #00f2fe09,inset -18px 0 38px #ff007f09,0 0 0 1px #00000085,0 24px 72px #0000008f}.artifact-panel:before{opacity:.82;background:linear-gradient(90deg,#00f2fe38,#0000 19% 81%,#ff007f2e),repeating-linear-gradient(90deg,#0000 0 17px,#ffffff06 17px 18px,#0000 18px 34px),repeating-linear-gradient(#0000 0 17px,#00f2fe05 17px 18px,#0000 18px 34px)}.artifact-header{background:repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 5px),linear-gradient(90deg,#00f2fe14,#0000 48%),#121824;box-shadow:inset 0 -1px #00f2fe2e,inset 0 -16px 30px #0000002e}.empty-artifact{background:linear-gradient(90deg,#00f2fe14,#0000 28% 72%,#ff007f14),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 4px),#101722;border-color:#00f2fe4d;box-shadow:inset 0 0 0 1px #000000a3,inset 0 16px 36px #00000061,inset 0 -16px 40px #00f2fe0b}.empty-artifact:before{background:linear-gradient(90deg,#00f2fe0f,#0000 42%,#ff007f0d),repeating-linear-gradient(90deg,#0000 0 23px,#ffffff06 23px 24px,#0000 24px 46px);border-color:#00f2fe57;box-shadow:inset 0 0 0 1px #000000b8,inset 0 0 34px #0000005c,0 0 0 1px #e2f9ff0d}.panel-circuit-frame{height:128px;inset:48px 34px auto}.panel-circuit-frame:before,.panel-circuit-frame:after{opacity:.82;background:linear-gradient(90deg,#00f2fe80 0 18%,#0000 18% 22%,#00f2fe47 22% 54%,#0000 54%),linear-gradient(90deg,#0000 0 13%,#000000b8 13% 14%,#0000 14% 100%),repeating-linear-gradient(#0000 0 11px,#00f2fe47 11px 13px,#0000 13px 21px);height:72px;box-shadow:inset 0 1px #ffffff14,inset 0 -2px 3px #000000a3,0 1px #ffffff0a}.panel-circuit-frame span{background:#00f2fe85;height:3px;box-shadow:inset 0 1px #ffffff38,inset 0 -2px 2px #000000ad,0 0 9px #00f2fe47}.panel-circuit-frame span:nth-child(2),.panel-circuit-frame span:nth-child(4){background:#ff007f75;box-shadow:inset 0 1px #ffffff2e,inset 0 -2px 2px #000000b3,0 0 9px #ff007f38}.panel-status-pulse{background:radial-gradient(circle at 38% 32%,#ffffff47,#0000 22%),radial-gradient(circle,#00f2fe2e,#060d17d1 66%);border-color:#e0fcff80;width:58px;height:58px;box-shadow:inset 0 0 0 5px #02080eb8,inset 0 0 18px #00f2fe2e,0 0 0 7px #00f2fe14,0 0 34px #00f2fe7a}.panel-status-pulse:before,.panel-status-pulse:after{border-color:#00f2fe70;animation:2.2s ease-out infinite status-wave;inset:-16px}.panel-status-pulse span{background:radial-gradient(circle at 34% 28%,#fff,#0000 18%),radial-gradient(circle,#e6e0bd 0 44%,#88fff2 72%,#00f2fe33);width:34px;height:34px;animation:2.4s ease-in-out infinite optic-breathe;box-shadow:inset 4px 6px 10px #ffffff75,inset -7px -8px 12px #00000038,0 0 24px #e2d9c8b8,0 0 38px #00f2fe66}.control-strip,.prompt-box{background:repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 5px),linear-gradient(145deg,#def9ff1a,#070e18d6),#08101cc2;border-color:#00f2fe5c;box-shadow:inset 0 1px #fff3,inset 0 -10px 20px #00000057,0 0 28px #00f2fe29}.simple-button,.prompt-box button,.artifact-actions button,.artifact-tab{border-color:#00f2fe5c;box-shadow:inset 0 1px #ffffff38,inset 0 -8px 16px #00000047,0 0 15px #00f2fe29}.simple-button.danger,.simple-button.danger:hover,.simple-button.danger.active{color:#dffbff;background:linear-gradient(145deg,#00f2fe29,#0b121dc2),#08101cb8;border-color:#00f2fe5c;box-shadow:inset 0 1px #ffffff38,inset 0 -8px 16px #00000047,0 0 15px #00f2fe29}.simple-button.active,.simple-button.danger.active{color:#061720;background:linear-gradient(145deg, #dffbff, var(--cyan) 58%, #49aefe);border-color:#e2f9ffc2;box-shadow:inset 0 1px #ffffffb3,0 0 0 2px #00f2fe2e,0 0 22px #00f2fe7a}.app-shell-mini .face{clip-path:polygon(50% 0%,77% 9%,96% 36%,90% 70%,68% 96%,32% 96%,10% 70%,4% 36%,23% 9%)}@media (width<=900px){.face{width:min(56%,420px);height:min(56%,420px)}}@media (width<=560px){.panel-circuit-frame{inset-inline:22px}}@keyframes crystal-current{to{stroke-dashoffset:-72px}}@keyframes optic-breathe{0%,to{opacity:.82;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}.stage-hud strong:empty,.artifact-header h2:empty,.core-base{display:none}.face-eyebrow{height:clamp(6px,.58vw,9px)}.mouth-line{min-height:4px}.expr-normal .face-eyebrow-left{transform:rotate(-3deg)}.expr-normal .face-eyebrow-right{transform:rotate(3deg)}.expr-happy .face-eyebrow-row{transform:translateY(-18px)}.expr-happy .face-eyebrow-left{transform:rotate(-12deg)translateY(-2px)}.expr-happy .face-eyebrow-right{transform:rotate(12deg)translateY(-2px)}.expr-happy .eye{background:radial-gradient(circle at 31% 22%,#ffffffbf,#0000 24%),#dcfffa47;border-radius:999px 999px 54% 54%;height:clamp(42px,3.6vw,58px)}.expr-happy .eye span{inset:48% 28% 26%}.expr-happy .mouth-wrap{bottom:17%}.expr-happy .mouth{width:calc(92px + (var(--mouth-width) * 78px));height:calc(18px + (var(--mouth-open) * 42px))}.expr-happy .mouth-line{background:0 0;border-bottom:clamp(5px,.48vw,8px) solid #06141ed1;border-radius:0 0 999px 999px;box-shadow:0 8px 14px #00f2fe29}.expr-happy .cheek{opacity:1;transform:scale(1.2)}.expr-sad .face-eyebrow-left{transform:translateY(18px)rotate(-24deg)}.expr-sad .face-eyebrow-right{transform:translateY(18px)rotate(24deg)}.expr-sad .eye{opacity:.9;height:clamp(44px,3.8vw,60px)}.expr-sad .eye span{inset:52% 31% 19%}.expr-sad .mouth-wrap{bottom:16%}.expr-sad .mouth{width:calc(82px + (var(--mouth-width) * 54px));height:calc(26px + (var(--mouth-open) * 20px))}.expr-sad .mouth-line{background:0 0;border-top:clamp(5px,.48vw,8px) solid #06141ed1;border-radius:999px 999px 0 0;box-shadow:0 -5px 12px #00f2fe1f}.expr-angry .face-eyebrow-row{transform:translateY(8px)}.expr-angry .face-eyebrow-left{transform:translateY(12px)rotate(31deg)}.expr-angry .face-eyebrow-right{transform:translateY(12px)rotate(-31deg)}.expr-angry .face-eyebrow,.expr-angry .mouth-line{background:#121118e6;box-shadow:0 0 8px #ff007f42,0 1px #ffffff38}.expr-angry .eye{background:radial-gradient(circle at 31% 26%,#ffffffb3,#0000 24%),#ff76b02e;border-color:#ff60a06b}.expr-angry .eye-left span{inset:42% 26% 27% 38%}.expr-angry .eye-right span{inset:42% 38% 27% 26%}.expr-angry .mouth{width:calc(62px + (var(--mouth-width) * 42px))}.expr-angry .mouth-line{border-radius:4px;height:7px;transform:rotate(-2deg)scaleX(.95)}.app-shell-mini .mini-companion{width:min(168px,100vw - 16px);height:min(168px,100vh - 16px);overflow:visible}.app-shell-mini .face-wrap{aspect-ratio:1;width:min(144px,100vw - 24px);height:min(144px,100vh - 24px)}.app-shell-mini .face-glow{inset:-8%}.app-shell-mini .face{width:min(118px,100vw - 42px);height:min(118px,100vh - 42px);overflow:hidden;transform:none}.app-shell-mini .hologram-facets{inset:1%}.app-shell-mini .face-sheen{inset:7% 14% 54% 16%}.app-shell-mini .eye-row{gap:20px;transform:translateY(-8px)}.app-shell-mini .eye{border-width:1px;width:22px;height:27px}.app-shell-mini .eye span{inset:30% 30% 32%}.app-shell-mini .face-eyebrow-row{gap:20px;padding-top:33px}.app-shell-mini .face-eyebrow{width:18px;height:3px}.app-shell-mini .face-nose{width:5px;height:8px;display:block}.app-shell-mini .cheek-row{width:66%;display:flex;top:58%}.app-shell-mini .cheek{filter:blur(2px);width:17px;height:9px}.app-shell-mini .mouth-wrap{width:58px;height:28px;bottom:18%}.app-shell-mini .mouth{width:calc(28px + (var(--mouth-width) * 18px) - (var(--mouth-round) * 8px));height:calc(3px + (var(--mouth-open) * 12px))}.app-shell-mini .mouth-line{min-height:3px}.app-shell-mini .expr-happy .face-eyebrow-row{transform:translateY(-5px)}.app-shell-mini .expr-happy .mouth{width:42px;height:14px}.app-shell-mini .expr-sad .face-eyebrow-left{transform:translateY(7px)rotate(-24deg)}.app-shell-mini .expr-sad .face-eyebrow-right{transform:translateY(7px)rotate(24deg)}.app-shell-mini .expr-sad .mouth{width:36px;height:14px}.app-shell-mini .expr-angry .face-eyebrow-row{transform:translateY(3px)}.app-shell-mini .expr-angry .mouth{width:30px}.face-eyebrow-row,.face-eyebrow{display:none!important}.eye{isolation:isolate}.eye:before{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:0 0;transition:clip-path .18s,background .18s,opacity .18s,transform .18s;position:absolute;inset:-8%}.eye:after{z-index:3}.eye span{z-index:4;transition:inset .18s,transform .18s,opacity .18s,background .18s}.expr-normal .eye{border-radius:999px;height:clamp(54px,4.9vw,76px)}.expr-normal .eye span{inset:31%}.expr-happy .eye{background:radial-gradient(circle at 32% 12%,#ffffffa8,#0000 24%),#d4fff733;border-radius:999px 999px 60% 60%;height:clamp(34px,3.1vw,48px);transform:translateY(7px);box-shadow:inset 0 -9px #06141e75,inset 5px 6px 12px #ffffff38,0 0 18px #00f2fe47}.expr-happy .eye:before{clip-path:ellipse(72% 42% at 50% 8%);opacity:.72;background:linear-gradient(#08121bb8 0 44%,#0000 45%)}.expr-happy .eye span{opacity:.62;inset:58% 29% 15%;transform:scaleX(1.32)}.expr-sad .eye{opacity:.88;background:radial-gradient(circle at 31% 35%,#ffffff94,#0000 25%),#c2eeff33;border-radius:46% 46% 999px 999px;height:clamp(42px,3.7vw,58px);transform:translateY(8px)rotate(3deg)}.expr-sad .eye-left{transform:translateY(8px)rotate(5deg)}.expr-sad .eye-right{transform:translateY(8px)rotate(-5deg)}.expr-sad .eye:before{clip-path:polygon(0 0,100% 0,100% 42%,0 64%);opacity:.68;background:linear-gradient(#08121bbd 0 54%,#0000 55%)}.expr-sad .eye span{opacity:.72;inset:55% 31% 18%}.expr-angry .eye{background:radial-gradient(circle at 31% 24%,#ffffffa3,#0000 24%),#ff6fae29;border-color:#ff60a080;height:clamp(42px,3.9vw,60px);box-shadow:inset 5px 6px 12px #ffffff38,inset -7px -8px 18px #05202b5c,0 0 18px #ff007f38}.expr-angry .eye-left{transform:translateY(3px)rotate(8deg)skew(-7deg)}.expr-angry .eye-right{transform:translateY(3px)rotate(-8deg)skew(7deg)}.expr-angry .eye-left:before{clip-path:polygon(0 0,100% 0,100% 50%,0 26%);opacity:.82;background:linear-gradient(#08121bdb 0 50%,#0000 51%)}.expr-angry .eye-right:before{clip-path:polygon(0 0,100% 0,100% 26%,0 50%);opacity:.82;background:linear-gradient(#08121bdb 0 50%,#0000 51%)}.expr-angry .eye-left span{background:#14161feb;inset:47% 24% 24% 42%}.expr-angry .eye-right span{background:#14161feb;inset:47% 42% 24% 24%}.app-shell-mini .face-eyebrow-row,.app-shell-mini .face-eyebrow{display:none!important}.app-shell-mini .expr-happy .eye{height:20px}.app-shell-mini .expr-happy .eye span{inset:58% 29% 15%}.app-shell-mini .expr-sad .eye{height:21px}.app-shell-mini .expr-sad .eye span{inset:54% 31% 18%}.app-shell-mini .expr-angry .eye{height:22px}.app-shell{background:linear-gradient(#00f2fe09 1px, transparent 1px), linear-gradient(90deg, #00f2fe07 1px, transparent 1px), linear-gradient(118deg, transparent 0 18%, #00f2fe0e 19%, transparent 22% 52%, #ff007f0d 54%, transparent 58%), linear-gradient(62deg, transparent 0 28%, #7cd4ff0d 29%, transparent 31% 72%, #00f2fe0a 74%, transparent 78%), radial-gradient(circle at 18% 24%, #4facfe29, transparent 28%), radial-gradient(circle at 86% 72%, #ff007f1c, transparent 28%), linear-gradient(135deg, var(--bg-deep), var(--bg-blue));background-size:42px 42px,42px 42px,180% 180%,220% 220%,auto,auto,auto;animation:24s linear infinite shell-data-drift}.app-shell:before{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.48;background:repeating-linear-gradient(90deg,#0000 0 58px,#00f2fe0e 58px 59px,#0000 59px 116px) 0 0/116px 104px,repeating-linear-gradient(#0000 0 52px,#ffffff07 52px 53px,#0000 53px 104px) 0 0/116px 104px,linear-gradient(105deg,#0000 0 18%,#00f2fe1f 19%,#0000 20% 48%,#ff007f17 49%,#0000 50% 100%) 0 0/240% 100%,linear-gradient(255deg,#0000 0 34%,#64d2ff14 35%,#0000 36% 70%,#ff007f0f 71%,#0000 72% 100%) 0 0/220% 100%;animation:18s linear infinite shell-stream-sweep;position:fixed;inset:0}.app-shell:after{content:"";pointer-events:none;filter:blur(18px);mix-blend-mode:screen;opacity:.72;background:linear-gradient(100deg,#0000 0 34%,#00f2fe1f 37%,#0000 41% 100%) 0 0/180% 100%,linear-gradient(75deg,#0000 0 56%,#ff007f17 59%,#0000 63% 100%) 0 0/170% 100%,repeating-linear-gradient(115deg,#0000 0 18px,#00f2fe05 18px 20px,#0000 20px 44px) 0 0/220px 220px;animation:16s ease-in-out infinite shell-ribbon-flow;position:fixed;inset:-8%}.companion-window:before,.artifact-panel:before{background:linear-gradient(#00f2fe11 1px,#0000 1px) 0 0/36px 36px,linear-gradient(90deg,#00f2fe0a 1px,#0000 1px) 0 0/36px 36px,repeating-linear-gradient(100deg,#0000 0 42px,#00f2fe0e 42px 43px,#0000 43px 86px) 0 0/180px 180px,linear-gradient(115deg,#0000 0 28%,#00f2fe1f 29%,#0000 31% 70%,#ff007f1a 72%,#0000 74%) 0 0/220% 100%;animation:15s linear infinite panel-grid-flow}.face-stage:before{content:"";z-index:0;pointer-events:none;mix-blend-mode:screen;opacity:.38;background:repeating-linear-gradient(90deg,#0000 0 76px,#00f2fe0b 76px 78px,#0000 78px 152px) 0 0/152px 100%,linear-gradient(105deg,#0000 0 42%,#00f2fe1f 43%,#0000 45%) 0 0/220% 100%,linear-gradient(255deg,#0000 0 55%,#ff007f17 56%,#0000 58%) 0 0/220% 100%;animation:13s ease-in-out infinite stage-current-flow;position:absolute;inset:0}.empty-artifact:after{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.62;background:linear-gradient(100deg,#0000 0 28%,#00f2fe14 31%,#0000 34% 68%,#ff007f12 71%,#0000 74%) 0 0/190% 100%,repeating-linear-gradient(90deg,#0000 0 32px,#ffffff06 32px 33px,#0000 33px 66px) 0 0/66px 100%;animation:11s linear infinite content-current-flow;position:absolute;inset:0}@keyframes shell-data-drift{0%{background-position:0 0,0 0,0 0,100% 0,50%,50%,50%}to{background-position:42px 42px,-42px 42px,120% 0,-120% 0,50%,50%,50%}}@keyframes shell-stream-sweep{0%{background-position:0 0,0 0,120% 0,-120% 0}to{background-position:116px 104px,-116px 104px,-120% 0,120% 0}}@keyframes shell-ribbon-flow{0%,to{opacity:.54;background-position:130% 0,-30% 0,0 0}50%{opacity:.82;background-position:-30% 0,130% 0,90px 42px}}@keyframes panel-grid-flow{0%{background-position:0 0,0 0,0 0,120% 0}to{background-position:36px 36px,-36px 36px,180px 0,-120% 0}}@keyframes stage-current-flow{0%,to{background-position:0 0,120% 0,-120% 0}50%{background-position:76px 0,-20% 0,20% 0}}@keyframes content-current-flow{0%{background-position:120% 0,0 0}to{background-position:-120% 0,66px 0}}.app-shell{background-position:0 0,0 0,50%,50%,50%,50%,50%;animation:none}.app-shell:before,.app-shell:after,.face-stage:before,.empty-artifact:after{backface-visibility:hidden;will-change:transform, opacity;transform:translate(0,0)}.app-shell:before{animation:18s linear infinite flow-layer-slide-a;inset:-8%}.app-shell:after{filter:blur(10px);animation:22s ease-in-out infinite flow-layer-slide-b;inset:-10%}.companion-window:before,.artifact-panel:before{background-position:0 0,0 0,0 0,50%;animation:none}.face-stage:before{animation:16s ease-in-out infinite flow-layer-slide-c}.empty-artifact:after{animation:14s linear infinite flow-layer-slide-d}@keyframes flow-layer-slide-a{0%{opacity:.38;transform:translate(-2.5%,-1.5%)}50%{opacity:.5;transform:translate(2.5%,1.5%)}to{opacity:.38;transform:translate(-2.5%,-1.5%)}}@keyframes flow-layer-slide-b{0%,to{opacity:.44;transform:translate(3%)}50%{opacity:.62;transform:translate(-3%)}}@keyframes flow-layer-slide-c{0%,to{opacity:.28;transform:translateY(-1%)}50%{opacity:.38;transform:translateY(1%)}}@keyframes flow-layer-slide-d{0%{opacity:.48;transform:translate(-2%)}to{opacity:.56;transform:translate(2%)}}