:root{--bg: #f7f1e6;--panel: rgba(255, 250, 243, .88);--panel-solid: #fff8ef;--ink: #1b2428;--muted: #5e666c;--line: rgba(27, 36, 40, .1);--accent: #ef7d42;--accent-soft: #ffe4cf;--mint-soft: #dcf4ed;--mint-ink: #127260;--shadow: 0 24px 60px rgba(103, 69, 28, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Manrope,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(239,125,66,.18),transparent 24%),linear-gradient(180deg,#fbf4e8,#f4eadc)}button{font:inherit;cursor:pointer}.app-shell{max-width:1200px;margin:0 auto;padding:24px}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.eyebrow{margin:0 0 8px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#a35027;font-weight:800}.topbar h1{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,3.5rem);line-height:.95}.view-switch{display:flex;gap:10px;flex-wrap:wrap}.view-switch button,.secondary,.primary,.record-button,.chip{border:none;border-radius:999px}.view-switch button{background:#ffffffb3;padding:10px 16px;color:var(--muted);min-width:108px}.view-switch .active{background:var(--ink);color:#fff}.mobile-layout{width:100%;max-width:440px;display:grid;gap:16px}.mobile-top-grid{display:grid;gap:16px}.phone-card,.office-table-card,.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.phone-card{padding:22px}.hero-card h2,.office-table-card h2{margin:14px 0 10px;font-family:Space Grotesk,sans-serif}.lead{color:var(--muted);margin:0 0 18px}.chip{display:inline-block;background:var(--accent-soft);color:#a35027;padding:8px 12px;font-size:.84rem;font-weight:800}.soft-chip{background:#1b24280f;color:var(--muted)}.guidance-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px}.guidance-label,.record-label{display:block;color:var(--muted);font-size:.85rem;margin-bottom:6px}.record-panel{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:18px}.record-button,.primary{background:var(--ink);color:#fff;padding:14px 20px;font-weight:800}.secondary{background:#fff;color:var(--ink);padding:14px 18px;border:1px solid var(--line)}.wide{width:100%}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-head h3,.section-head h2{margin:0}.practice-list{margin-top:14px;display:grid;gap:12px}.practice-item{background:#fffc;border-radius:18px;border:1px solid var(--line);padding:14px}.practice-item-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.practice-item p,.practice-item small{color:var(--muted)}.status{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:800}.status.ready{background:var(--mint-soft);color:var(--mint-ink)}.office-layout{display:grid;gap:20px}.office-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-card{padding:20px}.metric-card span{color:var(--muted)}.metric-card strong{display:block;margin-top:10px;font-family:Space Grotesk,sans-serif;font-size:2rem}.office-table-card{padding:24px;overflow-x:auto}.table-wrap{min-width:720px}table{width:100%;border-collapse:collapse;margin-top:14px}th,td{padding:14px 12px;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:.84rem}@media (max-width: 880px){.topbar{flex-direction:column;align-items:flex-start;margin-bottom:18px}.office-hero{grid-template-columns:1fr}}@media (min-width: 700px) and (max-width: 1180px){.mobile-layout.tablet-mobile-layout{max-width:100%;gap:18px}.tablet-top-grid{grid-template-columns:1.35fr .95fr;align-items:start}.tablet-top-grid .action-grid{grid-template-columns:1fr}.tablet-top-grid .action-card{min-height:100%}}@media (max-width: 699px){.app-shell{padding:12px;max-width:100%}.topbar h1{font-size:1.9rem;max-width:12ch}.phone-card,.office-table-card,.metric-card{border-radius:22px}.phone-card,.office-table-card{padding:16px}.record-panel,.action-grid{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.record-panel{gap:12px}.record-button,.secondary,.primary{width:100%}.practice-item-head{align-items:flex-start}.status{width:fit-content}.mobile-layout{max-width:none;gap:12px}.lead{font-size:.95rem}.guidance-box{padding:14px}.record-panel strong{display:block;margin-bottom:8px}.practice-item{padding:12px}.practice-item p,.practice-item small{display:block;line-height:1.4;overflow-wrap:anywhere}th,td{padding:12px 10px;white-space:nowrap}}@media (max-width: 420px){.app-shell{padding:10px}.topbar{gap:16px;margin-bottom:16px}.topbar h1{font-size:1.65rem}.eyebrow{font-size:.66rem}.phone-card,.office-table-card,.metric-card{border-radius:18px}.phone-card,.office-table-card{padding:14px}.guidance-box strong,.practice-item strong{display:block;line-height:1.25}.chip,.status{font-size:.76rem}.secondary,.primary,.record-button{padding:12px 14px}}