:root{--bg: #F8F6F2;--surface: #FFFFFF;--surface2: #F2EFE9;--border: #E5E0D8;--accent: #2C5F8A;--accent-light: #EBF2F8;--accent2: #3D8B6E;--accent2-light: #EBF6F2;--warm: #C4602A;--warm-light: #FDF0E8;--text: #1A1A1A;--text-mid: #555550;--text-dim: #999990;--red: #C0392B;--red-light: #FDEDEB;--green: #27AE60;--admin-bg: var(--bg)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}#app{height:100%;position:relative}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;overflow:hidden}.screen.active{display:flex}#screen-admin{background:var(--admin-bg)}.admin-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 20px 40px;width:100%}.admin-logo{font-family:"DM Serif Display",serif;font-size:32px;color:var(--accent);margin-bottom:2px;text-align:center}.admin-sub{font-size:12px;color:var(--text-dim);text-align:center;margin-bottom:24px;text-transform:uppercase;letter-spacing:2px}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px 20px;width:100%;max-width:440px;margin:0 auto}.admin-card-title{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:18px;font-weight:600}.admin-field{margin-bottom:14px}.admin-label{display:block;font-size:12px;color:var(--text-mid);margin-bottom:5px;font-weight:500}.admin-input,.admin-select{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 13px;font-family:DM Sans,sans-serif;font-size:15px;color:var(--text);outline:none;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.admin-input::placeholder{color:var(--text-dim)}.admin-input:focus,.admin-select:focus{border-color:var(--accent)}.admin-select option{background:#fff;color:var(--text)}.admin-hint{font-size:11px;color:var(--text-dim);margin-top:4px}.admin-id-preview{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:11px 13px;margin-bottom:18px;display:none}.admin-id-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.admin-id-string{font-family:monospace;font-size:20px;color:var(--accent);font-weight:700;letter-spacing:1px}.admin-btn{width:100%;background:var(--accent);color:#fff;border:none;border-radius:12px;padding:13px;font-family:"DM Serif Display",serif;font-size:17px;cursor:pointer;transition:opacity .15s}#start-chat-btn{background:var(--accent2)}.admin-btn:active{opacity:.85}.admin-btn.secondary{background:#58a6ff2e;border:1px solid rgba(88,166,255,.35);color:#58a6ff}.admin-divider{text-align:center;margin:14px 0;font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.patient-link-box{display:none;background:#58a6ff1a;border:1px solid rgba(88,166,255,.3);border-radius:10px;padding:14px;margin-top:14px}.patient-link-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}.patient-link-url{font-size:13px;color:#58a6ff;word-break:break-all;margin-bottom:10px;font-family:monospace}.copy-btn{background:#58a6ff33;border:1px solid rgba(88,166,255,.4);border-radius:8px;color:#58a6ff;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:7px 14px;cursor:pointer;transition:all .15s;margin-right:8px}.copy-btn:active{background:#58a6ff66}.sms-btn{background:#3fb95033;border:1px solid rgba(63,185,80,.4);border-radius:8px;color:#3fb950;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:7px 14px;cursor:pointer;transition:all .15s}.sms-btn:active{background:#3fb95066}.config-toggle{text-align:center;margin-top:16px}.config-toggle-btn{background:none;border:none;color:var(--text-dim);font-size:12px;cursor:pointer;text-decoration:underline;font-family:DM Sans,sans-serif}.config-section{display:none;margin-top:16px;background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:16px}.config-section.visible{display:block}.config-title{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-weight:600}.screen-header{background:var(--surface);border-bottom:1px solid var(--border);padding:13px 18px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.header-brand{font-family:"DM Serif Display",serif;font-size:20px;color:var(--accent);cursor:pointer}.header-right{display:flex;align-items:center;gap:8px}.header-step{font-size:12px;color:var(--text-dim);background:var(--surface2);padding:3px 10px;border-radius:20px;border:1px solid var(--border)}.header-id{font-size:12px;color:var(--accent);background:var(--accent-light);padding:3px 10px;border-radius:20px;font-weight:600;font-family:monospace}.progress-strip{height:3px;background:var(--border);flex-shrink:0}.progress-fill{height:100%;background:var(--accent);transition:width .5s ease}.screen-body{flex:1;overflow-y:auto;padding:22px 18px 40px;-webkit-overflow-scrolling:touch}.screen-title{font-family:"DM Serif Display",serif;font-size:24px;color:var(--text);margin-bottom:8px;line-height:1.2}.screen-sub{font-size:14px;color:var(--text-mid);margin-bottom:24px;line-height:1.6}#screen-lang{background:var(--bg)}.lang-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 22px;overflow-y:auto}.lang-tagline{font-size:14px;color:var(--text-mid);margin-bottom:24px;text-align:center}.lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%;max-width:380px;margin-bottom:24px}.lang-option{background:var(--surface);border:1.5px solid var(--border);border-radius:13px;padding:14px 12px;cursor:pointer;transition:all .2s;text-align:center;color:var(--text);-webkit-user-select:none;user-select:none}.lang-option.selected{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.lang-pill{cursor:pointer;padding:5px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.2);font-size:13px;color:#ffffffa6;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.lang-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}#screen-confirm .lang-pill,#screen-chat .lang-pill,#screen-admin .lang-pill{background:var(--surface2);border-color:var(--border);color:var(--text-mid)}#screen-confirm .lang-pill.active,#screen-chat .lang-pill.active,#screen-admin .lang-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.lang-native{font-size:16px;font-weight:600;display:block;margin-bottom:2px}.lang-english{font-size:12px;opacity:.65;display:block}.lang-continue{background:var(--accent);color:#fff;border:none;border-radius:13px;padding:14px 40px;font-family:"DM Serif Display",serif;font-size:19px;cursor:pointer;display:none;transition:opacity .15s}.lang-continue.visible{display:block}.lang-continue:active{opacity:.85}.proc-option{background:var(--surface);border:1.5px solid var(--border);border-radius:15px;padding:16px 15px;margin-bottom:11px;cursor:pointer;display:flex;align-items:center;gap:14px;transition:all .2s;width:100%;text-align:left}.proc-option:active,.proc-option:hover{border-color:var(--accent);background:var(--accent-light);transform:translate(4px)}.proc-emoji{font-size:26px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:11px;flex-shrink:0}.proc-emoji.appy{background:var(--warm-light)}.proc-emoji.chole{background:var(--accent2-light)}.proc-emoji.stent{background:var(--accent-light)}.proc-text{flex:1}.proc-name{font-size:15px;font-weight:600;color:var(--text);margin-bottom:2px}.proc-desc{font-size:13px;color:var(--text-mid)}.proc-arrow{font-size:20px;color:var(--text-dim)}.edu-card{background:var(--surface);border-radius:15px;border:1px solid var(--border);overflow:hidden;margin-bottom:14px}.edu-card-header{padding:14px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.edu-emoji{font-size:24px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.edu-proc-name{font-family:"DM Serif Display",serif;font-size:18px;color:var(--text)}.edu-proc-sub{font-size:12px;color:var(--text-mid);margin-top:2px}.edu-section{padding:13px 16px;border-bottom:1px solid var(--border)}.edu-section:last-child{border-bottom:none}.edu-section-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-bottom:7px}.edu-section-label.what{color:var(--accent)}.edu-section-label.risks{color:var(--warm)}.edu-section-label.recovery{color:var(--accent2)}.edu-section-text{font-size:14px;color:var(--text-mid);line-height:1.65;white-space:pre-line}.edu-cta{background:var(--accent);color:#fff;border:none;border-radius:13px;padding:15px;font-family:"DM Serif Display",serif;font-size:19px;width:100%;cursor:pointer;margin-top:8px;transition:opacity .15s}.edu-cta:active{opacity:.85}.chat-header{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;gap:11px;flex-shrink:0}.chat-av{width:36px;height:36px;background:var(--accent-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.chat-hinfo{flex:1}.chat-hname{font-size:14px;font-weight:600;color:var(--text)}.chat-hstatus{font-size:12px;color:var(--accent2);display:flex;align-items:center;gap:4px}.status-dot{width:6px;height:6px;background:var(--accent2);border-radius:50%}.done-btn{background:var(--accent2);color:#fff;border:none;border-radius:9px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer}.done-btn:active{opacity:.85}.chat-messages{flex:1;overflow-y:auto;padding:13px 13px 8px;display:flex;flex-direction:column;gap:11px;-webkit-overflow-scrolling:touch}.msg-row{display:flex;gap:7px;align-items:flex-end}.msg-row.patient{flex-direction:row-reverse}.msg-av2{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.msg-row.bot .msg-av2{background:var(--accent-light)}.msg-row.patient .msg-av2{background:var(--surface2);border:1px solid var(--border)}.msg-content{max-width:78%}.msg-bubble{padding:9px 13px;border-radius:16px;font-size:14px;line-height:1.55}.msg-row.bot .msg-bubble{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:4px;color:var(--text)}.msg-row.patient .msg-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.msg-time{font-size:11px;color:var(--text-dim);margin-top:3px;padding:0 2px}.msg-row.patient .msg-time{text-align:right}.typing-row{display:flex;gap:7px;align-items:flex-end}.typing-bubble{background:var(--surface);border:1px solid var(--border);border-radius:16px 16px 16px 4px;padding:11px 15px;display:flex;gap:5px;align-items:center}.t-dot{width:7px;height:7px;background:var(--text-dim);border-radius:50%;animation:bounce 1.2s infinite}.t-dot:nth-child(2){animation-delay:.2s}.t-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.quick-chips{padding:7px 13px 4px;display:flex;gap:7px;overflow-x:auto;flex-shrink:0;scrollbar-width:none}.quick-chips::-webkit-scrollbar{display:none}.chip{background:var(--accent-light);color:var(--accent);border:1px solid rgba(44,95,138,.2);padding:6px 13px;border-radius:20px;font-size:13px;white-space:nowrap;cursor:pointer;font-family:DM Sans,sans-serif;flex-shrink:0;transition:all .15s}.chip:active{background:var(--accent);color:#fff}.chat-input-row{padding:9px 13px 14px;display:flex;gap:9px;align-items:flex-end;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0}.chat-textarea{flex:1;background:var(--bg);border:1.5px solid var(--border);border-radius:11px;padding:9px 13px;font-family:DM Sans,sans-serif;font-size:15px;color:var(--text);resize:none;min-height:42px;max-height:110px;outline:none;transition:border-color .15s;-webkit-appearance:none}.chat-textarea:focus{border-color:var(--accent)}.chat-textarea::placeholder{color:var(--text-dim)}.send-btn{width:42px;height:42px;background:var(--accent);border:none;border-radius:11px;color:#fff;font-size:19px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s}.send-btn:active{opacity:.8}.send-btn:disabled{opacity:.35}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.req{color:var(--text-mid);margin-left:2px}.req-label{color:var(--text-mid);font-weight:400}.req-invalid{color:var(--red)!important}.confirm-error-msg{display:none;color:var(--red);font-size:13px;font-weight:500;margin-bottom:12px}.form-input,.form-textarea{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:11px;padding:11px 13px;font-family:DM Sans,sans-serif;font-size:15px;color:var(--text);outline:none;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus,.form-textarea:focus{border-color:var(--accent)}.form-textarea{resize:none;min-height:85px}.radio-row{display:flex;gap:9px}.radio-opt{flex:1;display:flex;align-items:center;gap:7px;padding:11px;background:var(--surface);border:1.5px solid var(--border);border-radius:11px;cursor:pointer;font-size:14px;transition:all .15s}.radio-opt:has(input:checked){border-color:var(--accent);background:var(--accent-light)}.radio-opt input{accent-color:var(--accent)}.flag-box{background:var(--red-light);border:1px solid rgba(192,57,43,.2);border-radius:13px;padding:14px;margin-bottom:16px}.flag-box-title{font-size:13px;font-weight:600;color:var(--red);margin-bottom:11px}.flag-check{display:flex;align-items:flex-start;gap:9px;margin-bottom:9px;font-size:14px;color:var(--text-mid);line-height:1.4}.flag-check:last-child{margin-bottom:0}.flag-check input{width:17px;height:17px;accent-color:var(--red);flex-shrink:0;margin-top:1px;cursor:pointer}.risk-rows-container{border:1px solid var(--border);border-radius:12px;overflow:hidden}.risk-row{padding:12px 14px;border-bottom:1px solid var(--border)}.risk-row:last-child{border-bottom:none}.risk-ack-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin-bottom:7px}.risk-ack-check{width:17px;height:17px;accent-color:var(--accent2);flex-shrink:0;margin-top:2px;cursor:pointer}.risk-ack-text{font-size:14px;color:var(--text);line-height:1.4}.risk-row.acknowledged .risk-ack-text{color:var(--text-dim)}.risk-comment{font-size:13px;padding:7px 11px;transition:opacity .2s}.risk-row.acknowledged .risk-comment{opacity:.35;pointer-events:none}.flag-alert{display:none;background:var(--red);color:#fff;border-radius:11px;padding:13px 15px;font-size:14px;line-height:1.5;margin-bottom:14px}.submit-btn{width:100%;background:var(--accent);color:#fff;border:none;border-radius:13px;padding:15px;font-family:"DM Serif Display",serif;font-size:19px;cursor:pointer;transition:opacity .15s;margin-top:8px}#chat-next-btn,#submit-btn{background:var(--accent2)}.submit-btn:active{opacity:.85}.back-btn{width:100%;background:var(--surface2);color:var(--text-dim);border:1px solid var(--border);border-radius:13px;padding:14px;font-family:DM Sans,sans-serif;font-size:17px;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s;margin-top:8px}.back-btn:hover{background:var(--surface)}.back-btn:active{opacity:.7}#screen-complete{background:var(--bg)}.complete-body{flex:1;overflow-y:auto;padding:28px 22px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;-webkit-overflow-scrolling:touch}.complete-title{font-family:"DM Serif Display",serif;font-size:28px;margin-bottom:10px}.complete-sub{font-size:14px;color:var(--text-mid);line-height:1.65;max-width:380px;margin:0 auto 24px}.complete-summary{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:16px 18px;text-align:left;width:100%;max-width:420px;margin-bottom:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:14px;border-bottom:1px solid var(--border)}.summary-row:last-child{border-bottom:none}.summary-block{padding:9px 0;font-size:14px;border-bottom:1px solid var(--border)}.summary-block:last-child{border-bottom:none}.s-label{color:var(--text-mid);display:block;margin-bottom:3px}.s-val{font-weight:600}.complete-text-val{font-size:14px;color:var(--text);line-height:1.5;margin-top:4px}.surgeon-note{background:var(--accent-light);border:1px solid rgba(44,95,138,.2);border-radius:11px;padding:13px 15px;font-size:14px;color:var(--accent);line-height:1.5;max-width:420px;width:100%;text-align:left}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .3s ease forwards}