:root{--colour-navy:#1b2a4a;--colour-grey:#5a6577;--colour-amber:#f0a830;--colour-background:#fff;--colour-green:#2d7a4f;--colour-whatsapp:#075e54;--colour-problem:#a3261b;--colour-line:#c9cfd8;--colour-focus:var(--colour-navy);--touch-target:56px;color:var(--colour-navy);background:var(--colour-background);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:100%;line-height:1.4}*,:before,:after{box-sizing:border-box}body{background:var(--colour-background);min-height:100dvh;margin:0}:focus-visible{outline:3px solid var(--colour-focus);outline-offset:3px}.screen{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));flex-direction:column;display:flex}.screen--centred{text-align:center;justify-content:center;align-items:center;gap:1.5rem}.screen__title{margin:0;font-size:2rem;line-height:1.2}.screen__message{margin:0;font-size:1.25rem}.button{min-width:var(--touch-target);min-height:var(--touch-target);border:2px solid var(--colour-navy);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1.25rem;font-weight:600;display:inline-flex}.button--secondary{color:var(--colour-navy);background:var(--colour-background)}.button--primary,.button--email{color:#fff;background:var(--colour-navy)}.button--whatsapp{border-color:var(--colour-whatsapp);color:#fff;background:var(--colour-whatsapp)}.button--wide{width:100%}.button:disabled{cursor:not-allowed;opacity:.55}.icon-button{min-width:var(--touch-target);min-height:var(--touch-target);color:var(--colour-grey);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.bar-button{min-width:var(--touch-target);min-height:var(--touch-target);color:var(--colour-navy);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:.25rem;padding:.25rem .75rem .25rem .5rem;font-size:1.125rem;font-weight:600;display:inline-flex}.sign-in__logo{width:min(160px,40vw);height:auto}.sign-in__google{width:100%;max-width:400px;min-height:var(--touch-target);justify-content:center;align-items:center;display:flex}.sign-in__fake,.sign-in__problem{flex-direction:column;gap:1rem;width:100%;max-width:400px;display:flex}.private__icon{color:var(--colour-navy)}.home__header{min-height:var(--touch-target);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.home__title{margin:0;font-size:1.5rem}.home__main{flex:1}.recent{flex-direction:column;gap:1rem;padding-top:1rem;display:flex}.recent__message{color:var(--colour-grey);margin:0;font-size:1.25rem}.recent__list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.invoice-card{color:inherit;min-height:var(--touch-target);border:1px solid var(--colour-line);border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;padding:.75rem 1rem;text-decoration:none;display:flex}.invoice-card__channel{margin-left:.25rem;display:inline-flex}.invoice-card__client,.invoice-card__date{overflow-wrap:anywhere;flex:60%;min-width:0}.invoice-card__client{font-size:1.25rem;font-weight:600}.invoice-card__amount{text-align:right;white-space:nowrap;margin-left:auto;font-size:1.25rem;font-weight:700}.invoice-card__date{color:var(--colour-grey)}.invoice-card__status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.25rem;margin-left:auto;font-weight:600;display:inline-flex}.invoice-card__status--sent{color:#2d7a4f}.invoice-card__status--not-sent{color:var(--colour-grey)}.bar{min-height:var(--touch-target);align-items:center;gap:.5rem;display:flex}.bar__title{overflow-wrap:anywhere;margin:0;font-size:1.5rem;line-height:1.2}.notice{margin:0;font-size:1.25rem}.notice:empty{display:none}.notice--problem{color:var(--colour-problem);font-weight:600}.notice--test{border:2px dashed var(--colour-grey);color:var(--colour-grey);border-radius:.5rem;padding:.5rem .75rem;font-size:1rem}.preview__main,.email__main{flex-direction:column;flex:1;gap:1rem;padding-top:.5rem;display:flex}.preview__summary{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin:0;display:flex}.preview__total{font-size:1.75rem;font-weight:700}.preview__number{color:var(--colour-grey)}.pdf-page{aspect-ratio:595/842;border:1px solid var(--colour-line);cursor:zoom-in;background:#fff;border-radius:4px;width:100%;max-height:60dvh;margin:0 auto;padding:0;display:block;overflow:hidden;box-shadow:0 1px 4px #1b2a4a26}.pdf-page img{object-fit:contain;width:100%;height:100%;display:block}.pdf-page--waiting{background:#f4f6fa}.pdf-page--failed{color:var(--colour-grey);text-align:center;aspect-ratio:auto;justify-content:center;align-items:center;padding:1rem;font-size:1.25rem;display:flex}.zoom{z-index:10;padding:max(.5rem, env(safe-area-inset-top)) .5rem 0;background:#fff;flex-direction:column;gap:.5rem;display:flex;position:fixed;inset:0}.zoom__close{align-self:flex-end}.zoom__scroller{overscroll-behavior:contain;flex:1;overflow:auto}.zoom__scroller img{width:250%;max-width:none;height:auto;display:block}.actions{grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr));gap:.75rem;display:grid}.actions .button{min-height:4rem;padding:.75rem 1rem}.email__sending-as{border-left:4px solid var(--colour-amber);overflow-wrap:anywhere;background:#f4f6fa;margin:0;padding:.75rem 1rem;font-weight:600}.email__field{flex-direction:column;gap:.5rem;display:flex}.email__label{color:var(--colour-grey);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:1rem;font-weight:600}.email__to{overflow-wrap:anywhere;margin:0;font-size:1.75rem;font-weight:700;line-height:1.25}.email__to--missing{color:var(--colour-problem);font-size:1.25rem}.email__subject{overflow-wrap:anywhere;margin:0;font-size:1.125rem;font-weight:600}.email__body{border:1px solid var(--colour-line);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:8px;margin:0;padding:.75rem 1rem}.email__attachment{color:var(--colour-grey);overflow-wrap:anywhere;margin:0}.email__change{flex-direction:column;gap:.5rem;display:flex}.email__change label{font-weight:600}.email__change input{min-height:var(--touch-target);border:2px solid var(--colour-navy);font:inherit;border-radius:8px;padding:.5rem .75rem;font-size:1.25rem}.email__change-buttons,.email__problem{flex-direction:column;gap:.75rem;display:flex}.done__tick{color:var(--colour-green);display:inline-flex}.done__message{overflow-wrap:anywhere;margin:0;font-size:2rem;line-height:1.2}.done .button--wide{max-width:24rem}.home__mic{justify-content:center;padding:1rem 0 .5rem;display:flex}.mic-button{aspect-ratio:1;border:8px solid var(--colour-amber);color:#fff;background:var(--colour-navy);width:clamp(168px,7.5em,100%);font:inherit;text-align:center;overflow-wrap:anywhere;cursor:pointer;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.25rem;font-size:1.125rem;font-weight:700;line-height:1.1;display:inline-flex}.mic-button--small{border-width:6px;width:clamp(128px,7em,100%);font-size:1rem}.mic-button:focus-visible{outline:3px solid var(--colour-navy);outline-offset:4px}.button--change{border-color:var(--colour-grey);color:#fff;background:var(--colour-grey)}.button--stop{border-color:var(--colour-problem);color:#fff;background:var(--colour-problem)}.talking__main{flex-direction:column;gap:1.25rem;padding-top:.5rem;display:flex}.talking__live,.talking__start,.talking__ended{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.talking__live .button--wide,.talking__ended .button--wide{max-width:24rem}.talking__status{margin:0;font-size:1.5rem;font-weight:700}.talking__ended-title{margin:0;font-size:1.5rem;font-weight:700;line-height:1.25}.talking__ended-detail{color:var(--colour-grey);margin:0;font-size:1.125rem}.talking__blocked-icon{color:var(--colour-problem);display:inline-flex}.orb{border:8px solid var(--colour-amber);background:radial-gradient(circle at 35% 35%, #3a5285, var(--colour-navy) 70%);border-radius:50%;flex:none;width:144px;height:144px}.orb--starting{opacity:.55}.orb--listening{animation:3s ease-in-out infinite orb-breathe}.orb--speaking{animation:.6s ease-in-out infinite alternate orb-pulse}.orb--thinking{border-style:dashed;animation:2.4s linear infinite orb-turn}@keyframes orb-breathe{50%{transform:scale(.94)}}@keyframes orb-pulse{to{transform:scale(1.08)}}@keyframes orb-turn{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.orb{animation:none}}.draft-card{border:1px solid var(--colour-line);border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.draft-card p{margin:0}.draft-card__client{overflow-wrap:anywhere;font-size:1.375rem;font-weight:700}.draft-card__client--missing{color:var(--colour-grey)}.draft-card__job{overflow-wrap:anywhere;flex-wrap:wrap;gap:0 .25rem;display:flex}.draft-card__label{color:var(--colour-grey);font-weight:700}.draft-card__job-lines{width:100%;color:var(--colour-grey)}.draft-card__rows{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.draft-card__row{flex-wrap:wrap;gap:0 1rem;display:flex}.draft-card__desc{overflow-wrap:anywhere;flex-direction:column;flex:60%;min-width:0;display:flex}.draft-card__price,.draft-card__sub,.draft-card__note{color:var(--colour-grey)}.draft-card__amount{white-space:nowrap;margin-left:auto;font-weight:700}.draft-card__total{border-top:2px solid var(--colour-navy);flex-wrap:wrap;justify-content:space-between;padding-top:.5rem;font-size:1.25rem;font-weight:700;display:flex}.transcript summary{min-height:var(--touch-target);color:var(--colour-grey);cursor:pointer;align-items:center;font-weight:600;display:flex}.transcript__lines{flex-direction:column;gap:.25rem;margin:0;padding-left:1.25rem;display:flex}.transcript__empty{color:var(--colour-grey);margin:0}.orb--reconnecting{opacity:.7;border-style:dotted}.picker__main{flex-direction:column;gap:1rem;padding-top:.5rem;display:flex}.picker__intro{margin:0;font-size:1.25rem}.picker__problem{color:var(--colour-problem);flex-direction:column;gap:1rem;margin:0;font-size:1.125rem;display:flex}.picker__cards{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.voice-card{border:2px solid var(--colour-line);border-radius:16px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.voice-card--chosen{border-color:var(--colour-amber);box-shadow:inset 0 0 0 2px var(--colour-amber)}.voice-card__name{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.voice-card__chosen{color:var(--colour-green);align-items:center;gap:.25rem;font-size:1.125rem;display:inline-flex}.voice-card__buttons{flex-wrap:wrap;gap:.75rem;display:flex}.voice-card__buttons .button{flex:9rem}.voice-card__note{color:var(--colour-grey);margin:0;font-size:1.125rem}.picker__audio{display:none}.home__actions{align-items:center;gap:.25rem;display:flex}.home__actions .icon-button{cursor:pointer;background:0 0;border:0}.sign-in__listen{width:100%;max-width:400px}.load-problem{text-align:center;flex-direction:column;align-self:center;align-items:center;gap:1rem;width:100%;max-width:24rem;margin:0 auto;display:flex}.load-problem__icon,.no-signal__icon{color:var(--colour-navy);flex:none;display:inline-flex}.load-problem__message{overflow-wrap:anywhere;margin:0;font-size:1.25rem;font-weight:600}.no-signal{color:var(--colour-navy);text-align:left;overflow-wrap:anywhere;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.done__problem{flex-direction:column;align-items:center;gap:.75rem;display:flex}