:root{color:#28342a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#007e22;--green-dark:#003810;--line:#e1e5db;--muted:#969696;--cream:#f6f6f0;--amber:#946422;background:#f6f6f0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;justify-content:center;align-items:center;gap:8px;display:inline-flex}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #90a879}button{border:0}a{color:var(--green)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}svg{flex-shrink:0}strong{font-weight:600}small{line-height:1.45}.app{max-width:1620px;margin:0 auto;padding:0 46px}.page-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:105px;display:flex}.brand{color:#2d4932;letter-spacing:-1.2px;align-items:center;gap:12px;font-size:28px;font-weight:600;text-decoration:none;display:flex}.brand-symbol{background:#e8eddf;border:1px solid #cbd5c3;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.brand-subtitle{letter-spacing:2px;margin-top:2px;font-size:10px;font-weight:600;display:block}.project-meta{text-align:right;gap:5px;font-size:14px;display:grid}.project-meta>span:first-child{letter-spacing:1.8px;color:var(--muted);font-size:11px}.project-meta a{justify-content:flex-end;align-items:center;gap:6px;font-size:13px;text-decoration:none;display:flex}.writeup-pending{color:var(--muted);font-size:12px}.page-intro{justify-content:space-between;align-items:center;padding:34px 0 32px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:#66745e;font-size:11px;font-weight:600}.page-intro h1{letter-spacing:-1.8px;margin-top:10px;font-family:Georgia,Times New Roman,serif;font-size:46px;font-weight:400;line-height:1.15}.page-intro p{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.6}.workspace{grid-template-columns:minmax(425px,1.6fr) minmax(272px,1fr) minmax(296px,1.06fr);align-items:start;gap:26px;display:grid}.region-heading{justify-content:space-between;align-items:flex-start;height:34px;display:flex}.subtle{color:var(--muted);font-size:12px;line-height:1.5}.device-region{min-width:0}.pot-model{width:100%;max-width:560px;margin:0 auto;position:relative}.plant-illustration{width:100%;height:170px;margin-bottom:-8px;display:block;position:relative}.pot-body{background:linear-gradient(100deg,#eeeadd 0%,#ece8dc 73%,#dfdbcd 100%);border:1px solid #d8d5c6;border-top:none;border-radius:25px 25px 60px 60px;padding:27px 55px 35px 22px;position:relative;box-shadow:inset 0 -9px 18px #d2ccbb25}.bezel{z-index:1;background:#3f493b;border-radius:20px;padding:7px;position:relative;box-shadow:0 3px 8px #4e554024,0 1px 1px #ffffff50,inset 0 0 0 1px #242d2340}.physical-controls{flex-direction:column;align-items:center;gap:8px;width:39px;display:flex;position:absolute;top:85px;right:8px}.side-status{background:#7c9b65;border-radius:50%;width:7px;height:7px;margin-bottom:10px;box-shadow:0 0 0 4px #8ca27618}.side-status.attention{background:#ac803d;box-shadow:0 0 0 4px #b0905620}.side-label{letter-spacing:1.8px;color:#726e5d;font-size:8px}.physical-controls button{color:#707567;background:linear-gradient(120deg,#f8f6ed,#e2decd);border-radius:50%;width:36px;height:42px;transform:perspective(120px)rotateY(20deg);box-shadow:1px 2px 4px #6e71682a}.physical-controls small{color:#646d5c;margin-bottom:9px;font-size:10px}.pot-shadow{filter:blur(12px);opacity:.32;background:#c1bfaf;border-radius:50%;height:12px;margin:0 24px}.object-caption{color:var(--muted);justify-content:space-between;gap:12px;padding:14px 10px 0;font-size:11px;display:flex}.device-screen{background:#fcfdf9;border-radius:13px;flex-direction:column;height:600px;display:flex;overflow:hidden}.screen-top{color:#7d8679;justify-content:space-between;align-items:center;padding:13px 16px 0;font-size:10px;display:flex}.tiny-brand{letter-spacing:.6px;color:#52734e;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.screen-heading{justify-content:space-between;align-items:center;gap:8px;padding:13px 16px 12px;display:flex}.screen-heading h2{letter-spacing:-.5px;font-size:21px}.screen-heading p{color:var(--muted);margin-top:3px;font-size:12px}.reservoir-chip{color:#517149;background:#edf2e9;border-radius:20px;align-items:center;gap:4px;min-height:40px;padding:7px 9px;font-size:12px;display:flex}.reservoir-chip.low{color:#8a5e22;background:#f4eddc}.screen-content{scrollbar-width:thin;scrollbar-color:#c4cdbb transparent;flex:1;min-height:0;padding:0 16px 14px;overflow-y:auto}.screen-content h3{letter-spacing:-.2px;font-size:14px}.attention-card{text-align:left;color:#4a663e;background:#edf4e7;border:1px solid #d8e6cf;border-radius:9px;align-items:center;gap:9px;width:100%;margin-bottom:12px;padding:11px 10px;display:flex}.attention-card>span:nth-child(2){flex:1}.attention-card strong{font-size:12px;line-height:1.4;display:block}.attention-card small{margin-top:3px;font-size:11px;line-height:1.45;display:block}.attention-icon{flex-shrink:0;place-items:center;display:grid}.attention-card.warning{color:#805d2d;background:#f7f0df;border-color:#ece0c6}.care-cards{gap:7px;display:grid}.care-card{text-align:left;width:100%;color:inherit;background:#fcfdf9;border:1px solid #e2e8dc;border-radius:9px;align-items:center;gap:9px;min-height:65px;padding:9px 10px;display:flex}.care-card:hover{background:#f3f6ee;border-color:#c4d2b9}.care-card>span:nth-child(2){flex:1}.care-card>.card-icon{border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.card-title{letter-spacing:.7px;text-transform:uppercase;color:var(--muted);margin-bottom:3px;font-size:10px;display:block}.care-card strong{font-size:13px;line-height:1.3;display:block}.care-card small{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.4;display:block}.care-card>svg{color:#85967a}.water-icon{color:#4b7c76;background:#e8f0ec}.sun-icon{color:#a38441;background:#f4eedc}.pest-icon{color:#788563;background:#edf0e2}.screen-summary{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin:12px 0;font-size:11px;display:flex}.screen-summary span{align-items:center;gap:5px;display:flex}.screen-summary strong{color:#55634d;text-align:right;font-size:11px}.home-actions{gap:7px;display:flex}.home-actions>button:first-child,.home-actions>button:last-child{flex:1}.primary,.secondary{border-radius:8px;min-height:44px;padding:9px 13px;font-size:13px;font-weight:500;line-height:1.4}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.primary:hover:not(:disabled){background:var(--green-dark)}.secondary{color:#57654e;background:#fcfdf8;border:1px solid #dce3d4}.secondary:hover:not(:disabled){background:#f0f4e9;border-color:#bfcdb3}.text-button{color:#4d6947;background:0 0;justify-content:flex-start;min-height:32px;padding:5px 0;font-size:12px;line-height:1.5}.text-button:hover:not(:disabled){color:#274722;text-decoration:underline}.small{min-height:40px;padding:7px 10px;font-size:12px}.full{width:100%}.icon-button{color:inherit;background:0 0;border-radius:6px;min-width:32px;min-height:32px;padding:4px}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.helper{color:var(--muted);margin:8px 0;font-size:12px;line-height:1.6}.reading{color:#64725d;justify-content:space-between;align-items:center;padding:8px 0 13px;font-size:13px;display:flex}.reading strong{color:#3a5434;letter-spacing:-1px;font-size:25px;font-weight:500}.setting-row{border-bottom:1px solid #e9ede3;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;display:flex}.setting-row strong{font-size:13px;display:block}.setting-row small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.switch{background:#ccd3c6;border:1px solid #b9c3b3;border-radius:15px;flex-shrink:0;justify-content:flex-start;width:38px;height:22px;padding:2px}.switch span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 1px 3px #30422a22}.switch.on{background:var(--green);border-color:var(--green)}.switch.on span{transform:translate(15px)}.inline-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:7px 0;display:flex}.range-label{color:#69755f;justify-content:space-between;align-items:center;margin:14px 0 6px;font-size:12px;display:flex}.range-label strong{color:#3e5940;font-weight:600}input[type=range]{width:100%;accent-color:var(--green);cursor:pointer;height:18px;margin:0}input[type=checkbox]{accent-color:var(--green);flex-shrink:0;width:16px;height:16px}.water-stats{background:#f5f7ef;border:1px solid #e2e7da;border-radius:8px;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;padding:12px;display:grid}.water-stats>div{gap:5px;display:grid}.water-stats span{color:#68725e;font-size:11px}.water-stats strong{font-size:18px;font-weight:500}.water-stats small{color:var(--muted);font-size:10px}.inline-warning{color:#8a5929;background:#f8eddd;border:1px solid #ede1c8;border-radius:7px;align-items:flex-start;gap:6px;margin:10px 0;padding:9px;font-size:12px;line-height:1.55;display:flex}.inline-warning svg{margin-top:1px}.light-status{text-align:center;background:#f6f8ef;border:1px solid #e5e9dc;border-radius:10px;margin-bottom:12px;padding:17px 12px}.light-status>.card-icon{border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 10px;display:grid}.light-status .eyebrow{letter-spacing:1px;font-size:10px;display:block}.light-status h3{letter-spacing:-.4px;margin-top:7px;font-size:17px}.light-status p{color:#657259;margin-top:8px;font-size:12px;line-height:1.6}.tip-box{background:#f7f8f1;border:1px solid #e2e7d9;border-radius:8px;margin:13px 0;padding:11px;font-size:12px}.tip-box>strong{font-size:13px;display:block}.tip-box p{color:#65715c;margin:6px 0 10px;font-size:12px;line-height:1.6}.tip-box .secondary{background:#fdfef9}.warning-box{background:#f9f2e3;border-color:#eadfc5}.small-heading{margin:15px 0 8px;font-size:14px!important}.checklist{gap:5px;margin:10px 0;display:grid}.checklist label{color:#53634b;cursor:pointer;align-items:center;gap:8px;min-height:40px;font-size:12px;line-height:1.5;display:flex}.field-label{color:#54644c;margin:14px 0 7px;font-size:12px;font-weight:600;display:block}.field-label span{color:var(--muted);font-weight:400}input:not([type=range]):not([type=checkbox]):not([type=file]),select,textarea{color:#45583d;background:#fefff9;border:1px solid #dce2d4;border-radius:7px;width:100%;max-width:100%;padding:9px;font-size:13px;line-height:1.5}textarea{resize:vertical;min-height:62px;margin-bottom:9px}select{cursor:pointer;min-height:38px}.name-field{gap:6px;display:flex}.name-field input{min-width:0}.watering-strip{background:#edf4e7;border-top:1px solid #d8e2d0;align-items:center;gap:10px;min-height:55px;padding:10px 14px;font-size:12px;display:flex}.watering-strip>div{flex:1}.watering-strip strong{margin-bottom:4px;font-size:12px;display:block}.watering-strip progress{appearance:none;width:100%;height:4px;accent-color:var(--green);border:0;border-radius:5px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#d9e3ce}progress::-webkit-progress-value{background:var(--green)}.stop-button{color:#864b3d;background:#fff9f5;border:1px solid #c6a59b;border-radius:7px;min-height:34px;padding:7px 9px;font-size:12px}.screen-nav{background:#f8faf3;border-top:1px solid #e3e8dc;flex-shrink:0;grid-template-columns:repeat(5,1fr);gap:2px;min-height:57px;padding:4px 4px 5px;display:grid}.screen-nav button{color:#77816f;background:0 0;border-radius:7px;flex-direction:column;gap:4px;padding:7px 1px;font-size:10px;display:flex}.screen-nav button.active{color:#41613d;background:#e8efdf}.phone-region{min-width:0}.phone-shell{background:#fcfdf9;border:4px solid #3b4437;border-radius:31px;flex-direction:column;max-width:307px;height:680px;margin:92px auto 0;padding:29px 7px 17px;display:flex;position:relative;box-shadow:0 7px 18px #333d2a0d}.phone-notch{background:#3b4437;border-radius:16px;width:74px;height:12px;position:absolute;top:9px;left:calc(50% - 37px)}.phone-home-indicator{background:#adb5a3;border-radius:4px;width:72px;height:3px;position:absolute;bottom:6px;left:calc(50% - 36px)}.unpaired-phone{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:22px 18px;display:flex}.unpaired-phone h2{letter-spacing:-.9px;font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:400;line-height:1.15}.unpaired-phone p{color:var(--muted);margin:17px 0 22px;font-size:13px;line-height:1.8}.unpaired-phone small{color:var(--muted);margin-top:15px;font-size:11px}.pair-illustration{color:#5b7550;background:#eef2e5;border-radius:50%;place-items:center;width:80px;height:80px;margin-bottom:26px;display:grid;position:relative}.pair-illustration>span{background:#d4e2c4;border:3px solid #fcfdf9;border-radius:50%;place-items:center;width:37px;height:37px;display:grid;position:absolute;bottom:3px;right:-3px}.connection-banner{color:#506c44;background:#eef4e7;border-radius:6px;justify-content:space-between;align-items:center;gap:5px;min-height:31px;margin:0 6px;padding:3px 6px;font-size:10px;display:flex}.connection-banner>span{align-items:center;gap:5px;display:flex}.connection-banner .icon-button{min-width:25px;min-height:25px;padding:2px;position:relative}.connection-banner b{color:#fff;background:#a27a3e;border-radius:50%;place-items:center;width:11px;height:11px;font-size:9px;display:grid;position:absolute;top:-1px;right:-3px}.connection-banner.offline{color:#8f6634;background:#f6ecda}.connection-banner.offline i{background:#a5885a}.phone-feedback{color:#6b7764;min-height:18px;padding:5px 9px 0;font-size:10px;line-height:1.4}.phone-shell .device-screen{flex:1;height:auto;min-height:0}.compact .screen-heading{padding:11px 12px}.compact .screen-top{padding:12px 12px 0}.compact .screen-content{padding:0 12px 12px}.compact .screen-heading h2{font-size:18px}.compact .screen-day{display:none}.compact .care-card{gap:7px;padding:9px 7px}.compact .care-card>.card-icon{width:26px;height:29px}.compact .card-title{font-size:9px}.compact .care-card strong{font-size:12px}.compact .care-card small{font-size:10px}.compact .care-card>svg{width:13px}.compact .screen-summary,.compact .screen-summary strong{font-size:10px}.compact .attention-card{gap:7px}.compact .attention-card strong{font-size:11px}.compact .attention-card small{font-size:10px}.compact .attention-card>svg{width:13px}.compact .home-actions{gap:5px}.compact .home-actions button{gap:4px;padding:8px;font-size:11px}.compact .screen-nav button{font-size:9px}.companion-caption{color:var(--muted);text-align:center;max-width:275px;margin:25px auto 0;font-size:11px;line-height:1.6}.notification-drawer{z-index:3;background:#fbfdf7;border:1px solid #d3ddc9;border-radius:9px;max-height:320px;padding:11px;position:absolute;top:69px;left:11px;right:11px;overflow:auto;box-shadow:0 10px 25px #34402a26}.notification-drawer .row strong{font-size:13px}.notification-drawer>button{text-align:left;border-bottom:1px solid var(--line);width:100%;color:inherit;background:0 0;padding:10px 0;display:block}.notification-drawer>button strong{font-size:12px;display:block}.notification-drawer>button small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.notification-drawer>p{color:var(--muted);padding:9px;font-size:12px}.info-button{min-height:18px;padding:0;font-size:12px}.test-panel-card{background:#fffef9;border:1px solid #e3e5d9;border-radius:14px;padding:22px 18px}.test-intro{margin-bottom:23px}.test-intro h2{letter-spacing:-.5px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:400}.test-intro p{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.6}.testing-panel h3{margin:0 0 12px;font-size:12px;font-weight:600}.scenario-list{gap:6px;display:grid}.scenario-list button{text-align:left;min-height:62px;color:inherit;background:#fffef9;border:1px solid #e4e7dc;border-radius:8px;justify-content:flex-start;gap:9px;padding:10px 9px}.scenario-list button.chosen{background:#f0f4e9;border-color:#aabe98}.scenario-list button:hover{background:#f2f5ec}.scenario-number{color:#829174;align-self:flex-start;font-size:11px;line-height:16px}.scenario-list button>span:nth-child(2){flex:1}.scenario-list strong{font-size:12px;line-height:1.3;display:block}.scenario-list small{color:#6b7763;margin-top:4px;font-size:11px;line-height:1.5;display:block}.scenario-list>button>svg{color:#6f885c}.test-section{border-top:1px solid #e5e8dc;margin-top:20px;padding-top:18px}.test-buttons{grid-template-columns:1fr 1fr;gap:6px;display:grid}.test-buttons button{gap:5px;min-height:40px;padding:8px 6px;font-size:11px}.testing-panel .range-label{margin-top:18px;font-size:11px}.testing-panel .helper{font-size:11px;line-height:1.7}.testing-panel .row{gap:6px}.testing-panel .row h3{margin-bottom:0}.time-chip{white-space:nowrap;color:#6b775e;border:1px solid #e2e7d8;border-radius:7px;padding:5px 7px;font-size:10px}.simulation-controls{align-items:stretch;gap:6px;margin-top:13px;display:flex}.simulation-controls>button{flex:1;gap:6px;padding:8px 10px;font-size:12px}.simulation-controls>label{width:89px}.simulation-controls select{height:100%;padding:8px 5px;font-size:11px}.testing-panel .inline-actions{gap:13px;margin:6px 0}.testing-panel .text-button{font-size:11px}.fault-controls summary{color:#55674b;cursor:pointer;min-height:22px;font-size:12px;font-weight:600}.fault-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:13px;display:grid}.danger-outline{color:#8c582e;background:#fff5e8;border-color:#c8a182}.demo-card{background:#f5f8ee;border:1px solid #dce5d2;border-radius:8px;margin-top:13px;padding:13px}.demo-card>strong{margin:9px 0 7px;font-size:14px;display:block}.demo-card>p{color:#68755f;font-size:12px;line-height:1.7}.demo-card .inline-actions{justify-content:space-between;margin-top:10px}.feedback-toast{color:#58714c;background:#f0f4e8;border:1px solid #dee6d5;border-radius:10px;align-items:center;gap:9px;margin:28px 0 20px;padding:12px 15px;font-size:13px;line-height:1.5;display:flex}.feedback-toast.warning{color:#875e29;background:#f9efdb;border-color:#eadfc7}.feedback-toast.danger{color:#925336;background:#f8eae0;border-color:#e6cbb7}.page-footer{border-top:1px solid var(--line);color:#8a9181;justify-content:space-between;align-items:center;gap:20px;padding:21px 0 26px;font-size:11px;line-height:1.6;display:flex}.history-chart{background:#f8faf3;border:1px solid #e2e8da;border-radius:8px;margin:12px 0;padding:10px}.history-chart .row{gap:5px;font-size:11px}.history-chart .row span{color:var(--muted);font-size:10px}.history-chart svg{width:100%;margin-top:8px;display:block}.history-chart .chart-caption span{font-size:8px}.history-list{margin:0;padding:0;list-style:none}.history-list li{border-bottom:1px solid #e4e9dd;gap:10px;padding:12px 0;display:flex}.history-icon{color:#6a825c;background:#edf2e6;border-radius:8px;flex-shrink:0;place-items:center;width:27px;height:27px;display:grid}.history-list strong{font-size:12px;line-height:1.4;display:block}.history-list p{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.6}.history-list small{color:#8d9484;margin-top:4px;font-size:10px;display:block}.back-button{margin:0 0 8px}.empty-state{color:var(--muted);font-size:13px;line-height:1.7}.photo-log{border-top:1px solid #e2e8da;margin-top:12px}.damage-photo{object-fit:contain;background:#edf2e6;border-radius:7px;width:100%;max-height:160px;margin:10px 0;display:block}.photo-log figure{margin:12px 0}.photo-log figcaption{color:var(--muted);font-size:11px;line-height:1.5}dialog{color:#2f3c2b;background:#fffef9;border:1px solid #dce4d2;border-radius:17px;width:480px;max-width:calc(100vw - 32px);max-height:86vh;padding:0;box-shadow:0 30px 100px #26301c30}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#26301c55}.modal-heading{border-bottom:1px solid #e4e8dc;justify-content:space-between;align-items:center;gap:20px;padding:19px 23px;display:flex}.modal-heading h2{letter-spacing:-.4px;font-size:18px}.modal-content{max-height:calc(86vh - 75px);padding:23px;overflow-y:auto}.info-content p{color:#68725d;font-size:14px;line-height:1.8}.info-content ol{color:#65715b;padding-left:20px;font-size:13px;line-height:1.8}.info-content li{padding:4px 0 8px}.info-content li strong{color:#415637}.info-content .helper{margin:14px 0 22px;font-size:12px}.confirm-icon{color:#57734b;background:#e9f0e1;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 15px;display:grid}.confirmation-content{text-align:center}.confirmation-content>p{font-size:14px;line-height:1.8}.confirmation-content .helper{margin:12px 0 22px;font-size:13px}.confirmation-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1470px){.workspace{gap:35px}.pot-body{padding:30px 62px 39px 29px}.physical-controls{right:12px}.plant-illustration{height:186px}.phone-shell{margin-top:108px}.device-screen{height:610px}.test-panel-card{padding:24px}}@media (width<=1190px){.app{padding:0 28px}.workspace{grid-template-columns:minmax(420px,1.6fr) minmax(272px,1fr);gap:26px}.testing-panel{grid-column:1/-1}.test-panel-card{grid-template-columns:1fr 1fr;gap:0 26px;display:grid}.test-intro{grid-column:1/-1}.test-panel-card>h3{grid-column:1}.scenario-list{grid-area:3/1/6}.test-panel-card>.test-section{border-top:none;margin-top:0;margin-bottom:17px;padding-top:0}.test-panel-card>.test-section:last-child{border-top:1px solid #e5e8dc;grid-column:1/-1;margin-top:8px;padding-top:16px}.object-caption{font-size:11px}.phone-shell{max-width:300px}.page-intro{padding-bottom:28px}}@media (width<=750px){.app{padding:0 16px}.page-header{min-height:90px}.brand{font-size:25px}.brand-symbol{width:41px;height:41px}.project-meta{font-size:12px}.page-intro h1{font-size:40px}.page-intro{align-items:flex-start;padding-top:28px}.prototype-badge{display:none}.workspace{flex-direction:column;gap:29px;display:flex}.device-region,.phone-region,.testing-panel{width:100%}.pot-model{max-width:500px}.pot-body{padding:22px 53px 28px 20px}.phone-shell{max-width:300px;margin-top:17px}.companion-caption{margin-top:16px}.test-panel-card{padding:22px 18px;display:block}.test-panel-card>.test-section{border-top:1px solid #e5e8dc;margin-top:20px;padding-top:18px}.page-footer{flex-direction:column;align-items:flex-start;gap:5px}.object-caption{font-size:10px}.device-screen{height:600px}.screen-heading h2{font-size:20px}.page-intro .eyebrow{font-size:10px}.feedback-toast{font-size:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.meter.svelte-tlhxud{background:#e3e8e2;border-radius:6px;height:6px;position:relative;overflow:hidden}span.svelte-tlhxud{border-radius:inherit;background:var(--green);height:100%;transition:width .2s;display:block}.amber.svelte-tlhxud span:where(.svelte-tlhxud){background:#a36a24}.muted.svelte-tlhxud span:where(.svelte-tlhxud){background:#a9b1a7}i.svelte-tlhxud{background:#293a2c;width:2px;height:100%;position:absolute;top:0}