:root{color-scheme:light;--surface:#fbfaf6;--raised:#fff;--soft:#f0efe6;--control:#eeeee5;--field-border:#9ba497;--muted:#59645a;--accent-text:#a13e19;--accent-fill:#b2441a;--on-accent:#fff;--selected:#28382f;--on-selected:#fff;--tag-bg:#e7eee4;--tag-text:#3d573a;--orange-tag:#98421e;--strong-bg:#28382f;--strong-ink:#fff;--strong-muted:#d3dccd}
html[data-theme=dark]{color-scheme:dark;--ink:#f0eee6;--muted:#b7c2b5;--orange:#efa176;--cream:#151c18;--line:#455247;--green:#2e4032;--peach:#453126;--surface:#1c2520;--raised:#243029;--soft:#2d392f;--control:#334135;--field-border:#7b8d7d;--accent-text:#ffb38a;--accent-fill:#efaa80;--on-accent:#272016;--selected:#d7e3ce;--on-selected:#1e2b21;--tag-bg:#354b37;--tag-text:#d0e6c7;--orange-tag:#ffc29b;--strong-bg:#2d3b31;--strong-ink:#fff4e7;--strong-muted:#d3ddcf}
.phone,#nav{background:var(--surface)}.phone{height:820px}.studio{align-items:start;margin-top:32px}.intro,.review{padding-top:27px}.app-top{gap:8px;margin-bottom:16px}.app-logo{font-size:21px;white-space:nowrap;gap:6px}.alternate-clock{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:8px;min-width:95px;color:var(--ink);text-align:center}.alternate-clock span{display:block;font-size:8px;letter-spacing:1px;color:var(--muted)}.alternate-clock b{font-size:11px;white-space:nowrap}.local-clock{padding:3px 0 12px}.header-controls{display:flex;gap:12px;align-items:center}.header-controls select{width:100px;padding:7px 10px;font-size:12px}.status{border-color:var(--line)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.concept-strip{color:var(--accent-text);background:var(--peach);font-size:9px}.fine,.tiny{font-size:11px}.text-button,.back{color:var(--accent-text)}.text-button{min-height:38px}.primary{background:var(--accent-fill);color:var(--on-accent);min-height:43px}.primary:hover{background:var(--accent-fill);filter:brightness(.94)}.secondary{background:var(--control);color:var(--ink);min-height:42px}.searchbox,.card,textarea,input,select{background:var(--raised);color:var(--ink)}input,textarea,select{border-color:var(--field-border);font-size:13px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}.searchbox{border-color:var(--field-border)}.note{background:var(--soft);line-height:1.65}.pill{background:var(--tag-bg);color:var(--tag-text);font-size:10px}.pill.orange{background:var(--peach);color:var(--orange-tag)}.note>.pill{margin-bottom:8px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.two-col>*{min-width:0}.two-col select{padding:10px 5px;font-size:12px}.two-col input{padding:10px 7px;min-width:0}.two-col button{font-size:11px}.field{font-size:12px}.person span:not(.avatar){min-width:0}.person small{font-size:12px}.person .match{color:var(--accent-text);font-size:10px}.person .chevron{flex-shrink:0}.contact-detail{overflow-wrap:anywhere;font-size:12px}.card p,.note p{overflow-wrap:anywhere}.chips button{background:var(--control);color:var(--ink);min-height:36px}.chips button.active{background:var(--selected);color:var(--on-selected)}.step.active{color:var(--accent-text)}.ratings button.selected{color:var(--accent-text);border-color:var(--accent-text)}.digital-card,.hero{background:var(--strong-bg);color:var(--strong-ink)}.digital-card .subtitle,.digital-card .qr-label{color:var(--strong-muted)}.card-label{display:block;letter-spacing:2px;font-size:10px;margin:8px 0}.qr{background:#fff}.avatar{background:var(--tag-bg);color:var(--tag-text)}html[data-theme=dark] .avatar.rose{background:#503c31;color:#f4c4a5}html[data-theme=dark] .avatar.blue{background:#304951;color:#bfe2ef}.timeline{border-color:var(--line)}.entry:before{border-color:var(--surface)}.suggestion-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.suggestion-row b{margin-right:auto}.suggestion-row button{font-size:11px;padding:8px}.separator{color:var(--muted);margin:0 6px}details{padding:14px;border:1px solid var(--line);border-radius:12px;margin-top:15px}summary{cursor:pointer;font-size:13px;font-weight:600}summary .tiny{font-weight:400;float:right}fieldset{border:1px solid var(--line);border-radius:12px;padding:13px;margin-top:15px}legend{font-size:11px;font-weight:600;padding:0 5px}.check input{flex-shrink:0;accent-color:var(--accent-fill)}.agenda-item{border-left:3px solid var(--accent-fill);padding-left:10px;font-size:12px}.warning,#follow-error:not(:empty){background:var(--peach);color:var(--accent-text);border:1px solid var(--accent-text);border-radius:10px;padding:12px;font-size:12px;margin:12px 0}.recording{display:flex;gap:8px;align-items:center;margin:25px 0;color:var(--accent-text);font-size:12px}.record-dot{width:10px;height:10px;background:var(--accent-fill);border-radius:50%}.wave{text-align:center;font-size:28px;letter-spacing:5px;color:var(--accent-text);padding:35px 0}.home-indicator{background:var(--ink)}#nav button{min-height:45px;font-size:10px}#nav button.selected{color:var(--accent-text)}#nav button.capture svg{background:var(--accent-fill);color:var(--on-accent)}#toast{background:var(--selected);color:var(--on-selected);border:1px solid var(--field-border)}dialog{max-width:430px;width:calc(100vw - 32px);max-height:90vh;overflow-y:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 30px 90px #0005}dialog::backdrop{background:#101b17a8;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;gap:12px}.dialog-head h2{margin:0 0 14px}.dialog-head button{margin-left:auto;background:var(--control);color:var(--ink);border-radius:50%;width:35px;height:35px;font-size:24px}.card .row-title{margin-top:0}button:disabled{opacity:.5;cursor:default}.review .tour-controls{flex-wrap:wrap}.review .fine{line-height:1.7}#screen{overscroll-behavior:contain;scrollbar-color:var(--field-border) transparent}.feedback textarea{font-size:13px}.phone :focus-visible{outline-color:var(--accent-text)}
@media(min-width:1151px) and (max-height:850px){.studio-header{height:72px}.studio{margin-top:22px}.phone{height:calc(100vh - 115px);min-height:560px}.intro,.review{padding-top:0}.intro h1{font-size:36px;margin:16px 0}.intro .lead{font-size:15px}.tour{margin-top:20px}.step{padding:7px 9px}.review h2{font-size:27px}.try{margin:17px 0}.feedback{margin-top:20px;padding-top:16px}}
@media(max-width:700px){.header-controls{gap:6px}.header-controls select{width:76px;padding:6px;font-size:11px}.status{display:none}.studio-header{height:66px}.studio{margin-top:18px}.intro,.review{padding-top:0}.intro>.text-button{display:inline-block}.phone{height:760px;width:min(390px,calc(100vw - 24px))}.app-logo{font-size:20px}.alternate-clock{min-width:90px;padding:7px}.step{min-height:38px}.review{padding-top:10px}.review>p{font-size:14px}}
#nav button.card{margin:0;border:0;border-radius:0;padding:5px 0;background:none}.note .text-button + .text-button{margin-left:10px}.alternate-clock span{font-size:10px;font-weight:650;color:var(--accent-text)}.alternate-clock b{font-size:13px}
.back{display:flex;width:100%;align-items:center;min-height:44px;border-bottom:1px solid var(--line);padding:0 0 12px;margin:0 0 24px;text-align:left}.settings-section{margin:24px 0;padding-top:18px;border-top:1px solid var(--line)}.card-choice{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;background:var(--raised);border:1px solid var(--line);border-radius:12px;color:var(--ink);padding:12px;margin:8px 0}.card-choice span{font-size:11px;color:var(--muted)}.card-choice.chosen{border:2px solid var(--accent-text)}.header-controls #appearance{display:none}.digital-card p{overflow-wrap:anywhere}.digital-card h2{overflow-wrap:anywhere}.settings-section select{max-width:100%}
@media(max-width:360px){#screen{padding:18px 15px}.app-logo{font-size:18px}.app-logo .clock{display:none}.two-col{gap:6px}}