:root{font-family:Segoe UI,Arial,sans-serif;color:#193b35;background:#f5f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:920px;margin:auto;padding:32px 36px}header{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:650}.brand-icon{background:#193b35;color:#f3ead9;width:42px;height:42px;display:grid;place-items:center;border-radius:14px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#6f8178;margin-top:3px}.local{font-size:12px;color:#517067;background:#e7ede5;border-radius:30px;padding:9px 14px}.intro{text-align:center;margin:46px 0 26px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:650;color:#768a73}h1{font-size:52px;line-height:1.08;letter-spacing:-2px;font-weight:550;margin:16px 0}.intro>p:last-child{color:#6b7871;font-size:15px;line-height:1.6}.console{text-align:center;background:#fffefa;border:1px solid #e4e7dc;border-radius:26px;padding:26px;box-shadow:0 12px 45px #223d2910}.orb{position:relative;display:grid;place-items:center;width:102px;height:102px;margin:0 auto 18px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#b9d8a5,#4d8670 65%,#204e43);box-shadow:0 8px 28px #477b5733}.orb span{font-size:52px;color:#fffced;font-weight:600;z-index:1}.orb.listening{animation:breathe 3s ease-in-out infinite}.orb.speaking{animation:breathe .65s ease-in-out infinite}.orb.thinking{animation:breathe 1.3s ease-in-out infinite}h2{font-size:20px;font-weight:600;margin:12px 0 8px}#hint{font-size:14px;color:#6b7871;margin:0;min-height:20px}.level{height:4px;width:150px;background:#ebeee5;margin:20px auto;border-radius:4px;overflow:hidden}#level{display:block;background:#77a880;width:0;height:100%;transition:width .08s}button{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:13px 23px;background:#214e40;color:white;font-weight:550}button:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:default}.secondary{background:#edf0e8;color:#385647}.actions{display:flex;gap:10px;justify-content:center}.notice{font-size:13px;color:#9b4a27;white-space:pre-line;line-height:1.5}.notice:empty{display:none}.heard{font-size:12px;color:#6f7c73;margin-bottom:0;min-height:17px}.examples{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:20px 0 26px}.examples>span{font-size:11px;color:#758177}.examples button{font-size:11px;padding:8px 11px;border:1px solid #dde3d7;background:transparent;color:#496250;border-radius:30px}.conversation{background:#fffefa;border:1px solid #e4e7dc;border-radius:20px;padding:20px}.section-label{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-label h2{font-size:15px;margin:0}.section-label span{font-size:10px;color:#758177}#messages{max-height:300px;overflow:auto;margin:18px 0;scrollbar-width:thin}.empty{font-size:13px;color:#879084;padding:12px 0}.message{padding:11px 14px;border-radius:12px;background:#edf3e8;margin:10px 0;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{background:#f3f1e9}.message strong{font-size:10px;display:block;color:#658060;letter-spacing:.7px;margin-bottom:3px}form{display:flex;gap:10px}input{min-width:0;flex:1;border:1px solid #dce2d5;border-radius:12px;background:#fafbf7;padding:12px;font:inherit;font-size:13px;color:#193b35}input:focus{outline:2px solid #8aac80;outline-offset:1px}form button{font-size:13px;padding:12px 18px}footer{text-align:center;font-size:11px;color:#849080;line-height:1.8;padding:22px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes breathe{50%{transform:scale(1.06);box-shadow:0 0 0 12px #81b68512,0 10px 35px #477b5744}}@media(max-width:560px){main{padding:22px 16px}h1{font-size:42px}.intro{margin-top:34px}.local{font-size:10px;padding:8px}.console{padding:22px 15px}.section-label{align-items:flex-start;flex-direction:column}.brand{font-size:20px}.brand small{font-size:8px}.examples>span{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.orb{animation:none!important}}

.web-sources { margin-top: 14px; font-size: 0.9rem; }
.message a { color: #27675b; overflow-wrap: anywhere; }
.web-sources small { display: block; opacity: 0.8; margin-top: 6px; }
.message p { margin: 8px 0; }
.order { margin: 18px 0 0; background: #fffefa; border: 1px solid #e4e7dc; border-radius: 20px; padding: 18px 20px; }
.order.tamam { border-color: #8fbf8a; background: #f3faef; }
.order-head { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.order-head h2 { font-size: 15px; margin: 0; }
.order-head span { font-size: 11px; color: #658060; }
.order.onay .order-head span { color: #9b6a27; }
.order-row { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #eef0e8; font-size: 14px; }
.order-row small { display: block; font-size: 11px; color: #758177; }
.order-total { border-bottom: 0; font-size: 15px; }
.menu-list { margin: 18px 0 0; background: #fffefa; border: 1px solid #e4e7dc; border-radius: 20px; padding: 18px 20px; }
.menu-list h3 { font-size: 12px; letter-spacing: 1px; color: #658060; margin: 16px 0 4px; text-transform: uppercase; }
.menu-close { font-size: 12px; padding: 7px 12px; }
.menu-item { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 12px; text-align: left; background: transparent; color: #193b35; border-radius: 0; border-bottom: 1px solid #eef0e8; padding: 12px 2px; font-weight: 500; font-size: 15px; }
.menu-item:hover { background: #f3f6ef; filter: none; }
.menu-item small { display: block; font-size: 11px; color: #758177; font-weight: 400; margin-top: 2px; }
.menu-item b { white-space: nowrap; }