:root{--ink:#14243f;--gold:#b08d46;--bg:#f7f4ee;--card:#fff;--line:#ece6da;--ok:#2e7d4f;--bad:#b3392f;--warn:#a86b12;--muted:#6b7585}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--ink);line-height:1.25;margin:.2em 0 .5em}
h1{font-size:1.7rem}h2{font-size:1.35rem}h3{font-size:1.1rem}
a{color:#8a6a2c}
header.top{background:var(--ink);color:#fff;padding:.7rem 1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
header.top a{color:#f1e6c9;text-decoration:none;font-size:.95rem}
header.top .brand{font-family:Georgia,serif;font-size:1.15rem;color:#fff;margin-right:auto}
header.top .brand b{color:var(--gold)}
.wrap{max-width:980px;margin:0 auto;padding:1.2rem 1rem 4rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem;margin:0 0 1rem;box-shadow:0 1px 2px rgba(20,36,63,.04)}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.btn{display:inline-block;background:var(--ink);color:#fff;border:0;border-radius:10px;padding:.65rem 1.1rem;font:inherit;cursor:pointer;text-decoration:none}
.btn:hover{background:#1f365c}.btn.gold{background:var(--gold)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.btn.sm{padding:.3rem .7rem;font-size:.9rem}.btn.bad{background:var(--bad)}.btn[disabled]{opacity:.45;cursor:not-allowed}
input,select,textarea{font:inherit;padding:.6rem .7rem;border:1px solid #cfc7b5;border-radius:10px;width:100%;background:#fff;color:var(--ink)}
textarea{min-height:90px}label{display:block;font-weight:600;margin:.7rem 0 .25rem}
.inline{display:inline-block;width:auto}
.msg{background:#fff7e0;border:1px solid #ecd9a0;padding:.7rem .9rem;border-radius:10px;margin:.6rem 0}
.msg.ok{background:#e9f6ee;border-color:#b7dcc4}.msg.bad{background:#fdecea;border-color:#f0b9b3}
.badge{display:inline-block;padding:.1rem .6rem;border-radius:99px;font-size:.82rem;background:#eee;color:#333}
.badge.ok{background:#dcf1e4;color:#1d5b36}.badge.bad{background:#f9d9d5;color:#842a22}.badge.warn{background:#fbebc8;color:#7a4d08}.badge.gold{background:#f3e7c8;color:#6d5320}
.demo{border:2px dashed var(--gold);background:#fffaf0;padding:.5rem .8rem;border-radius:10px;font-size:.9rem}
table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{border-bottom:1px solid var(--line);padding:.45rem .5rem;text-align:left;vertical-align:top}
th{background:#faf7f0;font-weight:600}
.tablewrap{overflow-x:auto}
.muted{color:var(--muted)}.small{font-size:.88rem}.center{text-align:center}
.steps{display:flex;gap:.3rem;flex-wrap:wrap;margin:.3rem 0 1rem}
.steps a{padding:.25rem .6rem;border-radius:99px;border:1px solid var(--line);background:#fff;text-decoration:none;font-size:.85rem;color:var(--ink)}
.steps a.cur{background:var(--ink);color:#fff}.steps a.done{background:#e9f6ee;border-color:#b7dcc4}
.say{border-left:4px solid var(--gold);background:#fffaf0;padding:.6rem .9rem;border-radius:0 10px 10px 0;margin:.5rem 0}
.no{border-left-color:var(--bad);background:#fdf3f2}
.pill{background:#f1ede2;border-radius:8px;padding:.15rem .5rem}
.lock{opacity:.55}
.prog{height:8px;background:#eee;border-radius:9px;overflow:hidden}.prog i{display:block;height:100%;background:var(--gold)}
.big{font-size:2rem;font-family:Georgia,serif}
.rec{background:var(--bad)}
.bubble{padding:.6rem .9rem;border-radius:14px;margin:.4rem 0;max-width:85%}
.bubble.m{background:#f1ede2}.bubble.a{background:#dbe6f5;margin-left:auto}
.q{margin:1rem 0;padding:.8rem 1rem;border:1px solid var(--line);border-radius:12px}
.q label{font-weight:400;margin:.2rem 0}.q input{width:auto;margin-right:.5rem}
.good{color:var(--ok)}.bad-t{color:var(--bad)}
footer{color:var(--muted);text-align:center;font-size:.85rem;padding:2rem 1rem}
@media(max-width:600px){h1{font-size:1.4rem}.wrap{padding:.8rem .7rem 3rem}}
audio{width:100%}
/* ---- aday sohbet balonu ---- */
.sb-fab{position:fixed;right:18px;bottom:18px;z-index:9000;width:58px;height:58px;border-radius:50%;border:0;background:var(--gold);color:#fff;font-size:26px;cursor:pointer;box-shadow:0 6px 20px rgba(20,36,63,.35);display:flex;align-items:center;justify-content:center;padding:0}
.sb-fab.open{display:none}
.sb-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;border-radius:99px;background:var(--bad);color:#fff;font-size:12px;display:none;align-items:center;justify-content:center;padding:0 5px}
.sb-panel{position:fixed;right:18px;bottom:18px;z-index:9001;width:380px;max-width:calc(100vw - 24px);height:min(560px,calc(100vh - 36px));background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 44px rgba(20,36,63,.35);display:flex;flex-direction:column;overflow:hidden}
.sb-panel[hidden]{display:none}
.sb-head{background:var(--ink);color:#fff;padding:.7rem .9rem;display:flex;justify-content:space-between;align-items:center}
.sb-title{font-family:Georgia,serif;font-size:1.05rem}.sb-sub{font-size:.78rem;color:#f1e6c9}
.sb-x{background:transparent;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:0 .3rem}
.sb-tabs{display:flex;border-bottom:1px solid var(--line);background:#faf7f0}
.sb-tab{flex:1;border:0;background:transparent;padding:.55rem .3rem;font:inherit;font-size:.85rem;cursor:pointer;color:var(--ink);border-bottom:3px solid transparent;position:relative}
.sb-tab.on{border-bottom-color:var(--gold);font-weight:600;background:#fff}.sb-tb{background:var(--bad);color:#fff;border-radius:99px;font-size:.7rem;padding:0 .4rem;margin-left:.25rem}
.sb-msgs{flex:1;overflow-y:auto;padding:.7rem;background:#f7f4ee}
.sb-m{margin:.35rem 0;display:flex;flex-direction:column}.sb-m.me{align-items:flex-end}.sb-m.th{align-items:flex-start}
.sb-b{max-width:88%;padding:.45rem .7rem;border-radius:12px;white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid var(--line);font-size:.95rem;line-height:1.45}
.sb-m.me .sb-b{background:#e6f2e1;border-color:#cfe5c6}.sb-s{font-size:.7rem;color:var(--muted);margin-top:2px}
.sb-empty{color:var(--muted);font-size:.9rem}.sb-typing{color:var(--muted);font-size:.85rem;font-style:italic;margin:.3rem 0}
.sb-esc{display:none;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.4rem .7rem;background:#fffaf0;border-top:1px solid var(--line)}
.sb-esc-t{font-size:.8rem;color:var(--muted);flex:1}.sb-esc-b{border:1px solid var(--gold);background:#fff;color:var(--ink);border-radius:99px;padding:.3rem .8rem;font:inherit;font-size:.85rem;cursor:pointer}
.sb-note{width:100%;font-size:.8rem;color:var(--warn)}
.sb-err{background:#fdecea;color:#842a22;padding:.35rem .7rem;font-size:.82rem}
.sb-form{display:flex;gap:.4rem;padding:.55rem;border-top:1px solid var(--line);background:#fff;align-items:flex-end}
.sb-form textarea{flex:1;min-height:42px;max-height:110px;resize:none;font-size:16px;padding:.5rem .6rem}
.sb-send{border:0;background:var(--ink);color:#fff;border-radius:10px;padding:.6rem .9rem;font:inherit;cursor:pointer}.sb-send[disabled]{opacity:.5}
@media(max-width:600px){.sb-fab{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:54px;height:54px}.sb-panel{right:0;left:0;bottom:0;width:100%;max-width:none;height:min(82vh,640px);border-radius:16px 16px 0 0}.sb-form{padding-bottom:calc(.55rem + env(safe-area-inset-bottom))}}