*,*:before,*:after{box-sizing:border-box}:root{font-family:Helvetica Neue,Hiragino Sans,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#ffffffd9;background-color:#0a0a0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}.scene{position:relative;width:100vw;height:100vh;overflow:hidden}.image-container{position:absolute;inset:0;transition:transform 1.4s cubic-bezier(.25,.1,.25,1)}.bar-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .9s ease}.bar-image.base{z-index:1}.bar-image.face{opacity:0;z-index:2}.scene.focused .bar-image.face{opacity:1}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.45) 100%);z-index:4;pointer-events:none;transition:background 1.2s ease}.scene.focused .vignette{background:radial-gradient(ellipse at 85% 48%,transparent 8%,rgba(0,0,0,.7) 55%)}.spotlight{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse 13% 25% at 64% 48%,transparent 40%,rgba(0,0,0,.55) 100%);transition:opacity .8s}.scene.focused .spotlight{opacity:0}.grain{position:absolute;inset:0;z-index:16;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hotspot{position:absolute;z-index:10;cursor:pointer;border-radius:40%;left:56%;top:25%;width:16%;height:50%}.hotspot:after{content:"";position:absolute;inset:0;border-radius:40%;border:2px solid transparent;transition:all .3s}.hotspot:hover:after{border-color:#ffc85059;box-shadow:0 0 30px #ffc85026,inset 0 0 20px #ffc85014}.scene.focused .hotspot{opacity:0;pointer-events:none}.top-left-btns{position:absolute;top:20px;left:20px;z-index:30;display:flex;gap:8px;opacity:0;pointer-events:none;transition:opacity .5s ease .5s}.scene.focused .top-left-btns{opacity:1;pointer-events:auto}.back-btn{color:#ffffff80;font-size:12px;cursor:pointer;background:#00000059;padding:7px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.12)}.back-btn:hover{color:#fff}.voice-controls{position:absolute;top:20px;right:20px;z-index:30;display:flex;align-items:center;gap:8px;opacity:0;pointer-events:none;transition:opacity .5s ease .5s}.scene.focused .voice-controls{opacity:1;pointer-events:auto}.tts-toggle{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#0006;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s}.tts-toggle:hover{background:#ffffff1a}.tts-toggle.on{border-color:#ffc86466}.voice-select{padding:6px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0006;color:#ffffff80;font-size:11px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:none;transition:color .3s}.voice-select:hover{color:#fffc}.voice-select option{background:#1a1a1f;color:#fffc}.history-pane{position:absolute;top:0;left:0;bottom:0;width:260px;z-index:36;background:#0a0810f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid rgba(255,200,100,.08);display:flex;flex-direction:column;animation:historySlideIn .25s ease both}@keyframes historySlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.history-header{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.history-title{font-size:13px;color:#ffdc96cc;letter-spacing:.06em}.history-close{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffff4d;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.history-close:hover{color:#ffffffb3;border-color:#fff3}.history-list{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.history-list::-webkit-scrollbar{width:3px}.history-list::-webkit-scrollbar-thumb{background:#ffc8641a;border-radius:2px}.history-empty{color:#c8c8c84d;font-size:12px;text-align:center;margin:30px 0}.history-item{padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.history-item:hover{background:#ffffff0a;border-color:#ffc8641a}.history-item-title{font-size:12px;color:#ffffffb3;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-meta{display:flex;gap:8px;margin-top:4px}.history-item-date,.history-item-count{font-size:10px;color:#c8c8c84d}.history-toggle{color:#ffc86480!important;border-color:#ffc8641f!important}.history-toggle:hover{color:#ffc864cc!important;border-color:#ffc8644d!important}.suggestion-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 8px;animation:msgFadeIn .5s ease both;animation-delay:.2s}.suggestion-chip{padding:7px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffffa6;font-size:11px;font-family:inherit;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .25s;line-height:1.4}.suggestion-chip:hover{background:#ffc8641a;border-color:#ffc8644d;color:#ffdca0e6;transform:translateY(-1px)}.suggestion-chip:active{transform:translateY(0)}.bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffc85029,#c8963208);border:1px solid rgba(255,200,80,.1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:12;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#ffe6b4cc;text-align:center;padding:10px;line-height:1.35;text-shadow:0 0 5px rgba(255,180,50,.25);white-space:pre-line;transition:opacity .7s,transform .7s}.scene.focused .bubble{opacity:0!important;animation:none!important;transform:scale(.5) translateY(-15px)}@keyframes f1{0%,to{transform:translate(0)}50%{transform:translate(5px,-12px)}}@keyframes f2{0%,to{transform:translate(0)}50%{transform:translate(-7px,-9px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 12px #ffb4320d}50%{box-shadow:0 0 22px #ffb4321a}}.title-overlay{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:20;text-align:center;opacity:0;animation:fadeIn 1.5s ease .6s forwards;transition:opacity .5s}.scene.focused .title-overlay{opacity:0!important;animation:none!important}.title-overlay h1{font-size:2vw;font-weight:200;color:#ffdc96bf;letter-spacing:.3em;text-shadow:0 0 20px rgba(255,180,50,.2);margin:0}.title-overlay p{font-size:.8vw;color:#c8c8c866;letter-spacing:.12em;margin-top:4px}.hint{position:absolute;bottom:92px;left:50%;transform:translate(-50%);z-index:20;color:#ffc8644d;font-size:10px;letter-spacing:.2em;animation:pulse 3s ease infinite;transition:opacity .4s}.scene.focused .hint{opacity:0!important;animation:none!important}@keyframes pulse{0%,to{opacity:.2}50%{opacity:.55}}.particle{position:absolute;background:radial-gradient(circle,rgba(255,200,50,.55),transparent);border-radius:50%;z-index:8;pointer-events:none}@keyframes fall{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.convo-ui{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:25;max-width:60vw;width:100%;opacity:0;transition:opacity .5s ease .7s;pointer-events:none;display:flex;flex-direction:column;max-height:70vh}.scene.focused .convo-ui{opacity:1;pointer-events:auto}.side-buttons{position:absolute;right:-80px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}.side-btn{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,200,100,.25);background:#00000073;color:#ffdca0cc;font-size:10px;font-weight:500;line-height:1.4;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s;font-family:inherit;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;text-align:center}.side-btn:hover{background:#ffc8641f;border-color:#ffc86480}.side-btn:disabled{opacity:.25;cursor:not-allowed}.new-topic-btn{border-color:#64c8ff40;color:#a0dcffcc}.new-topic-btn:hover{background:#64c8ff1f;border-color:#64c8ff80}.messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;display:flex;flex-direction:column;gap:12px;min-height:0;mask-image:linear-gradient(transparent 0%,black 3%,black 97%,transparent 100%);-webkit-mask-image:linear-gradient(transparent 0%,black 3%,black 97%,transparent 100%)}.messages::-webkit-scrollbar{width:3px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:#ffc86426;border-radius:2px}.message{display:flex;flex-direction:column;animation:msgFadeIn .5s ease both}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{align-items:flex-end}.message.assistant{align-items:flex-start}.bartender-label{font-size:.7vw;color:#ffc86480;letter-spacing:.1em;margin-bottom:4px}.message-bubble{max-width:100%;padding:14px 22px;border-radius:10px;font-size:1.15vw;line-height:1.7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.message.user .message-bubble{background:#ffffff0f;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);font-size:1vw;padding:10px 18px;border-radius:8px}.message.assistant .message-bubble{background:linear-gradient(180deg,#0000001a,#00000059);color:#ffffffd9;text-shadow:0 2px 15px rgba(0,0,0,.7)}.message-bubble.thinking{color:#ffc86480;font-style:italic}.message-bubble.partial{opacity:.6;border:1px dashed rgba(255,200,100,.3);background:transparent;color:#ffc864b3}.memo-pad{display:flex;flex-direction:column;flex:1;min-height:0;animation:msgFadeIn .4s ease both}.memo-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px}.memo-title{font-size:14px;color:#ffdc96cc;letter-spacing:.06em}.memo-close{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffff59;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.memo-close:hover{color:#ffffffb3;border-color:#ffffff40}.memo-textarea{flex:1;min-height:180px;padding:16px 18px;border-radius:10px;border:1px solid rgba(255,200,100,.15);background:#0000004d;color:#ffffffd9;font-size:14px;line-height:1.7;resize:none;outline:none;font-family:inherit;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:border-color .3s}.memo-textarea::placeholder{color:#fff3}.memo-textarea:focus{border-color:#ffc86459}.memo-partial{padding:6px 12px;margin-top:6px;border-radius:6px;background:#ffc8640f;border:1px dashed rgba(255,200,100,.2);color:#ffc86499;font-size:12px;font-style:italic}.memo-controls{display:flex;gap:10px;padding:12px 0 0}.memo-mic-btn{padding:10px 18px;border-radius:8px;border:1px solid rgba(255,200,100,.25);background:#ffc8640f;color:#ffdca0bf;font-size:13px;cursor:pointer;transition:all .3s;font-family:inherit}.memo-mic-btn:hover{background:#ffc86424;border-color:#ffc86473}.memo-mic-btn.listening{border-color:#ff646480;background:#ff64641a;color:#ff7878e6;animation:micPulse 1.2s ease infinite}.memo-save-btn{flex:1;padding:10px 18px;border-radius:8px;border:1px solid rgba(255,200,100,.3);background:#ffc8641a;color:#ffdca0d9;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s;font-family:inherit;letter-spacing:.04em}.memo-save-btn:hover{background:#ffc86433;border-color:#ffc86480}.memo-save-btn:disabled{opacity:.3;cursor:not-allowed}.topic-starters{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 4px;animation:msgFadeIn .6s ease both;animation-delay:.3s}.topic-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:1px solid rgba(255,200,100,.18);background:#ffc8640a;color:#ffdca0bf;font-size:12px;font-family:inherit;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .25s;white-space:nowrap}.topic-chip:hover{background:#ffc8641f;border-color:#ffc86466;color:#ffdca0f2;transform:translateY(-1px)}.topic-chip:active{transform:translateY(0)}.topic-emoji{font-size:14px}.topic-label{letter-spacing:.03em}.controls{display:flex;gap:12px;align-items:center;padding:16px 0 0}.text-input-form{flex:1;display:flex;gap:8px}.text-input{flex:1;padding:10px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffd9;font-size:14px;outline:none;transition:border-color .3s;font-family:inherit}.text-input::placeholder{color:#ffffff40}.text-input:focus{border-color:#ffc86466}.text-input:disabled{opacity:.4}.send-btn{padding:10px 20px;border-radius:8px;border:1px solid rgba(255,200,100,.3);background:#ffc8641f;color:#ffdca0d9;font-size:13px;cursor:pointer;transition:all .3s;letter-spacing:.05em;font-family:inherit}.send-btn:hover{background:#ffc86438;border-color:#ffc86480}.send-btn:disabled{opacity:.3;cursor:not-allowed}.mic-btn{width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,200,100,.4);background:#ffc86414;color:#ffdca0cc;font-size:11px;font-weight:500;cursor:pointer;flex-shrink:0;transition:all .3s;display:flex;align-items:center;justify-content:center;letter-spacing:.05em}.mic-btn:hover{background:#ffc8642e;border-color:#ffc864b3}.mic-btn:disabled{opacity:.3;cursor:not-allowed}.mic-btn.listening{border-color:#ff6464b3;background:#ff646426;color:#ff7878e6;animation:micPulse 1.2s ease infinite}.mic-btn.speaking{border-color:#64c86480;background:#64c8641a;color:#96dc96cc}@keyframes micPulse{0%,to{box-shadow:0 0 #ff64644d}50%{box-shadow:0 0 0 12px #ff646400}}.modal-overlay{position:fixed;inset:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:340px;padding:32px 28px;border-radius:14px;background:#14121af2;border:1px solid rgba(255,200,100,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-title{font-size:15px;font-weight:400;color:#ffdc96d9;letter-spacing:.08em;margin:0 0 6px}.modal-desc{font-size:12px;color:#c8c8c873;margin:0 0 20px}.modal-options{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.modal-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:#ffffffb3;font-size:13px;cursor:pointer;transition:all .2s}.modal-option:hover{background:#ffffff0d}.modal-option.selected{border-color:#ffc86459;background:#ffc8640f;color:#ffdca0e6}.modal-option input[type=radio]{accent-color:rgba(255,200,100,.8)}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-btn{padding:8px 20px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit}.modal-btn.cancel{border:1px solid rgba(255,255,255,.1);background:transparent;color:#fff6}.modal-btn.cancel:hover{color:#ffffffb3}.modal-btn.confirm{border:1px solid rgba(255,200,100,.35);background:#ffc8641f;color:#ffdca0e6}.modal-btn.confirm:hover{background:#ffc86438;border-color:#ffc86480}.login-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0a0a0f,#1a1520 40%,#0d0d14)}.login-card{width:340px;padding:48px 36px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,200,100,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center}.login-title{font-size:20px;font-weight:200;color:#ffdc96bf;letter-spacing:.25em;margin:0 0 6px}.login-subtitle{font-size:11px;color:#c8c8c859;letter-spacing:.1em;margin:0 0 32px}.login-form{display:flex;flex-direction:column;gap:14px}.login-input{padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffd9;font-size:14px;outline:none;transition:border-color .3s;font-family:inherit}.login-input::placeholder{color:#fff3}.login-input:focus{border-color:#ffc86466}.login-error{color:#ff6464d9;font-size:12px;margin:0}.login-btn{padding:12px;border-radius:8px;border:1px solid rgba(255,200,100,.3);background:#ffc8641a;color:#ffdca0d9;font-size:14px;cursor:pointer;transition:all .3s;letter-spacing:.08em;font-family:inherit;margin-top:4px}.login-btn:hover{background:#ffc86433;border-color:#ffc86480}.login-btn:disabled{opacity:.4;cursor:not-allowed}.cards-panel-overlay{position:fixed;inset:0;background:#0000008c;z-index:110;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.cards-panel{width:480px;max-width:92vw;max-height:80vh;display:flex;flex-direction:column;border-radius:16px;background:#100e16f7;border:1px solid rgba(255,200,100,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.cards-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.cards-panel-title{font-size:16px;font-weight:400;color:#ffdc96d9;letter-spacing:.08em;margin:0}.cards-panel-close{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffff59;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.cards-panel-close:hover{color:#ffffffb3;border-color:#ffffff40}.cards-panel-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.cards-panel-body::-webkit-scrollbar{width:4px}.cards-panel-body::-webkit-scrollbar-thumb{background:#ffc8641f;border-radius:2px}.cards-loading,.cards-error,.cards-empty{color:#c8c8c866;font-size:13px;text-align:center;margin:30px 0}.cards-error{color:#ff6464b3}.info-card{padding:14px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;cursor:pointer;transition:all .25s}.info-card:hover{background:#ffffff0a;border-color:#ffc86426}.info-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.info-card-type{font-size:11px;color:#ffc864a6;letter-spacing:.04em}.info-card-date{font-size:10px;color:#c8c8c859}.info-card-topic{font-size:13px;color:#fffc;line-height:1.5}.info-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.info-card-tag{font-size:10px;padding:2px 8px;border-radius:10px;background:#ffc86414;border:1px solid rgba(255,200,100,.15);color:#ffc864a6;letter-spacing:.02em;white-space:nowrap}.info-card-detail{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:8px;animation:msgFadeIn .3s ease both}.info-card-section{display:flex;gap:8px;font-size:12px;line-height:1.5;color:#fff9}.info-card-label{flex-shrink:0;font-size:10px;color:#ffc86480;background:#ffc8640f;padding:2px 8px;border-radius:4px;height:fit-content;margin-top:1px}.info-card-footer{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:#c8c8c84d}.cards-open-btn{padding:5px 12px;border-radius:12px;border:1px solid rgba(255,200,100,.15);background:#0000004d;color:#ffc86480;font-size:10px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s;font-family:inherit}.cards-open-btn:hover{color:#ffc864cc;border-color:#ffc86459}.user-header{position:absolute;top:16px;right:20px;z-index:31;display:flex;align-items:center;gap:10px;transition:opacity .4s}.scene.focused .user-header{opacity:0;pointer-events:none}.user-name{color:#ffffff73;font-size:11px;letter-spacing:.03em;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{padding:5px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#fff6;font-size:10px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s;font-family:inherit}.logout-btn:hover{color:#ffffffb3;border-color:#fff3}@media(max-width:768px){.bar-image{object-position:64% center}.hotspot{left:38%;top:25%;width:38%;height:50%}.spotlight{background:radial-gradient(ellipse 22% 20% at 57% 43%,transparent 40%,rgba(0,0,0,.55) 100%)}.title-overlay h1{font-size:5.5vw;letter-spacing:.15em}.title-overlay p{font-size:2.8vw}.hint{font-size:11px;bottom:72px}.convo-ui{max-width:92vw;bottom:10px;max-height:60vh}.bartender-label{font-size:2.5vw}.message-bubble{font-size:3.5vw}.message.user .message-bubble{font-size:3.2vw}.mic-btn{width:46px;height:46px;font-size:10px}.topic-chip{font-size:11px;padding:6px 10px}.side-buttons{right:-56px}.side-btn{width:48px;height:48px;font-size:8px}.history-pane{width:220px}.suggestion-chip{font-size:10px;padding:5px 10px}.bubble{transform:scale(.7)}}