/* The viewport is a workspace. Lists paginate; only dialogs and chat messages scroll. */
html,body,#app{width:100%;height:100%;overflow:hidden}body{background:#FFF6EF}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}
.previewbar{height:38px}.viewport{width:100%;height:calc(100dvh - 38px);max-width:1920px;min-height:0;overflow:hidden;margin:0 auto}.viewport.phone-preview{width:410px;max-width:100%;height:calc(100dvh - 60px);min-height:0;margin:10px auto;border:1px solid #e9dbcf;border-radius:22px;box-shadow:0 8px 36px #83563214}.app-shell{height:100%;min-height:0;overflow:hidden;grid-template-columns:210px minmax(0,1fr)}.sidebar{position:static;height:100%;min-height:0;padding:22px 14px 12px;overflow:hidden}.brand{padding:0 5px 22px;font-size:21px}.brand-mark{object-fit:cover;transform:none}.main-nav{gap:3px;padding-bottom:14px}.nav-item{padding:10px 12px}.roster-heading{padding:8px}.roster{gap:3px;min-height:0}.roster-pet{padding:9px 6px;gap:8px}.roster-detail small{font-size:9px;max-width:123px;overflow:hidden;text-overflow:ellipsis}.roster-all{padding:9px 7px}.add-pet-btn{margin-top:10px;padding:9px}.sidebar-bottom{padding-top:12px}.backup-actions{padding-top:9px}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:color-mix(in srgb,var(--pet) 9%,white)}.avatar{overflow:hidden}.account-button{display:flex;align-items:center;gap:8px;text-align:left;width:100%;margin-bottom:12px;padding:10px 5px;background:#faf6f2;border-radius:10px}.account-initial,.account-mini{border-radius:50%;background:#ffe5d4;color:#b55e31;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;font-size:13px}.account-button>span:nth-child(2){min-width:0;flex:1}.account-button strong{display:block;font-size:12px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-button small{display:block;font-size:9px;color:#927f6f}.account-button>.icon{width:13px}
.workspace{height:100%;min-height:0;padding:18px 22px 0;display:flex;flex-direction:column;overflow:hidden}.workspace-header{flex:0 0 auto;margin-bottom:16px;min-height:48px}.breadcrumb{margin-bottom:3px}.workspace-header h1{font-size:25px}.header-right{gap:14px}.sync-indicator{font-size:10px;color:#8a796a}.content-grid{flex:1;min-height:0;gap:18px;grid-template-columns:minmax(0,1fr) 276px;align-items:stretch}.main-content{height:100%;min-height:0;gap:12px;overflow:hidden}.card{padding:15px 17px;border-radius:16px;min-height:0}.welcome-banner{min-height:0;height:72px;flex-shrink:0;padding:12px 20px;border-radius:14px}.welcome-banner h2{font-size:19px}.welcome-eyebrow{font-size:7px;margin-bottom:4px}.welcome-family{display:flex}.welcome-avatar{width:48px;height:48px;border-width:3px;margin-left:-9px}.welcome-avatar:nth-child(2){transform:rotate(7deg) translateY(3px)}.tasks-card{flex:0 0 auto}.task-row,.task-row:last-child{padding:10px 0;gap:9px}.task-row:last-child{padding-bottom:0}.task-list:not(.expanded) .task-row:nth-child(n+3){display:flex}.task-main strong{font-size:12px}.task-main>small{font-size:10px}.task-row .avatar{width:34px;height:34px}.due-badge{font-size:10px}.done-button{font-size:10px;padding:6px 8px}.heading-actions{display:flex;align-items:center;gap:12px}.pager{display:flex;align-items:center;justify-content:center;gap:5px;font:10px 'Trebuchet MS',sans-serif;color:#9b826f}.pager button{width:25px;height:25px;border:1px solid #eee1d8;border-radius:7px;font-size:18px;background:#fff}.roster>.pager{margin-top:3px}.empty-inline{padding:8px 0;min-height:65px}.empty-art{width:88px;height:65px;object-fit:contain}.family-section{flex-shrink:0}.family-section>.section-heading{margin-bottom:8px}.family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:visible}.family-card{padding:12px;min-width:0;max-width:none;border-radius:14px}.family-pet-top{gap:8px}.family-pet-top .avatar{width:42px;height:42px}.family-pet-name strong{font-size:14px}.family-pet-name>span{font-size:10px}.family-stats{margin-top:9px;flex-wrap:nowrap}.family-stats b{font-size:24px}.family-stats .status{font-size:8px;padding:2px 4px}.mini-measures{font-size:10px;margin-top:8px;padding-top:7px;flex-wrap:nowrap}.chart-card{display:flex;flex-direction:column;flex:1;min-height:160px;padding-bottom:10px}.chart-controls{margin-top:9px}.metric-tabs button{padding:4px 14px;font-size:11px}.chart-summary{padding-top:8px;gap:10px}.chart-summary strong{font-size:25px}.chart-summary strong small{font-size:10px}.chart-summary>div>span,.chart-last-date{font-size:10px}.chart-change{font-size:10px}.trend-chart{display:block;width:100%;height:auto;flex:1;min-height:64px;margin:3px 0;max-height:none}.chart-foot{padding-top:7px;flex-shrink:0}.chart-foot>span{font-size:10px}.chart-empty{flex:1;min-height:70px;padding:10px}.chart-empty .icon{width:24px;height:24px}.pet-profile{flex:0 0 auto;padding:13px 16px}.pet-profile-head .avatar.large{width:52px;height:52px}.pet-profile-head h2{font-size:19px}.pet-profile-head p,.pet-profile-head small{font-size:10px}.measure-caption{margin:8px 0 5px}.size-grid>div{padding:8px 4px}.size-grid strong{font-size:23px}.profile-footnote{display:none}.content-footer{height:25px;flex:0 0 25px;margin:0;align-items:center;font-size:9px}.content-footer .icon{width:11px;height:11px}.content-footer>button{font-size:9px}.warning-banner{flex:0 0 auto;padding:6px 10px;margin-bottom:8px;font-size:10px}.warning-banner button{margin-left:auto;font-size:10px}.right-panel{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.quick-card{padding:17px 16px;flex-shrink:0}.quick-heading h2{font-size:16px}.quick-heading .eyebrow{font-size:7px}.quick-description{display:none}.quick-tabs{margin:10px 0}.quick-tabs button{padding:7px 0;font-size:12px}.field-label{margin:10px 0 5px;font-size:11px}input,select,textarea{font-size:13px;padding:8px 10px}input[type=date]{min-height:35px}textarea{min-height:48px;height:48px;resize:none}.measurement-inputs{gap:9px;margin-top:10px}.measurement-inputs label>span{font-size:11px;margin-bottom:4px}.primary-button{padding:10px;font-size:12px}.form-save-note{font-size:9px;padding-top:8px}.form-error:empty{display:none}.form-error{font-size:11px;margin:7px 0}.field-hint{font-size:10px}.measure-guide-mini{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:#fff8f1;border-radius:9px;padding:4px 8px;color:#a07756;font-size:10px}.measure-guide-mini img{width:74px;height:40px;object-fit:contain}.upcoming-card{padding:2px 8px;margin:0;flex:1;overflow:hidden;min-height:0}.upcoming-card .section-heading h2{font-size:12px}.upcoming-card .section-heading>span{font-size:9px}.upcoming-item{padding:10px 0;gap:10px}.upcoming-date{width:36px;height:41px}.upcoming-date b{font-size:18px}.upcoming-date small{font-size:8px}.upcoming-item strong{font-size:10px}.upcoming-item>span:nth-child(2)>small{font-size:9px;margin-top:3px}.care-note{display:none}.assistant-promo{display:flex;align-items:center;gap:10px;padding:12px;border-radius:13px;background:#f0eee2;text-align:left;color:#7f8266;flex-shrink:0}.assistant-promo>span{flex:1}.assistant-promo strong{display:block;font-size:12px}.assistant-promo small{display:block;font-size:10px;margin-top:3px}.history-card{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.history-row{padding:11px 0;gap:10px}.history-main>strong{font-size:12px}.history-main>small{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.history-values{font-size:10px;margin-top:4px}.history-next{font-size:10px}.history-filters{margin-top:9px}.history-add{margin-top:auto;padding-top:8px}.care-badge{width:29px;height:29px;object-fit:contain}.profile-page{height:100%;display:flex;flex-direction:column;gap:12px;min-height:0}.profile-list{display:grid;grid-template-columns:1fr;gap:12px;min-height:0}.full-profile{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}.full-profile .pet-profile-head{grid-column:1;grid-row:1/3}.full-profile .profile-info{display:flex;gap:12px;margin:0;font-size:10px}.full-profile .profile-info span{font-size:10px}.full-profile .profile-note{grid-column:1;margin:0;font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.full-profile .size-grid{grid-row:2;grid-column:2}.full-profile .profile-actions{grid-column:2;margin:0;padding:0;border:0;gap:14px}.full-profile .size-grid>div{padding:5px}.full-profile .size-grid strong{font-size:21px}.profile-page>.secondary-button{margin-top:auto}.demo-clear{align-self:center}.onboarding{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.onboarding>img{width:250px;max-width:65%;max-height:32vh;object-fit:contain}.onboarding h2{font-size:24px}.onboarding p{color:#a38c79}.onboarding .primary-button{max-width:250px;width:90%}.onboarding-side{width:100%;max-height:230px;object-fit:contain}.modal{max-height:92dvh;overflow-y:auto}.bottom-sheet{max-height:92dvh}.avatar-upload{display:flex;gap:18px;align-items:center;margin:12px 0 18px}.avatar-upload small{display:block;font-size:10px;color:#9f8a78;margin:6px 0}.upload-label{display:inline-flex;width:auto;align-items:center;gap:5px;cursor:pointer;font-size:12px;padding:8px 12px}.measurement-guide{position:relative;margin:10px 0;background:#fff6ef;border-radius:15px}.measurement-guide>img{display:block;width:100%}.measurement-guide>span{position:absolute;padding:5px 9px;border-radius:8px;background:white;box-shadow:0 2px 10px #442e1612;font-size:11px}.guide-neck{left:4%;top:25%;color:#da6b37}.guide-chest{left:28%;bottom:12%;color:#248b60}.guide-back{right:15%;top:10%;color:#3576d6}.guide-legend{font-size:12px;color:#8b7768;line-height:2}.auth-modal{max-width:420px}.auth-brand{text-align:center;margin:6px 0 13px}.auth-brand img{width:60px;border-radius:17px}.auth-links{display:flex;justify-content:space-between;margin-top:16px;color:#bd7548;font-size:12px}.account-summary{padding:20px;background:#fff6ef;border-radius:12px;display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.account-summary strong{font-size:20px}.account-summary span{font-size:12px;color:#9e826b}.recovery-code{display:block;overflow-wrap:anywhere;background:#fff5ea;border-radius:9px;padding:18px;margin:15px 0;font-size:13px}.auth-modal .secondary-button{margin-top:9px}.mobile-tools{display:flex;align-items:center;gap:8px}
.chat-grid{grid-template-columns:1fr}.chat-card{height:100%;display:flex;flex-direction:column;padding:0;overflow:hidden}.chat-top{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid #f0e6dc}.chat-title{flex:1}.chat-title h2{font-size:17px;display:flex;align-items:center;gap:8px}.chat-title p{font-size:10px;color:#9a8675;margin-top:4px}.chat-tokens{font:11px 'Trebuchet MS',sans-serif;color:#9f8d7e}.chat-messages{flex:1;min-height:0;overflow:auto;padding:20px;overscroll-behavior:contain;scroll-behavior:smooth}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:14px;text-align:center}.chat-welcome img{width:140px;height:105px;object-fit:contain}.chat-welcome h3{font-size:20px}.chat-welcome p{font-size:12px;color:#a68b75;max-width:400px}.chat-suggestions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.chat-suggestions button{font-size:11px;border:1px solid #eadbce;border-radius:20px;padding:8px 12px;color:#98775b}.chat-message{margin-bottom:18px;max-width:90%;width:fit-content}.chat-message.user{margin-left:auto}.chat-message .bubble{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;padding:12px 16px;background:#faf6f2;border-radius:14px;font-size:13px}.chat-message.user .bubble{background:#ffe8d7}.chat-message small{display:block;margin-bottom:4px;color:#a58a75;font-size:10px}.chat-message.user small{text-align:right}.chat-message.incomplete .bubble{border:1px dashed #d7b99e}.chat-compose{padding:12px 20px 14px;border-top:1px solid #eee3d9;background:#fffdfa}.context-picker{display:flex;align-items:center;gap:7px;overflow-x:auto;min-height:32px;margin-bottom:9px}.context-picker>span{font-size:11px;white-space:nowrap;color:#9d856f}.context-pet{display:flex;align-items:center;gap:5px;border:1px solid #e8ded5;border-radius:18px;padding:3px 9px 3px 4px;font-size:11px;white-space:nowrap;flex-shrink:0}.context-pet .avatar{width:24px;height:24px}.context-pet.active{background:#fff0e3;border-color:#eeae80}.compose-row{display:flex;gap:9px;align-items:flex-end}.compose-row textarea{flex:1;height:58px;min-height:58px;max-height:100px;font-size:13px;padding:10px;background:white}.compose-row .primary-button{width:75px;height:40px}.chat-disclaimer{display:flex;justify-content:space-between;gap:9px;margin-top:7px;font-size:10px;color:#a38e7a}.chat-disclaimer button{font-size:10px;color:#c47a4d}.chat-error{padding:8px 12px;background:#fff1e8;color:#ae6744;font-size:11px;border-radius:9px;white-space:pre-wrap;margin-bottom:9px}.conversation-list{display:flex;flex-direction:column;gap:8px}.conversation-row{display:flex;align-items:center;border:1px solid #eee3d9;border-radius:10px;padding:8px}.conversation-row>button:first-child{flex:1;text-align:left;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-summary{font-size:12px;line-height:1.9;color:#967b64}.context-summary strong{color:#624e3d}
@media(max-height:800px) and (min-width:761px){.sidebar{padding-top:16px}.brand{padding-bottom:13px}.main-nav{padding-bottom:7px}.nav-item{padding-top:8px;padding-bottom:8px}.roster-pet{padding-top:6px;padding-bottom:6px}.workspace{padding-top:12px}.workspace-header{margin-bottom:10px;min-height:40px}.workspace-header h1{font-size:22px}.content-grid{gap:14px}.main-content{gap:9px}.welcome-banner{height:55px;padding:8px 17px}.welcome-banner h2{font-size:17px}.welcome-eyebrow{display:none}.welcome-avatar{width:39px;height:39px}.card{padding:12px 14px}.task-row,.task-row:last-child{padding-top:8px;padding-bottom:6px}.family-card{padding:9px}.family-pet-top .avatar{width:34px;height:34px}.family-stats{margin-top:6px}.mini-measures{margin-top:5px;padding-top:5px}.chart-controls{margin-top:7px}.chart-summary{padding-top:4px}.chart-summary strong{font-size:22px}.chart-card{min-height:155px}.measure-guide-mini{display:none}.quick-card .field-label{margin-top:8px}.quick-card textarea{height:38px;min-height:38px}.quick-card .form-save-note{display:none}.quick-tabs{margin:8px 0}.quick-card .save-button{margin-top:10px}.upcoming-item:nth-child(n+3){display:none}.full-profile{padding:11px;gap:6px 16px}.full-profile .avatar.large{width:45px;height:45px}.full-profile .profile-info{font-size:9px}.content-footer{height:20px;flex-basis:20px}.assistant-promo{padding:9px}}
@container app (max-width:1200px) and (min-width:981px){.app-shell{grid-template-columns:186px minmax(0,1fr)}.workspace{padding-left:16px;padding-right:16px}.content-grid{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.card{padding-left:13px;padding-right:13px}.family-stats .status{display:none}.family-pet-top{gap:5px}.family-pet-name strong{font-size:13px}.family-pet-name>span{font-size:9px}.section-heading h2{font-size:13px}.header-right .today-label{display:none}.task-main strong{font-size:11px}.done-button{font-size:9px;padding:5px}.task-row{gap:6px}.mini-measures{font-size:9px}.roster-detail small{max-width:102px}.brand{font-size:19px}}
@container app (max-width:980px) and (min-width:761px){.right-panel{display:none}.content-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:190px minmax(0,1fr)}.mobile-add{position:absolute;right:25px;bottom:30px}.main-content{padding-bottom:2px}}
@container app (max-width:760px){
 .app-shell{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sidebar,.right-panel{display:none}.mobile-top{display:block;position:static;flex:0 0 auto;background:#fffbf7;backdrop-filter:none}.mobile-header{padding:10px 15px 6px}.mobile-brand .brand-mark{width:30px;height:30px;border-radius:9px}.mobile-tools>.icon-btn{color:#b96b43;background:#fff1e6}.account-mini{width:28px;height:28px;font-size:12px}.pet-pills{padding:5px 12px 8px;gap:6px}.pet-pills button{padding:4px 10px 4px 5px;gap:4px;font-size:11px;height:32px}.pet-pills button:first-child,.pet-pills button:last-child{padding:5px 12px}.pet-pills .avatar{width:23px;height:23px}.workspace{flex:1;height:auto;min-height:0;display:flex;padding:10px 12px 0;overflow:hidden}.workspace-header{min-height:26px;margin-bottom:8px}.workspace-header h1{font-size:20px}.breadcrumb,.header-right,.heading-dot{display:none}.content-grid{display:flex;flex:1;min-height:0}.main-content{width:100%;height:100%;gap:10px;min-height:0}.welcome-banner{display:none}.card{padding:12px;border-radius:14px}.section-heading h2{font-size:12px;gap:5px}.heading-icon{width:22px;height:22px}.heading-actions{gap:7px}.pager{gap:3px;font-size:9px}.pager button{width:22px;height:22px;font-size:17px}.text-button{font-size:10px}.tasks-card{flex:0 0 auto}.task-row,.task-row:last-child{padding:9px 0 6px;gap:6px}.task-row .avatar{width:29px;height:29px}.task-main strong{font-size:10px}.task-main>small{font-size:9px;margin-top:2px}.pet-label{font-size:8px;padding:1px 4px}.due-badge{font-size:9px}.done-button{font-size:9px;padding:6px;gap:2px;margin-left:0;min-height:30px}.done-button .icon{width:11px;height:11px}.family-section>.section-heading{margin-bottom:6px}.family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;overflow:visible;padding:0}.family-card{min-width:0;max-width:none;padding:8px 7px;border-radius:12px}.family-pet-top{gap:4px}.family-pet-top .avatar{width:30px;height:30px}.family-pet-name strong{font-size:12px}.family-pet-name strong small,.family-pet-name>span{display:none}.family-stats{margin-top:7px}.family-stats b{font-size:23px}.family-stats>span:first-child{font-size:9px}.family-stats .status{display:none}.mini-measures{font-size:8px;gap:3px;flex-wrap:wrap;margin-top:6px;padding-top:5px}.chart-card{flex:1;min-height:170px;padding-bottom:9px}.chart-controls{margin-top:8px}.metric-tabs button{padding:4px 11px;font-size:10px}.chart-card .section-heading select{font-size:9px;padding:4px}.chart-controls>select{font-size:10px;width:66px;padding:4px}.chart-summary{padding-top:6px;gap:12px}.chart-summary strong{font-size:25px}.chart-summary>div>span{font-size:9px}.chart-summary strong small{font-size:9px}.chart-change{font-size:9px}.chart-change small{display:none}.chart-last-date{font-size:9px}.trend-chart{height:auto;min-height:50px;flex:1;margin:3px 0}.trend-chart text{font-size:14px}.chart-foot{padding-top:5px}.chart-foot>span,.chart-foot .text-button{font-size:9px}.content-footer{height:19px;flex-basis:19px;font-size:8px;justify-content:center;flex-wrap:nowrap}.content-footer>button{font-size:8px}.mobile-nav{display:flex;position:static;height:calc(59px + env(safe-area-inset-bottom));min-height:59px;flex:0 0 auto;padding-top:7px;padding-bottom:max(7px,env(safe-area-inset-bottom));background:#fffdfa}.mobile-nav .nav-item{font-size:10px;gap:3px}.mobile-nav .nav-item .icon{width:19px;height:19px}.mobile-add{position:absolute;top:96px;bottom:auto;right:13px;border-radius:18px;padding:6px 11px;font-size:11px;height:29px;box-shadow:none;z-index:10}.mobile-add .icon{width:14px;height:14px}.warning-banner{margin-bottom:7px;padding:5px 8px;font-size:9px}.pet-profile{padding:10px 12px}.pet-profile-head{gap:10px}.pet-profile-head .avatar.large{width:44px;height:44px}.pet-profile-head h2{font-size:18px}.pet-profile-head p{font-size:9px}.pet-profile-head small{display:none}.measure-caption{font-size:9px;margin:7px 0 5px}.size-grid>div{padding:7px 2px}.size-grid strong{font-size:22px}.size-grid>div>span{font-size:9px}.size-grid strong small{font-size:8px}.profile-page{gap:10px}.profile-page>.section-heading h2{font-size:12px}.profile-list{grid-template-columns:1fr}.full-profile{display:flex;flex-direction:column;padding:18px;gap:14px}.full-profile .pet-profile-head .avatar.large{width:65px;height:65px}.full-profile .pet-profile-head p{font-size:11px}.full-profile .profile-info{flex-direction:column;gap:10px;margin:3px 0;font-size:12px}.full-profile .profile-info span{font-size:12px}.full-profile .profile-note{white-space:normal;font-size:12px}.full-profile .size-grid>div{padding:12px 3px}.full-profile .profile-actions{display:flex;justify-content:space-between;margin-top:6px}.full-profile .profile-actions .text-button{font-size:11px}.history-row{padding:13px 0;gap:8px}.history-main>strong{font-size:11px}.history-main>small{font-size:9px}.history-values{gap:7px;font-size:9px}.history-next{font-size:9px}.history-row .avatar{width:30px;height:30px}.history-row .icon-btn{width:26px;height:28px}.history-filters{margin-top:9px}.history-filters button{font-size:11px}.history-add{padding-top:8px}.empty-art{width:72px;height:54px}.empty-inline{min-height:60px;padding:4px 0}.empty-inline p{font-size:10px}.empty-inline strong{font-size:12px}.onboarding h2{font-size:21px}.onboarding p{font-size:12px}.chat-top{padding:12px;gap:8px}.chat-title h2{font-size:14px}.chat-title p{font-size:9px}.chat-tokens{font-size:9px}.chat-messages{padding:13px}.chat-message{max-width:94%}.chat-message .bubble{font-size:13px;padding:10px 12px}.chat-compose{padding:9px 11px 11px}.context-picker{gap:5px;margin-bottom:7px}.context-picker>span{font-size:10px}.context-pet{font-size:10px;padding-right:7px}.context-pet .avatar{width:21px;height:21px}.compose-row textarea{font-size:16px;height:55px;min-height:55px}.compose-row .primary-button{width:60px;font-size:12px}.chat-disclaimer{font-size:9px}.chat-disclaimer button{font-size:9px}.chat-welcome{gap:10px}.chat-welcome h3{font-size:17px}.chat-welcome img{width:120px;height:85px}.chat-welcome p{font-size:11px}.chat-suggestions button{font-size:10px;padding:7px 9px}.chat-card{padding:0}.chat-grid .main-content{height:100%}
}
@media(max-width:760px){.previewbar{display:none}.viewport,.viewport.phone-preview{width:100%;height:100dvh;border:0;border-radius:0;margin:0;box-shadow:none;min-height:0}.modal input,.modal select,.modal textarea{font-size:16px}.modal{padding:20px;max-height:90dvh}.bottom-sheet{padding:10px 19px 20px;max-height:94dvh}.bottom-sheet .quick-tabs{margin-top:10px}.bottom-sheet .quick-description{display:none}.bottom-sheet .field-label{font-size:12px;margin-top:10px}.bottom-sheet .measurement-inputs{margin-top:10px}.bottom-sheet textarea{height:46px;min-height:46px}.bottom-sheet .primary-button{font-size:14px}.bottom-sheet .form-save-note{padding-top:7px}.modal-heading{margin-bottom:12px}.auth-modal .field-hint{font-size:11px}.avatar-upload{gap:13px}.avatar-upload .avatar{width:58px;height:58px}.pet-form-grid{gap:10px}.pet-form-grid label{font-size:11px}.pet-form-grid input,.pet-form-grid select{margin-top:4px}#toast-root{bottom:75px}.toast{max-width:95vw;font-size:11px}.auth-modal .primary-button{font-size:14px}}
.trend-chart text{font-size:9px!important}.trend-chart{min-height:60px}.upcoming-card{display:none}.assistant-promo{margin-top:auto}.roster{flex-shrink:0}.add-pet-btn{flex-shrink:0}
.sidebar .main-nav{flex-shrink:0}.sidebar .brand{flex-shrink:0}.sidebar .sidebar-bottom{flex-shrink:0}
@media(max-height:800px) and (min-width:761px){.sidebar{padding-top:12px;padding-bottom:7px}.sidebar .main-nav{gap:1px;padding-bottom:3px}.sidebar .nav-item{padding-top:6px;padding-bottom:6px}.sidebar .brand-mark{width:34px;height:34px}.sidebar .brand{font-size:19px}.sidebar .roster-heading{padding-top:5px;padding-bottom:5px}.sidebar .add-pet-btn{margin-top:7px;padding:7px}.sidebar .backup-actions{padding-top:5px}.sidebar .backup-actions button{padding-top:4px;padding-bottom:4px}}
@media(max-height:800px) and (min-width:761px){.chart-foot{display:none}.chart-card{min-height:175px}.quick-card .eyebrow{display:none}.sidebar-bottom{padding-top:8px}.account-button{margin-bottom:7px;padding-top:7px;padding-bottom:7px}.brand{padding-bottom:10px}.roster-pet .avatar{width:35px;height:35px}.roster-pet{padding-top:5px;padding-bottom:5px}.roster-all{padding-top:6px;padding-bottom:6px}.roster-all small{display:none}}
@media(max-height:720px){.phone-preview .content-footer{display:none}}
@media(max-width:760px) and (max-height:720px){.content-footer{display:none}.workspace{padding-top:8px;padding-bottom:8px}.main-content{gap:8px}.chart-card{min-height:150px}.chart-summary{padding-top:4px}.chart-summary strong{font-size:23px}.chart-foot{display:none}.family-card{padding:7px}.mini-measures{margin-top:4px;padding-top:4px}.profile-page>.section-heading{display:none}.full-profile{gap:10px;padding:15px}.full-profile .size-grid>div{padding:7px 3px}.mobile-header{padding-top:7px}.mobile-add{top:92px}}