body{min-height:100vh}button,input,textarea{font:inherit}button:hover{transform:translateY(-1px)}button:disabled{opacity:.7;cursor:not-allowed;transform:none}:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Segoe UI,sans-serif;font-weight:700;line-height:1.4}*{box-sizing:border-box}html,body,#root{background:#fff;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.page-shell{background:#fff;flex-direction:column;gap:12px;height:100dvh;min-height:0;padding:clamp(12px,2vh,24px) clamp(16px,3vw,48px);display:flex;position:relative}.topbar{justify-content:flex-end;align-items:center;margin-bottom:8px;display:flex}.topbar-space{flex:1}.top-action-group{align-items:center;gap:18px;display:flex}.nav-button,.menu-button,.small-button,.primary-button,.talk-button,.close-button,.menu-tabs button,.menu-item{color:#111;background:#f3f3f3;border:3px solid #111;border-radius:18px;box-shadow:0 0 0 1px #11111114}.nav-button,.menu-button{min-width:100px;padding:8px 16px;font-size:1.05rem;font-weight:700}.nav-button.inverse{color:#fff;background:#111}.layout-shell{flex:1;grid-template-columns:minmax(260px,300px) minmax(0,1fr) clamp(0px,50vw - 500px,300px);align-items:center;gap:clamp(12px,1.5vw,24px);width:100%;max-width:1440px;min-height:0;margin-inline:auto;display:grid}.left-rail{flex-direction:column;align-items:flex-start;width:100%;min-height:0;max-height:100%;margin-top:0;display:flex}.talk-button{text-align:left;background:#fff;flex-shrink:0;justify-content:center;align-items:center;gap:14px;width:100%;min-height:56px;padding:12px 18px;font-size:1.5rem;font-weight:700;display:inline-flex}.status-dot{background:#ff3a3a;border:2px solid #111111e6;border-radius:999px;width:18px;height:18px;display:inline-block}.status-dot.idle{background:#e5e5e5}.status-dot.listening{background:#ff3a3a;box-shadow:0 0 0 6px #ff3a3a26}.status-dot.processing{background:#ffb703}.status-dot.speaking{background:#10b981}.chat-panel{background:#fff;border:4px solid #111;border-radius:22px;flex-direction:column;width:100%;min-height:0;margin-top:18px;padding:12px 12px 10px;display:flex;box-shadow:0 0 0 2px #1111110d}.chat-scroll{overscroll-behavior:contain;flex-direction:column;gap:12px;height:clamp(80px,25dvh,220px);min-height:0;margin-bottom:10px;padding-right:8px;display:flex;overflow-y:auto}.chat-message{background:#f8f8f8;border:3px solid #111;border-radius:14px;width:100%;padding:10px 12px}.chat-message.is-user,.chat-message.is-assistant{background:#fff}.message-label-row{text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:.72rem;font-weight:700;display:flex}.badge{letter-spacing:.04em;background:#f6f6f6;border:2px solid #111;border-radius:999px;align-items:center;padding:3px 7px;font-size:.62rem;display:inline-flex}.badge.accent{background:#fce9e9}.chat-message p{color:#111;margin:0;font-size:.92rem;line-height:1.5}.chat-input-row{border-top:3px solid #111;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.chat-input-row input{color:#111;background:#fff;border:3px solid #111;border-radius:12px;flex:100%;min-width:0;padding:9px 10px}.small-button{padding:8px 10px;font-size:.8rem;font-weight:700}.small-button.ghost{background:#f7f7f7}.speech-bubble{text-align:center;color:#111;background:#fff;border:3px solid #111;border-radius:22px;flex-shrink:0;max-width:100%;margin-bottom:12px;padding:12px 22px;font-size:.9rem;font-weight:700;position:relative}.chat-message .search-note{margin-top:8px;font-size:.75rem}.mic-indicator.inactive{background:#ef3038}.mic-indicator.active{background:#16b957;box-shadow:0 0 0 5px #16b95726}.speech-bubble:after{content:"";background:#fff;border-bottom:3px solid #111;border-right:3px solid #111;width:18px;height:18px;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)rotate(45deg)}.mascot-stage{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;height:100%;min-height:0;display:flex;position:relative}.voice-player{display:none}.voice-note{background:#fff;border:3px solid #111;border-radius:16px;flex-shrink:0;order:3;max-width:100%;margin-top:0;padding:8px 12px;font-size:.8rem;font-weight:700}.auth-overlay{z-index:30;background:#1111112e;place-items:center;display:grid;position:fixed;inset:0}.auth-card{background:#fff;border:4px solid #111;border-radius:24px;width:min(90vw,420px);padding:22px 18px 18px}.auth-header-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.auth-card h2{margin:0;font-size:1.8rem}.close-button{background:#fff;border-radius:12px;width:38px;height:38px;font-size:2rem;line-height:1}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-form label{flex-direction:column;gap:8px;font-size:.9rem;font-weight:600;display:flex}.auth-form input{background:#fff;border:3px solid #111;border-radius:12px;padding:10px 12px}.primary-button{color:#fff;background:#111;border-radius:14px;padding:11px 16px;font-weight:700}.error-box{color:#111;background:#ffe6e6;border:3px solid #111;border-radius:12px;padding:10px 12px;font-size:.8rem}.menu-panel{z-index:20;background:#f7f7f7;border:4px solid #111;border-radius:24px;width:min(360px,100vw - 32px);position:absolute;top:78px;right:24px;box-shadow:0 14px 40px #1111111f}.menu-tabs{flex-wrap:wrap;gap:8px;padding:12px 12px 0;display:flex}.menu-tabs button,.menu-item{color:#111;background:#fff;border-radius:12px;padding:10px 12px;font-weight:700}.menu-tabs button.active,.menu-item.selected{color:#fff;background:#111}.menu-content{padding:12px}.menu-content h3{margin:0 0 12px;font-size:1.1rem}.menu-list{flex-direction:column;gap:8px;display:flex}.menu-item{text-align:left;width:100%}.menu-empty{color:#333;margin:0;font-size:.9rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stats-grid div{background:#fff;border:3px solid #111;border-radius:12px;flex-direction:column;gap:4px;padding:10px;display:flex}.stats-grid span{text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.stats-grid strong{font-size:1.15rem}.account-box{background:#fff;border:3px solid #111;border-radius:16px;padding:12px}.account-box p{margin:0 0 8px}.account-box p:last-child{margin-bottom:0}.empty-copy{color:#3d3d3d;font-size:.86rem}.mascot-stage .eddy-mascot{flex:1 1 0;width:100%;max-width:720px;height:0;min-height:0;margin:0 auto}.auth-card{max-height:calc(100dvh - 32px);overflow-y:auto}.menu-panel{max-height:calc(100dvh - 94px);overflow-y:auto}@media (width<=680px){.page-shell{gap:8px;padding:10px 14px}.topbar{margin:0}.top-action-group{gap:8px}.nav-button,.menu-button{min-width:80px;padding:6px 12px;font-size:.85rem}.layout-shell{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:12px}.mascot-stage{grid-row:1;gap:6px}.left-rail{justify-self:center;max-width:460px}.talk-button{min-height:40px;padding:5px 12px;font-size:1.15rem}.chat-panel{border-width:2px;margin-top:8px;padding:8px}.chat-scroll{gap:6px;height:clamp(44px,10dvh,90px);margin-bottom:6px}.chat-message{border-width:1px;padding:6px 8px}.chat-input-row{border-width:1px;flex-wrap:nowrap;gap:5px;padding-top:6px}.chat-input-row input{flex:1;padding:6px;font-size:.8rem}.small-button{padding:6px;font-size:.7rem}.speech-bubble{padding:7px 14px;font-size:.75rem}.voice-note{padding:4px 8px;font-size:.7rem}}.eddy-mascot{flex-shrink:0;width:min(62vw,390px);max-width:100%;height:auto;margin:18px auto 0;display:block}.eddy-mascot__eye-expression,.eddy-mascot__eye{transform-box:fill-box;transform-origin:bottom}.eddy-mascot__eye-expression{transition:transform .32s ease-in-out;transform:scaleY(1)}.eddy-mascot__eye{animation:3s ease-in-out infinite eddy-blink}.eddy-mascot[data-talk-state=listening] .eddy-mascot__eye-expression{transform:scaleY(1.06)}.eddy-mascot[data-talk-state=processing] .eddy-mascot__eye-expression{transform:scaleY(.62)}.eddy-mascot[data-talk-state=speaking] .eddy-mascot__eye-expression{animation:2.8s ease-in-out infinite eddy-squint}@keyframes eddy-blink{0%,92%,to{transform:scaleY(1)}95%,96%{transform:scaleY(.14)}}@keyframes eddy-squint{0%,35%,75%,to{transform:scaleY(1)}48%,59%{transform:scaleY(.55)}}@media (prefers-reduced-motion:reduce){.eddy-mascot__eye-expression,.eddy-mascot__eye,.eddy-mascot__mouth{transition:none;animation:none!important}}