:root{--green: #0c3d24;--green-light: #e8f3ec;--text: #14211a;--danger: #b3261e;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:#fff;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button{font:inherit;padding:.75rem 1rem;border:0;border-radius:8px;background:var(--green);color:#fff;min-height:44px}button:disabled{opacity:.6}button.link{background:none;color:var(--green);text-decoration:underline}input{font:inherit;width:100%;padding:.75rem;margin:.25rem 0 1rem;border:1px solid #9bb3a5;border-radius:8px;min-height:44px}.login{max-width:22rem;margin:0 auto;padding:2rem 1rem}.login h1{color:var(--green);text-align:center}.login form{display:flex;flex-direction:column}.error{color:var(--danger)}.shell{min-height:100dvh;display:flex;flex-direction:column}.shell header{display:flex;gap:.75rem;align-items:center;padding:.75rem 1rem;background:var(--green);color:#fff}.shell header span{margin-inline-start:auto}.shell header button.link{color:#fff;padding:0;min-height:0}.shell main{flex:1;padding:1rem}.shell nav{display:flex;gap:.5rem;padding:.5rem;background:var(--green-light);position:sticky;bottom:0}.shell nav button{flex:1;background:#fff;color:var(--green);border:1px solid var(--green)}.shell nav button[aria-current=true]{background:var(--green);color:#fff}.shell header{flex-wrap:wrap}.shell header .who{font-size:.85rem;opacity:.9}.mode-chip{background:#ffffff2e;padding:.25rem .75rem;min-height:0;border-radius:999px;font-size:.85rem}.shell nav{overflow-x:auto}.shell nav a{flex:1 0 auto;text-align:center;padding:.6rem .75rem;border-radius:8px;text-decoration:none;background:#fff;color:var(--green);border:1px solid var(--green);white-space:nowrap;font-size:.9rem}.shell nav a.active{background:var(--green);color:#fff}.mode-card{display:flex;flex-direction:column;gap:.25rem;text-align:start;background:#fff;color:var(--text);border:1px solid var(--green)}.mode-card strong{color:var(--green)}h2{margin:.5rem 0;color:var(--green)}h3{margin:0;font-size:1rem}a{color:var(--green)}.card{border:1px solid #cfdcd4;border-radius:12px;padding:.75rem 1rem;margin:.75rem 0;background:#fff}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.row{display:flex;align-items:center;gap:.5rem}.row.wrap{flex-wrap:wrap}.row>.field{flex:1}.stack{display:flex;flex-direction:column;gap:.5rem}.list{list-style:none;margin:.5rem 0;padding:0}.list>li{padding:.5rem 0;border-bottom:1px solid #e3ece6}.list.compact>li{padding:.25rem 0}.muted{color:#5b6b62}.ok{color:#1b6e3c}.center{text-align:center;margin-top:4rem}.tabs{display:flex;gap:.4rem;overflow-x:auto;margin:.5rem 0}.tabs button{background:#fff;color:var(--green);border:1px solid var(--green);padding:.4rem .9rem;min-height:0;white-space:nowrap}.tabs button[aria-selected=true]{background:var(--green);color:#fff}.field{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.5rem}.field>span{font-size:.85rem;color:#3b4b42}textarea,select{font:inherit;width:100%;padding:.6rem;border:1px solid #9bb3a5;border-radius:8px;background:#fff;min-height:44px}textarea{min-height:5rem}input[type=checkbox],input[type=radio]{width:auto;min-height:0;margin:0}.check{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}fieldset{border:1px solid #cfdcd4;border-radius:8px;margin:.5rem 0}button.small{padding:.3rem .7rem;min-height:0;font-size:.85rem}button.secondary{background:#fff;color:var(--green);border:1px solid var(--green)}.badge{display:inline-block;padding:.1rem .6rem;border-radius:999px;background:#e3ece6;font-size:.8rem}.badge.ok{background:#d4ecd9;color:#14532d}.badge.bad{background:#fbe0dd;color:#7a1c14}.badge.warn{background:#fdf0c8}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--green-light);color:var(--green);object-fit:cover;flex:none}.profile-head{margin:.5rem 0}.attr{padding:.4rem 0;border-bottom:1px solid #e3ece6}.attr-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.attr-row strong{min-width:8rem}.attr-row select,.attr-row input{width:auto;flex:1;min-width:6rem;margin:0}.history{margin:.25rem 0;padding-inline-start:1.25rem;font-size:.85rem}.question{margin:.75rem 0}.chat{list-style:none;padding:0;margin:.5rem 0;display:flex;flex-direction:column;gap:.5rem}.chat li{background:#f2f6f3;border-radius:10px;padding:.4rem .7rem;max-width:85%;align-self:flex-start}.chat li.mine{background:var(--green-light);align-self:flex-end}.chat li p{margin:.15rem 0 0}.composer{display:flex;gap:.5rem;flex-wrap:wrap}.composer input{flex:1;margin:0}.attend{border-top:1px solid #e3ece6;padding:.5rem 0;display:flex;flex-direction:column;gap:.35rem}.demo-picker{max-width:26rem;margin:0 auto;padding:1.5rem 1rem}.demo-picker h1{color:var(--green);margin-bottom:.25rem}.demo-lead{margin-top:0}.demo-note{font-size:.85rem}.demo-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;padding:.4rem 1rem;background:#fdf0c8;color:#3b2f00;font-size:.85rem;border-bottom:1px solid #e6cf7a}