:root{color:#f8fbff;--holo-blue-0:#f2faff;--holo-blue-1:#d8ecff;--holo-blue-2:#aecaff;--holo-blue-3:#87aef5;--holo-violet-1:#ddd7ff;--holo-violet-2:#bcb4f4;--holo-violet-3:#9696e8;--holo-pink-1:#f8d1f8;--holo-pink-2:#eba8e4;--holo-pink-3:#ff9bd4;--text-main:#f8fbff;--text-soft:#f6faffd6;--text-faint:#f6faffa8;--panel-main:#5264be80;--panel-sub:#6c7cd266;--line-blue:#cdebffa3;--line-violet:#d6cdffa8;--line-pink:#ffbeee9e;--line-white:#ffffffa8;--glow-blue:#78b4ff5c;--glow-violet:#b2aaf552;--glow-pink:#ee96e14d;--shadow-soft:#2c408247;background:#b8d3ff;font-family:Inter,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 16% 12%,#ffffff9e,#0000 28%),radial-gradient(circle at 82% 16%,#ee96e15c,#0000 32%),radial-gradient(circle at 78% 84%,#96a0e842,#0000 38%),radial-gradient(circle at 26% 76%,#87aef56b,#0000 34%),linear-gradient(135deg,#e8f6ff 0%,#b8d3ff 28%,#9fbaf4 54%,#bcb4f4 76%,#f3c2f3 100%);margin:0}body:before{content:"";pointer-events:none;opacity:.82;background:linear-gradient(116deg,#0000 0%,#ffffff4d 19%,#0000 36%),linear-gradient(68deg,#0000 0%,#96a0e824 48%,#0000 66%);position:fixed;inset:0}body:after{content:"";pointer-events:none;opacity:.46;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0%,#0000 72%);mask-image:radial-gradient(circle at 50% 42%,#000 0%,#0000 72%)}button,input{font:inherit}button{cursor:pointer}.mira-app{place-items:center;min-height:100vh;padding:28px;display:grid;position:relative}.mira-card{border:1px solid var(--line-white);width:min(1120px,100%);min-height:min(740px,100vh - 56px);box-shadow:0 28px 76px var(--shadow-soft), 0 0 42px var(--glow-blue), 0 0 54px var(--glow-violet), 0 0 56px var(--glow-pink), inset 0 0 38px #ffffff1c;-webkit-backdrop-filter:blur(22px)saturate(1.18);backdrop-filter:blur(22px)saturate(1.18);background:radial-gradient(circle at 10% 8%,#ffffff38,#0000 34%),radial-gradient(circle at 92% 90%,#ee96e133,#0000 38%),linear-gradient(135deg,#5264be7a,#9696e861 48%,#ee96e13d),#3a4aa070;border-radius:30px;padding:26px;display:grid;position:relative;overflow:hidden}.mira-card:before{content:"";pointer-events:none;border:1px solid #ffffff3d;border-radius:24px;position:absolute;inset:16px}.mira-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ee96e142,#0000 64%);border-radius:999px;width:460px;height:460px;position:absolute;top:-190px;right:-210px}.mira-layout{z-index:1;grid-template-columns:330px minmax(0,1fr);align-items:stretch;gap:26px;min-height:100%;display:grid;position:relative}.mira-portrait{text-align:center}.mira-image-wrap{background:linear-gradient(135deg,#ffffff6b,#bcb4f438);border:1px solid #ffffff8f;border-radius:26px;width:100%;overflow:hidden;box-shadow:0 20px 36px #2c40822e,0 0 28px #78b4ff47,0 0 34px #ee96e133}.mira-image{width:100%;height:auto;display:block}.mira-name{letter-spacing:.18em;color:var(--text-main);text-shadow:0 0 10px #ffffff7a,0 0 18px #78b4ff6b,0 0 24px #ee96e152,0 2px 8px #2c408261;margin:20px 0 0;font-size:25px;font-weight:800}.mira-message{color:var(--text-main);text-shadow:0 2px 8px #2c408270,0 0 12px #78b4ff3d;margin:13px 0 0;font-size:18px;font-weight:700}.mira-sub{color:var(--text-soft);text-shadow:0 2px 8px #2c408261;margin:8px 0 0;font-size:13px}.mira-chat{grid-template-rows:1fr auto;gap:16px;min-width:0;min-height:560px;display:grid}.mira-chat-log{-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);scrollbar-color:#ffffffa3 #ffffff24;background:radial-gradient(circle at 12% 8%,#ffffff2e,#0000 32%),radial-gradient(circle at 90% 86%,#ee96e138,#0000 38%),linear-gradient(135deg,#5264be75,#9696e85c 48%,#ee96e138),#3a4aa061;border:1px solid #ffffff80;border-radius:24px;min-height:0;max-height:620px;padding:20px;overflow-y:auto;box-shadow:inset 0 0 32px #ffffff17,0 18px 34px #2c40822e,0 0 26px #78b4ff33,0 0 30px #ee96e124}.chat-message{margin:0 0 15px}.chat-message:last-child{margin-bottom:0}.chat-speaker{color:var(--text-faint);letter-spacing:.04em;text-shadow:0 2px 8px #2c408261;margin:0 0 6px;font-size:12px;font-weight:750}.chat-bubble{text-align:left;word-break:break-word;max-width:90%;color:var(--text-main);text-shadow:0 2px 8px #2c40826b;-webkit-backdrop-filter:blur(12px)saturate(1.18);backdrop-filter:blur(12px)saturate(1.18);border-radius:18px;padding:13px 15px;line-height:1.65;display:inline-block}.chat-message-mira .chat-bubble{background:linear-gradient(135deg,#647edc6b,#aad2ff3d);border:1px solid #cdebff99;box-shadow:0 0 18px #78b4ff38,inset 0 0 16px #ffffff1c}.chat-message-user{text-align:right}.chat-message-user .chat-bubble{background:linear-gradient(135deg,#ee96e161,#bcb4f44d);border:1px solid #ffbeee99;box-shadow:0 0 18px #ee96e13d,inset 0 0 16px #ffffff1c}.mira-chat-form{grid-template-columns:1fr auto;gap:10px;display:grid}.mira-chat-input{width:100%;color:var(--text-main);-webkit-backdrop-filter:blur(14px)saturate(1.18);backdrop-filter:blur(14px)saturate(1.18);background:linear-gradient(135deg,#5264be6b,#ee96e133),#3a4aa057;border:1px solid #ffffff8f;border-radius:18px;outline:none;padding:14px 15px;box-shadow:inset 0 0 18px #ffffff17,0 12px 26px #2c40822e,0 0 20px #78b4ff2e}.mira-chat-input::placeholder{color:#f6faffa3}.mira-chat-input:focus{border-color:#ffffffd6;box-shadow:0 0 0 3px #cdebff29,0 0 26px #78b4ff42,0 0 28px #ee96e12e,inset 0 0 18px #ffffff21}.mira-chat-button{color:#51558e;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#d8ecff 28%,#bcb4f4 64%,#f8d1f8 100%);border:1px solid #ffffffbd;border-radius:18px;padding:0 20px;font-weight:800;transition:filter .16s,transform .16s,box-shadow .16s;box-shadow:0 12px 26px #2c408233,0 0 22px #78b4ff4d,0 0 24px #ee96e13d}.mira-chat-button:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 30px #2c408238,0 0 30px #78b4ff61,0 0 34px #ee96e14d}.mira-chat-button:active{transform:translateY(1px)}@media (width<=760px){.mira-layout{grid-template-columns:1fr}.mira-image-wrap{width:min(300px,100%);margin:0 auto}.mira-chat{min-height:500px}.mira-chat-form{grid-template-columns:1fr}.mira-chat-button{min-height:46px}}