:root{--bg:#f1f0f8;--card:#fff;--ink:#22243a;--muted:#8a8ea3;--line:#e7e6f2;--side:#191b31;--side-2:#22253f;--side-ink:#eceefb;--side-dim:#9a9ec2;--purple:#7c6cf5;--purple-deep:#5f4ee8;--pink:#f27ba9;--amber:#ffb054;--green:#34c98e;--red:#f0655f;--radius:18px;--shadow:0 8px 28px #1e195014;--shadow-lg:0 14px 44px #1e195024}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100dvh;color:var(--ink);margin:0;font-family:Pretendard Variable,Pretendard,system-ui,sans-serif;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select{font-family:inherit}h1,h2,h3{margin:0}[hidden]{display:none!important}.app{grid-template-columns:272px minmax(0,1fr) 292px;min-height:100dvh;transition:padding-right .25s ease-out;display:grid}@media (width>=700px){body.log-open .app{padding-right:min(430px,45vw)}}.sidebar{background:var(--side);color:var(--side-ink);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:20px 20px 14px;display:flex}.brand-mascot{flex-shrink:0;width:40px;height:40px}.brand-logo{border-radius:11px;flex-shrink:0;width:40px;height:40px}.brand-text{flex-direction:column;flex:1;gap:3px;display:flex}.brand-text strong{font-family:Black Han Sans;font-size:1.15rem;font-weight:400}.brand-meta{align-items:center;gap:8px;display:flex}.mode-name{letter-spacing:.04em;color:var(--amber);background:#ffb0541f;border-radius:6px;padding:2px 7px;font-size:.68rem;font-weight:800}.live-badge{letter-spacing:.08em;color:var(--side-dim);align-items:center;gap:5px;width:fit-content;font-size:.62rem;font-weight:800;display:inline-flex}.live-badge i{background:currentColor;border-radius:50%;width:6px;height:6px}.live-badge[data-on=true]{color:var(--green)}.live-badge[data-on=true] i{animation:1.4s ease-in-out infinite blink}@keyframes blink{50%{opacity:.25}}.timer{color:var(--side-dim);font-variant-numeric:tabular-nums;font-size:.75rem}.mode-nav{flex-direction:column;gap:6px;padding:6px 14px 14px;display:flex}.mnav{color:var(--side-dim);text-align:left;border-radius:14px;align-items:center;gap:12px;padding:11px 12px;transition:all .18s;display:flex}.mnav:hover{color:var(--side-ink);background:#ffffff0d}.mnav[aria-selected=true]{background:var(--side-2);color:var(--side-ink);box-shadow:inset 0 0 0 1px #ffffff0f}.mico{color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.mico svg{width:19px;height:19px}.mico.basic{background:linear-gradient(135deg,#f27ba9,#d95b93)}.mico.meal{background:linear-gradient(135deg,#f5a35c,#e8834b)}.mico.drink{background:linear-gradient(135deg,#34c9a8,#22a887)}.mico.night{background:linear-gradient(135deg,#8b7cf6,#6a5ae0)}.mnav-t{flex-direction:column;gap:1px;font-size:.92rem;font-weight:700;display:flex}.mnav-t small{color:var(--side-dim);font-size:.68rem;font-weight:500}.side-scroll{flex-direction:column;flex:1;gap:14px;padding:4px 14px 14px;display:flex;overflow-y:auto}.side-scroll::-webkit-scrollbar{width:4px}.side-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}#setup-panel.collapsed,.sidebar.session .mode-nav{opacity:.35;pointer-events:none}.sfield{flex-direction:column;gap:8px;display:flex}.sfield>label,.sfield>summary{letter-spacing:.04em;color:var(--side-dim);font-size:.72rem;font-weight:700}.sfield input[type=text],.sfield input[type=password],.sfield input[list],.sfield select{background:var(--side-2);color:var(--side-ink);border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:.85rem;transition:border-color .2s}.sfield input:focus,.sfield select:focus{border-color:var(--purple)}.sfield input::placeholder{color:var(--side-dim)}.persona-list{flex-direction:column;gap:7px;display:flex}.persona{background:var(--side-2);text-align:left;color:var(--side-ink);border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:9px 10px;transition:all .18s;display:flex}.persona:hover{background:#282b48}.persona[aria-selected=true]{border-color:var(--purple);background:#7c6cf524}.persona .p-face{color:#241a00;background:linear-gradient(135deg, var(--amber), #ff8a3c);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:.72rem;font-weight:800;display:grid}.persona .p-name{font-size:.86rem;font-weight:700}.persona .p-tag{color:var(--side-dim);margin-top:1px;font-size:.7rem}.persona .p-meta{flex:1;min-width:0}.p-edit{color:var(--side-dim);border:1px solid #ffffff1f;border-radius:7px;flex-shrink:0;margin-left:auto;padding:3px 8px;font-size:.62rem;font-weight:700;transition:all .18s}.p-edit:hover{color:var(--side-ink);border-color:#ffffff59}.ghost-btn{color:var(--side-dim);border:1px dashed #fff3;border-radius:11px;padding:9px 12px;font-size:.8rem;font-weight:600;transition:all .18s}.ghost-btn:hover{color:var(--side-ink);border-color:#fff6}.ghost-btn.solid{border-style:solid;border-color:var(--purple);color:#cfc8ff;background:#7c6cf52e}.persona-form{flex-direction:column;gap:7px;animation:.22s ease-out reveal;display:flex}.persona-form input,.persona-form select{background:var(--side-2);color:var(--side-ink);border:1px solid #ffffff14;border-radius:10px;outline:none;min-width:0;padding:9px 12px;font-size:.83rem}.persona-form input:focus,.persona-form select:focus{border-color:var(--purple)}.persona-form input::placeholder{color:var(--side-dim)}.persona-form select option{background:var(--side);color:var(--side-ink)}.np-row{gap:6px;display:flex}.np-row select{flex:1}.np-note{color:var(--side-dim);margin:0;font-size:.66rem;font-weight:600}#menu-section{animation:.28s ease-out reveal}.app-foot{text-align:center;flex-direction:column;gap:6px;padding:26px 20px 34px;display:flex}.foot-links{margin:0;font-size:.78rem;font-weight:700}.foot-links a{color:#5f5b7d;text-decoration:none}.foot-links a:hover{color:var(--purple);text-decoration:underline}.foot-dot{color:#a29db8;margin:0 8px}.foot-biz{color:#a29db8;margin:0;font-size:.7rem;font-weight:500}@keyframes reveal{0%{opacity:0;transform:translateY(-8px)}}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--side-dim);background:var(--side-2);border:1px solid #0000;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:600;transition:all .18s}.chip:hover{color:var(--side-ink)}.chip[aria-selected=true]{border-color:var(--purple);color:#cfc8ff;background:#7c6cf52e}.chip-custom{border-style:dashed}#item-custom{margin-top:6px;animation:.22s ease-out reveal}.side-cta{border-top:1px solid #ffffff12;flex-direction:column;gap:10px;padding:14px;display:flex}.mascot-card{background:linear-gradient(135deg,#2a2d50,#1f2240);border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.mascot-card .mascot{flex-shrink:0;width:52px;height:52px}.mascot-card p{color:var(--side-dim);margin:0;font-size:.8rem;line-height:1.45}.mascot-card p b{color:var(--side-ink)}.btn-connect{background:linear-gradient(135deg, var(--purple), var(--purple-deep));color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:14px;font-size:.95rem;font-weight:800;transition:all .18s;display:flex;box-shadow:0 8px 22px #7c6cf559}.btn-connect:hover{transform:translateY(-1px);box-shadow:0 12px 28px #7c6cf573}.btn-connect:active{transform:translateY(0)scale(.98)}.btn-connect svg{width:18px;height:18px}.btn-connect.connected{background:linear-gradient(135deg, var(--red), #c24842);box-shadow:0 8px 22px #f0655f4d}.main{flex-direction:column;gap:18px;min-width:0;padding:22px;display:flex}.hero{border-radius:var(--radius);min-height:158px;box-shadow:var(--shadow);background:linear-gradient(100deg,#3a2258d1 20%,#3a225859 55%,#3a22581a),url(/bg-bar.jpg) 50% 62%/cover no-repeat;align-items:center;transition:background .3s;display:flex;position:relative;overflow:hidden}body.mode-meal .hero{background:linear-gradient(100deg,#582c18d1 20%,#582c1859 55%,#582c181a),url(/bg-meal.jpg) 50%/cover no-repeat}body.mode-night .hero{background:linear-gradient(100deg,#1a183ed9 20%,#1a183e73 55%,#1a183e26),url(/bg-night.jpg) 50%/cover no-repeat,linear-gradient(120deg,#2b2a55,#191b31)}body.mode-basic .hero{background:linear-gradient(100deg,#46286ee6 20%,#46286e80 60%,#46286e33),linear-gradient(120deg,#3d3567,#25213f)}.hero-in{color:#fff;z-index:1;padding:26px clamp(130px,17vw,200px) 26px 30px;position:relative}.hero h2{text-shadow:0 2px 14px #0006;font-family:Black Han Sans;font-size:clamp(1.35rem,2.4vw,1.9rem);font-weight:400;line-height:1.3}.hero-sub{color:#ffffffd1;margin:10px 0 0;font-size:.85rem}.hero-mascot{filter:drop-shadow(0 10px 22px #0000004d);width:clamp(110px,15vw,170px);height:auto;animation:4.5s ease-in-out infinite float;position:absolute;bottom:-14px;right:34px}@keyframes float{50%{transform:translateY(-9px)rotate(1.5deg)}}.stage-card{background:var(--side);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--side-ink);flex-direction:column;gap:16px;padding:20px;display:flex}.orb-zone{flex-direction:column;align-items:center;gap:18px;display:flex}.orb-wrap{aspect-ratio:960/260;width:100%;position:relative}#orb{width:100%;height:100%;display:block}.orb-side{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.status{color:var(--side-dim);margin:0;font-size:.82rem;font-weight:600}.subtitle{color:#fff;word-break:keep-all;min-height:2.4em;margin:0;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:600;line-height:1.6}.subtitle .who{color:var(--amber);vertical-align:middle;margin-right:8px;font-size:.68rem;font-weight:800;display:inline-block}.mini-log{flex-direction:column;gap:6px;display:flex}.mini-msg{color:var(--side-dim);background:#ffffff0d;border-radius:10px;max-width:92%;padding:7px 11px;font-size:.76rem;line-height:1.5}.mini-msg.me{color:#b8f4d4;background:#34c98e1a;align-self:flex-end}.mini-msg .who{opacity:.8;margin-right:6px;font-size:.66rem;font-weight:700}.stage-foot{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding-top:16px;display:flex}.controls{gap:9px;display:flex}.cbtn{background:var(--side-2);width:46px;height:46px;color:var(--side-dim);border-radius:14px;place-items:center;transition:all .18s;display:grid}.cbtn svg{width:20px;height:20px}.cbtn:hover:not(:disabled){color:var(--side-ink);background:#2b2e4d}.cbtn:active:not(:disabled){transform:scale(.94)}.cbtn:disabled{opacity:.35;cursor:not-allowed}.cbtn.muted{color:var(--red);background:#f0655f1f}.cbtn.sm{background:#ffffff0f;border-radius:11px;width:38px;height:38px}.cbtn.wide{gap:8px;width:auto;padding:0 18px;font-size:.82rem;font-weight:700}.cbtn .rec-dot{background:var(--red);border-radius:50%;flex-shrink:0;width:10px;height:10px}.cbtn.recording{color:var(--red);background:#f0655f26}.cbtn.recording .rec-dot{animation:1s ease-in-out infinite blink}.chat-form{border-top:1px solid #ffffff14;gap:8px;padding-top:14px;display:flex}.chat-form input{color:var(--side-ink);background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;outline:none;flex:1;min-height:44px;padding:11px 14px;font-size:.86rem}.chat-form input:focus{border-color:var(--purple)}.chat-form input::placeholder{color:var(--side-dim)}.chat-form input:disabled{opacity:.35}.chat-send{background:linear-gradient(135deg, var(--purple), var(--purple-deep));color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;transition:all .18s;display:grid}.chat-send svg{width:18px;height:18px}.chat-send:hover:not(:disabled){transform:translateY(-1px)}.chat-send:active:not(:disabled){transform:scale(.94)}.chat-send:disabled{opacity:.35;cursor:not-allowed}.rightbar{flex-direction:column;gap:16px;padding:22px 22px 22px 0;display:flex}.rcard{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:18px;display:flex}.rcard h3{margin-bottom:6px;font-size:.92rem;font-weight:800}.promo{text-align:center;background:linear-gradient(160deg,#ece9ff,#ffe9f1);align-items:center;padding:22px}.promo-mascot{width:74px;height:74px;animation:4.5s ease-in-out infinite float}.promo-t{margin:6px 0 0;font-size:1rem;line-height:1.45}.promo-s{color:var(--muted);margin:4px 0 0;font-size:.76rem}.log-drawer{border-left:1px solid var(--line);z-index:40;background:#fff;flex-direction:column;width:min(420px,92vw);animation:.25s ease-out slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 40px #1e195024}@keyframes slide-in{0%{transform:translate(100%)}}.log-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:16px 18px;display:flex}.log-head h2{flex:1;font-size:1.05rem;font-weight:800}.log-head .cbtn{color:var(--muted);background:#f1f0f8}.log-head .cbtn:hover{color:var(--ink)}.log{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.msg{border-radius:16px;max-width:85%;padding:10px 14px;font-size:.88rem;line-height:1.55}.msg .who{color:var(--muted);margin-bottom:3px;font-size:.66rem;font-weight:700;display:block}.msg.me{background:var(--purple);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.msg.me .who{color:#ffffffbf}.msg.buddy{background:#f2f1f8;border-bottom-left-radius:5px;align-self:flex-start}.msg.sys{border:1px dashed var(--line);color:var(--muted);background:0 0;border-radius:999px;align-self:center;padding:5px 14px;font-size:.76rem}.text-form{border-top:1px solid var(--line);gap:8px;padding:13px;display:flex}.text-form input{border:1px solid var(--line);border-radius:12px;outline:none;flex:1;padding:10px 13px;font-size:.86rem}.text-form input:focus{border-color:var(--purple)}.text-form .cbtn{background:var(--purple);color:#fff}@media (width<=1180px){.app{grid-template-columns:272px minmax(0,1fr)}.rightbar{flex-flow:wrap;grid-column:1/-1;padding:0 22px 22px}.rcard{flex:260px}}@media (width<=860px){.app{grid-template-columns:1fr}.main{display:contents}.hero{order:1;margin:14px 14px 0}.sidebar{order:2;height:auto;margin-top:14px;position:static}.stage-card{order:3;margin:14px}.rightbar{order:4;padding:0 14px 14px}.side-scroll{max-height:none}.hero-mascot{display:none}.hero-in{padding-right:30px}.orb-zone{gap:12px}}@media (prefers-reduced-motion:reduce){.hero-mascot,.promo-mascot,.live-badge[data-on=true] i{animation:none}*{transition-duration:.01ms!important}}