:root{--paper:#f5f4ed;--white:#fffef9;--ink:#173e35;--muted:#68766b;--line:#d9dfd2;--sage:#e9eddf;--control:40px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);color-scheme:light;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}a{color:inherit}[hidden]{display:none!important}:focus-visible{outline:2px solid #9d6e30;outline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}
.chat-shell{max-width:1160px;min-height:100svh;margin:auto;padding:0 44px;display:flex;flex-direction:column}.chat-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 16px}.wordmark{display:flex;align-items:center;gap:9px;flex-shrink:0;text-decoration:none}.flow-mark{font:italic 32px/.8 Georgia,'Times New Roman',serif;letter-spacing:-2px}.wordmark-small{font-size:8px;line-height:1.2;letter-spacing:1.5px;margin-top:6px}.chat-tools{display:flex;align-items:center;gap:8px}.tool-button{min-height:var(--control);padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.tool-button:hover,.tool-button[aria-expanded=true]{background:var(--sage)}.tool-status{font-size:10px;color:var(--muted)}.tool-status:empty{display:none}.calendar-wrap,.preferences-wrap,.account-wrap{position:relative}.calendar-panel,.preferences-panel,.account-panel{position:absolute;top:calc(100% + 8px);border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 12px 35px #173e3512;font-size:12px;line-height:1.5}.calendar-panel{right:0;width:270px;padding:15px 17px}.preferences-panel{left:0;width:185px;padding:5px}.account-panel{right:0;width:260px;max-width:calc(100vw - 40px);padding:10px 6px 5px}.calendar-panel p{margin:0 0 8px}.calendar-panel label{display:flex;align-items:center;gap:8px;min-height:var(--control);font-size:12px}.calendar-panel input{accent-color:var(--ink);width:16px;height:16px;margin:0;flex-shrink:0}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;padding:0;min-height:var(--control);font-size:12px}.menu-button{display:block;width:100%;min-height:var(--control);padding:0 12px;border:0;border-radius:9px;background:transparent;text-align:left;font-size:12px}.menu-button:hover{background:var(--sage)}.calendar-button[data-connected=true]{border-color:#b5c5ac;background:#edf1e5}.calendar-button[data-connected=true] .tool-status{width:6px;height:6px;border-radius:50%;background:#64875b;font-size:0}.account-button{width:var(--control);padding:0;border-color:transparent}.account-panel p{font-size:11px;line-height:1.6;margin:3px 11px 8px;color:var(--muted);overflow-wrap:anywhere}
.conversation{flex:1;min-width:0;padding-top:4px}#chatkit-mount{width:100%;min-height:400px}openai-chatkit{display:block;width:100%;height:calc(100svh - 155px);min-height:400px;max-height:1100px}.chat-status{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0}.chat-recovery{max-width:700px;padding:20px 0}.chat-recovery>p{font-size:14px;line-height:1.6;margin:0 0 12px}.recovery-actions{display:flex;gap:8px;flex-wrap:wrap}.choice-button{min-height:var(--control);padding:0 15px;border:1px solid var(--line);border-radius:999px;background:var(--white);font-size:12px}.choice-button:hover{background:var(--sage)}.booking-fallback{display:inline-block;font-size:12px;padding:10px 0;text-underline-offset:4px}.personal-chat-note{margin:0;padding:0 0 4px;color:var(--muted);font-size:10px;line-height:1.6}.personal-chat-note a{text-underline-offset:3px}.chat-footer{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:12px 0 17px;color:var(--muted);font-size:10px;line-height:1.6}.footer-button{min-height:26px;border:0;background:transparent;font-size:10px;padding:0;text-decoration:underline;text-underline-offset:3px}.chat-footer p{flex-basis:100%;max-width:660px;margin:0;line-height:1.6}
.content-pane{width:100%;margin:16px 0;border:1px solid #cad4c1;border-radius:18px;overflow:hidden;background:var(--white);scroll-margin-top:12px}.content-pane:focus{outline:none}.content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid var(--line);background:#edf0e5}.content-heading{font:normal 20px/1.25 Georgia,'Times New Roman',serif;margin:0;min-width:0}.content-toolbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.content-toolbar a{font-size:11px;text-underline-offset:3px;min-height:var(--control);display:inline-flex;align-items:center}.icon-button{display:grid;place-items:center;width:var(--control);height:var(--control);padding:0;border:0;background:transparent;font:28px/1 Arial,sans-serif}.content-pane iframe{display:block;width:100%;height:650px;max-height:75svh;border:0;background:white}.content-footnote{margin:0;padding:10px 16px;border-top:1px solid var(--line);font-size:10px;line-height:1.5;color:var(--muted)}.embedded .chat-shell{padding:0 20px}.embedded .chat-header{padding-top:18px}.embedded .wordmark-small{display:none}
@media(max-width:700px),(pointer:coarse){:root{--control:44px}}
@media(max-width:700px){.chat-shell{padding:0 20px}.chat-header{gap:8px;padding:20px 0 14px}.flow-mark{font-size:30px}.wordmark-small{display:none}.chat-tools{gap:4px}.tool-button{font-size:11px;padding:0 10px;gap:5px}.account-button{padding:0}.calendar-button svg{width:16px;height:16px}.calendar-button .tool-status{display:none}.calendar-button[data-connected=true] .tool-status{display:block}.calendar-panel{width:min(270px,calc(100vw - 40px))}openai-chatkit{height:calc(100svh - 145px);min-height:400px}.chat-footer{padding:8px 0 12px}.content-pane{position:fixed;z-index:10;left:8px;right:8px;bottom:8px;width:auto;margin:0;border-radius:15px;box-shadow:0 0 0 100vmax #173e3538}.content-toolbar{padding:10px 12px;gap:8px}.content-heading{font-size:18px}.content-toolbar-actions{gap:2px}.content-toolbar a{font-size:10px}.content-pane iframe{height:70svh;max-height:calc(100svh - 160px);min-height:240px}.content-footnote{font-size:10px;padding:9px 12px}.embedded .chat-shell{padding:0 16px}}
@media(max-width:370px){.chat-shell{padding:0 14px}.chat-header{gap:6px}.chat-tools{gap:2px}.tool-button{padding:0 6px}.account-button{padding:0}.calendar-wrap{position:static}.calendar-panel{right:0;top:calc(100% + 8px)}.content-heading{font-size:17px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s ease,border-color .15s ease}}

.chat-details{margin:12px 0;padding:14px 16px;max-width:660px;border:1px solid var(--line);border-radius:14px;background:var(--white);scroll-margin:12px}.details-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.details-heading .text-button{font-size:11px;min-height:30px}.chat-details p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0 0}

/* Keep the conversation and account controls compact at every viewport. */
.chat-shell{max-width:860px;padding-inline:32px}
.chat-header{padding-top:22px;gap:12px}
.chat-tools{flex:0 0 auto;max-width:100%;gap:6px}
.tool-button{min-height:44px;padding-inline:10px;border-color:transparent;border-radius:8px;font-size:12px;font-weight:400;line-height:1.3;letter-spacing:normal;flex:0 0 auto}
.account-button{width:44px;padding:0}.calendar-button[data-connected=true]{background:transparent;border-color:transparent}
.account-panel{width:248px;max-width:calc(100vw - 28px);padding:6px;border-radius:12px;text-align:left}
.account-panel .menu-button{display:flex;align-items:center;min-height:44px;height:auto;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:normal;white-space:normal;overflow-wrap:anywhere}
.account-panel p{margin:5px 10px 7px;font-size:11px;line-height:1.5}
.account-panel hr,.account-panel .menu-divider{height:0;margin:5px 4px;border:0;border-top:1px solid var(--line)}
.account-panel .menu-heading,.account-panel .menu-section-label{margin:8px 10px 3px;font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.03em}
.account-panel section+section,.account-panel .menu-section{margin-top:5px;padding-top:5px;border-top:1px solid var(--line)}
.chat-details{max-width:100%;padding:11px 13px;border-radius:10px}
@media(max-width:700px){.chat-shell{padding-inline:20px}.chat-header{padding-top:16px}.chat-tools{gap:2px}.tool-button{padding-inline:8px}.account-button{padding:0}.account-panel{right:0}}
@media(max-width:370px){.chat-shell{padding-inline:14px}.chat-header{gap:6px}.calendar-wrap{position:static}.account-wrap{position:static}.account-panel{right:0;top:calc(100% + 8px)}}

.account-panel #account-name{margin:7px 10px 1px;font-size:12px;font-weight:600;color:var(--ink)}
.account-panel #account-email{margin:0 10px 7px;font-size:11px;color:var(--muted)}
/* Quiet icon controls and compact account actions. Names remain available to assistive technology. */
.flow-icon-control{display:inline-grid;place-items:center;flex-shrink:0;width:40px;height:40px;min-height:40px;padding:0;text-decoration:none;border-radius:12px 12px 12px 4px}.flow-icon-control svg{display:block;pointer-events:none}.chat-tools{gap:3px}.tool-button.flow-icon-control,.practice-button.flow-icon-control{width:40px;height:40px;min-height:40px;padding:0}.calendar-button{position:relative}.calendar-button[data-connected=true] .tool-status{position:absolute;right:4px;top:6px;width:5px;height:5px}.account-panel{width:208px;padding:10px;border-radius:16px 16px 5px 16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;align-items:center;justify-items:center}.account-panel #account-name,.account-panel #account-email,.account-panel #account-status,.account-panel #notifications-status{grid-column:1/-1;width:100%;margin:0 2px;text-align:left}.account-panel #account-name{font-size:12px;margin-top:1px}.account-panel #account-email{font-size:10px;margin-bottom:5px}.account-panel #notifications-status:empty{display:none}.account-panel .menu-section{display:contents}.account-panel .menu-button.flow-icon-control{display:grid;min-height:40px;width:100%;height:40px;padding:0;border-radius:10px;font-size:12px}.account-panel #account-logout{grid-column:3}.calendar-panel{width:236px;padding:12px;display:grid;grid-template-columns:repeat(3,40px);gap:5px;justify-content:start;border-radius:16px 16px 5px 16px}.calendar-panel #calendar-detail,.calendar-panel #calendar-toggle{grid-column:1/-1;font-size:11px;line-height:1.5;margin:0 0 4px}.calendar-panel label{min-height:36px}.calendar-panel .text-button.flow-icon-control{border:0;background:transparent;min-height:40px}.calendar-panel .text-button.flow-icon-control:hover{background:var(--sage)}.chat-details{border-radius:16px 16px 16px 4px}.chat-footer .flow-icon-control{width:28px;height:28px;min-height:28px;color:var(--muted)}.chat-footer .flow-icon-control svg{width:15px;height:15px}.recovery-actions .flow-icon-control{border:1px solid var(--line)}
@media(pointer:coarse){.flow-icon-control,.tool-button.flow-icon-control,.practice-button.flow-icon-control{width:44px;height:44px;min-height:44px}.account-panel .menu-button.flow-icon-control{min-height:44px;height:44px}.calendar-panel{grid-template-columns:repeat(3,44px)}}
@media(max-width:700px){.chat-header{padding-top:13px;padding-bottom:10px}.chat-tools{gap:2px}.chat-header .flow-mark{font-size:28px}.account-panel{width:208px}.calendar-panel{max-width:calc(100vw - 28px)}}