:root{color:#0d1d3f;background:#f3f7f8;font-family:Montserrat,Segoe UI,sans-serif;font-weight:500;line-height:1.5;--ink: #0d1d3f;--muted: #5d6b7a;--paper: #f3f7f8;--card: #ffffff;--line: #d5e3ea;--wine: #00c087;--wine-deep: #0d1d3f;--gold: #00c087;--blush: #e7f8f3}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,.brand,.phone-head h2,.cards strong,.login h1,.who strong,.alert-panel strong,.editor h2{font-family:Montserrat,Segoe UI,sans-serif;font-weight:700}.script{margin:0;font-family:Satisfy,cursive;font-size:22px;color:var(--ink);line-height:1}.app{min-height:100vh}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 28px;background:var(--card);color:var(--ink);border-bottom:1px solid var(--line)}.logo{width:64px;height:64px;border-radius:14px;object-fit:cover}.mark{display:flex;align-items:center;gap:12px}.brand{margin:0;letter-spacing:.14em;text-transform:uppercase;font-size:18px;color:var(--ink)}.top strong{display:block;margin-top:2px;font-family:Montserrat,Segoe UI,sans-serif;font-weight:500;font-size:13px;color:var(--muted);letter-spacing:.01em}.top nav,.seg{display:flex;gap:6px;flex-wrap:wrap}.top button,.office-bar button,.fab,.panel form button,.dock button{border:1px solid transparent;border-radius:999px;padding:8px 16px;background:transparent;color:var(--ink)}.top button.on,.office-bar button.on,.dock button.on,.account-row button.on{background:var(--wine);color:#fbf7f2;border-color:var(--wine)}.public{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:36px;padding:40px 28px 88px;max-width:1180px;margin:0 auto}.public h1{font-size:40px;line-height:1.12;margin:8px 0 16px;max-width:16ch;letter-spacing:-.03em}.lead{font-size:17px;max-width:46ch;color:#3d3833}.note{max-width:58ch;font-size:13px;color:var(--muted)}.links{display:flex;gap:18px;flex-wrap:wrap}.links a{color:#0a8f68;text-decoration:none;border-bottom:1px solid #9adcc8;padding-bottom:2px;letter-spacing:.04em;font-size:14px;font-weight:600}.sites{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:8px}.sites article,.cards article,.list article,.login form,.login>p,.alert-panel,.transcript,.thread-list button{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px}.sites h2{margin:0 0 8px;font-size:18px}.sites p{margin:0 0 4px;color:#3f3934}.sites article{position:relative}.sites article:before{content:"";display:block;width:28px;height:1px;background:var(--gold);margin-bottom:12px}.list article header,.office-bar,.transcript header{display:flex;justify-content:space-between;gap:8px;align-items:center}.chat{position:sticky;top:20px;align-self:start}.phone{width:100%;max-width:440px;height:min(78vh,760px);margin-left:auto;background:#fff;color:var(--ink);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #e7dccf}.phone-head{background:var(--wine-deep);color:#f8f1ea;padding:16px 16px 14px;display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:10px;object-fit:cover}.phone-head h2{margin:0;font-size:18px;line-height:1;color:#fff;letter-spacing:.08em}.phone-head p{margin:2px 0 0;font-size:12px;letter-spacing:.02em;color:#b7efe0;font-weight:500}.badge{margin-left:auto;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:4px 8px;border-radius:999px;border:1px solid rgba(0,192,135,.7);color:#b7efe0}.phone-close{background:transparent;color:#f8f1ea;border:0;font-size:22px;line-height:1;padding:0 2px}.name-bar{background:#f7fbfb;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center;padding:10px 14px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.name-bar select{flex:1;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:6px 0;text-transform:none;letter-spacing:0;font-size:14px}.log{flex:1;overflow:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px;background:#f3f7f8}.log p{margin:0;max-width:86%;white-space:pre-wrap;word-break:break-word;border-radius:16px;padding:10px 12px 6px;font-size:14.5px;line-height:1.45}.log p span{display:block;text-align:right;font-size:10px;letter-spacing:.06em;color:var(--muted);margin-top:4px}.log .in{align-self:flex-start;background:var(--card);border:1px solid var(--line);border-bottom-left-radius:4px}.log .out{align-self:flex-end;background:var(--blush);border-bottom-right-radius:4px}.log .out span{color:#8a625c}.suggestions,.samples{display:flex;flex-wrap:wrap;gap:8px;overflow:hidden;padding:8px 12px 0;background:#fff}.suggestions button,.samples button{flex:1 1 150px;min-width:0;max-width:100%;white-space:normal;text-align:left;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:8px 10px;font-size:13px;line-height:1.3}.suggestions button:hover,.samples button:hover{border-color:#c9a28f}.attach-hint{margin:0;background:#fff;color:var(--muted);font-size:12px;padding:8px 14px 0}.composer{background:#fff;padding:10px 12px 12px;display:flex;gap:8px;align-items:flex-end}.composer input[type=text],.composer input:not([type=file]){flex:1;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:11px 14px;outline:none}.attach,.composer button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.attach{background:var(--card);color:var(--wine);border:1px solid var(--line);cursor:pointer;font-size:22px;line-height:1}.attach input{display:none}.composer button{border:0;background:var(--wine);color:#fbf7f2;font-size:16px}.composer button.mic{background:transparent;color:var(--wine);border:1px solid var(--line);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.composer button.mic.on{background:var(--wine);color:#fff;border-color:var(--wine)}.fab{display:none}.office{padding:22px 28px 48px;max-width:1180px;margin:0 auto}.office-bar{flex-wrap:wrap;margin-bottom:18px;gap:12px}.office-bar button.alert-bell{background:var(--wine);color:#fff;border-color:var(--wine)}.alert-panel{margin-bottom:16px}.alert-panel p{margin:8px 0 0}.alert-panel strong{font-size:16px}.threads{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:12px;align-items:start}.thread-list{display:grid;gap:8px}.thread-list button{display:grid;gap:4px;width:100%;text-align:left;color:inherit;border-radius:18px}.thread-list button.on{border-color:var(--wine)}.thread-list span,.thread-list em,.who span,.muted{color:var(--muted);font-size:13px;font-style:normal}.transcript{min-height:280px;display:grid;gap:8px;align-content:start}.transcript p{margin:0;white-space:pre-wrap;border-radius:12px;padding:8px 10px}.transcript p.user{background:var(--blush)}.transcript p.lab{background:#f6f1ea}.transcript img.order{display:block;width:min(100%,280px);height:auto;margin-top:8px;border-radius:8px}.office-bar label{display:flex;flex-direction:column;font-size:12px;gap:4px;color:var(--muted)}.office-bar input,.office-bar select,.list input,.login input,.editor input,.editor select,.line input,.line select{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--card)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cards .wide{grid-column:span 3}.cards span,.cards em{display:block}.cards span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cards strong{font-size:32px;line-height:1;margin:6px 0}.cards em{color:#0a8f68;font-style:normal;font-weight:600}.list{display:grid;gap:12px}.list ul{margin:8px 0;padding-left:18px}.ok,.bad{border-radius:999px;padding:2px 8px;font-size:12px}.ok{background:#e7f0e4;color:#245033}.bad{background:#f8e4e2;color:#6d241c}.row{display:flex;gap:8px;flex-wrap:wrap}.dock{display:none}.who{margin:0;display:flex;flex-direction:column;min-width:120px}.who strong{font-size:16px}.banner{background:#f8e4e2;color:#6d241c;border-radius:12px;padding:10px 12px}.login{min-height:calc(100vh - 88px);display:grid;place-items:center;padding:24px 16px 96px}.login form,.login>p{width:min(560px,100%)}.login h1{font-size:28px;line-height:1.2;margin:8px 0 16px}.login label,.editor label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.account-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.account-row button,.row button,.editor button,.login button[type=submit]{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:transparent;color:var(--ink)}.primary{background:#0d1d3f!important;color:#fff!important;border-color:#0d1d3f!important}.top button.on,.office-bar button.on,.dock button.on,.account-row button.on{background:#0d1d3f}.ghost{background:transparent!important;border:1px solid var(--line)!important}.editor{display:grid;gap:10px;margin-top:12px}.editor h2{margin:0;font-size:18px}.list pre{margin:8px 0 0;padding:10px;overflow:auto;background:#f3f7f8;border-radius:8px;font-size:12px;white-space:pre-wrap}.list summary{cursor:pointer;color:#0a8f68;font-weight:600}.line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.line span{flex:1;min-width:140px}.line input,.line select{flex:1;min-width:120px}.check{flex-direction:row!important;align-items:center;color:var(--ink)}.revision{border-color:#c4a06a}.muted-card{opacity:.72}.empty{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media(max-width:900px){.top{align-items:flex-start;padding:16px}.top nav{display:none}.public{grid-template-columns:1fr;padding:24px 16px 96px;gap:20px}.public h1{font-size:32px}.logo{width:52px;height:52px}.sites,.cards{grid-template-columns:1fr}.cards .wide{grid-column:auto}.chat{position:static}.phone{height:min(72vh,680px);display:none;max-width:none;border-radius:22px}.fab{display:inline-flex;margin-top:8px;min-height:44px;border:1px solid var(--wine);color:var(--wine)}.chat:has(.phone) .phone{display:flex}.office{padding:16px 16px 96px}.dock{display:flex;position:fixed;left:0;right:0;bottom:0;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fffcf8;border-top:1px solid var(--line);z-index:30}.dock button{flex:1;min-height:44px}.threads{grid-template-columns:1fr}.row button,.editor button,.login button,.suggestions button,.samples button{min-height:44px}}