:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1a2530;background:#071821;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #1a2530;--muted: #64727f;--subtle: #6b7b8a;--blue: #0f3d5c;--blue-2: #0a5b67;--teal: #2e8a78;--teal-soft: #e8f5f2;--coral: #c97844;--coral-soft: #fff2eb;--amber: #f2c94c;--red: #d74f3f;--red-soft: #fff0ee;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #eef5f8;--rule: #d8e3ea;--glass-rule: rgba(15, 61, 92, .14);--shadow: 0 24px 80px rgba(2, 16, 24, .38)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 0%,rgba(46,138,120,.22),transparent 32rem),linear-gradient(130deg,#071821,#0f2e3a 47%,#11212b)}button,input{font:inherit}button{border:0}button:focus-visible,input:focus-visible{outline:2px solid #08384a;outline-offset:3px;box-shadow:0 0 0 5px #77dfc76b}.screen:focus,.command-sheet:focus{outline:none}.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}.demo-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(392px,460px) minmax(360px,520px);align-items:center;justify-content:center;gap:clamp(28px,5vw,72px);padding:clamp(24px,5vw,58px)}.phone-frame{width:min(100%,430px);height:min(880px,calc(100dvh - 48px));min-height:min(720px,calc(100dvh - 48px));border-radius:54px;padding:12px;background:linear-gradient(135deg,#ffffffdb,#96a8b16b),#101820;box-shadow:var(--shadow),inset 0 0 0 1px #ffffff47;position:relative}.phone-screen{height:100%;overflow:hidden;border-radius:43px;background:var(--surface-2);position:relative}.screen{height:100%;padding:54px 24px 86px;overflow:auto;scrollbar-width:none}.screen::-webkit-scrollbar,.dashboard-content::-webkit-scrollbar,.event-list::-webkit-scrollbar{width:0;height:0}.welcome-screen{background:linear-gradient(180deg,#fffffff5,#f8fafceb),url(/assets/horizon-water.jpg) center top / 120% auto no-repeat}.intro-screen{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:58px 22px 24px;color:#fff;overflow:hidden;background:#071821}.intro-bg{position:absolute;inset:0;background:linear-gradient(180deg,#04121a14,#04121a33 34%,#04121aeb),url(/assets/onboarding-aquarium.jpg) center center / cover no-repeat;transform:scale(1.02)}.intro-brand,.intro-copy,.intro-glass-card,.intro-actions{position:relative;z-index:1}.intro-brand{position:absolute;top:62px;left:22px;right:22px;display:flex;align-items:center;justify-content:flex-start}.intro-brand .wordmark{color:#fff}.intro-brand span{padding:7px 10px;border:1px solid rgba(255,255,255,.34);border-radius:999px;color:#ffffffe6;font-size:12px;font-weight:700}.intro-copy .overline{color:#9fe7d8}.intro-copy h1{max-width:320px;margin-bottom:12px;font-size:40px;line-height:1.03;letter-spacing:0}.intro-copy p:not(.overline){max-width:300px;color:#ffffffd1;line-height:1.38}.intro-glass-card{display:grid;grid-template-columns:68px 1fr;gap:12px;align-items:center;margin-top:18px;padding:12px 14px 12px 12px;border:1px solid rgba(255,255,255,.22);border-radius:22px;background:#07182185;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.intro-glass-card>div{display:grid;justify-items:center}.intro-glass-card strong{display:grid;place-items:center;width:58px;height:58px;border-radius:999px;border:6px solid #77dfc7;font-family:SFMono-Regular,ui-monospace,Consolas,monospace;font-size:21px}.intro-glass-card span{display:block;margin-top:5px;color:#ffffffb8;font-size:8px;font-weight:700;line-height:1.15;text-align:center;text-transform:uppercase}.intro-glass-card p{margin:0;color:#ffffffd1;font-size:15px;line-height:1.32}.intro-actions{display:grid;grid-template-columns:1fr 120px;gap:10px;margin-top:16px}.intro-actions .primary-button,.intro-actions .secondary-button{margin-top:0;width:100%}.onboarding-screen{background:linear-gradient(180deg,#fffffff0,#f8fafcfa),url(/assets/ai-water-field.jpg) center -150px / 130% auto no-repeat}.account-hero,.privacy-intro{padding:20px;border-radius:26px;background:linear-gradient(135deg,#fffffff0,#e8f5f2c7),#fff;border:1px solid rgba(46,138,120,.2)}.account-hero svg,.privacy-intro svg{color:var(--blue)}.account-hero h1,.privacy-intro h1{margin:14px 0 8px;font-size:28px;line-height:1.08}.account-hero p,.privacy-intro p{margin:0;color:var(--muted);line-height:1.45}.auth-options{display:grid;gap:10px}.auth-options button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--rule);border-radius:14px;color:var(--blue);background:#fff;font-weight:700}.micro-proof{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--muted);font-size:12px}.micro-proof svg{color:var(--teal)}.ownership-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.ownership-proof span{display:grid;justify-items:center;gap:5px;min-height:66px;padding:10px 6px;border:1px solid var(--rule);border-radius:16px;color:var(--blue);background:#ffffffbd;font-size:10px;font-weight:800;text-align:center}.ownership-proof svg{color:var(--teal)}.privacy-list{display:grid;gap:10px;margin-top:14px}.consent-row{display:grid;grid-template-columns:1fr 48px;align-items:center;gap:14px;padding:14px;border:1px solid var(--rule);border-radius:18px;background:#fff}.consent-row strong,.consent-row span{display:block}.consent-row span{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.36}.product-setup-screen{background:linear-gradient(180deg,#fff,#f8fafc)}.product-setup-image{width:100%;height:176px;margin:16px 0 2px;object-fit:cover;border-radius:26px;border:1px solid var(--rule);box-shadow:0 18px 45px #0f3d5c1a}.app-screen,.dashboard-screen{background:linear-gradient(180deg,#fbfdff,#f5f8fb 58%,#eef5f8)}.brand-row,.top-bar,.section-heading,.screen-header,.device-card-head,.cockpit-head,.sheet-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.wordmark{color:var(--blue);font-size:27px;font-weight:700}.ghost-button,.icon-button,.secondary-button,.primary-button,.choice-card,.prompt-row button,.scenario-row button{cursor:pointer;-webkit-tap-highlight-color:transparent}.ghost-button{background:#ffffffb8;border:1px solid var(--glass-rule);color:var(--blue);border-radius:12px;min-height:44px;padding:0 12px;font-size:13px;font-weight:700}.ghost-button.compact{min-width:46px}.welcome-copy{padding-top:28px}.overline{margin:0 0 8px;color:var(--blue-2);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}h1,h2,h3,p{margin-top:0}.welcome-copy h1,.screen-header h1,.tank-hero h1{letter-spacing:0}.welcome-copy h1{max-width:350px;margin-bottom:14px;font-size:31px;line-height:1.08;font-weight:700}.welcome-copy p:not(.overline),.hero-panel p,.qr-panel p,.panel p,.screen-header p{color:var(--muted);line-height:1.48}.activation-preview{display:grid;grid-template-columns:54px 1fr 24px;align-items:center;gap:12px;margin-top:20px;padding:12px 14px;border:1px solid rgba(46,138,120,.22);border-radius:20px;background:linear-gradient(135deg,#ffffffeb,#e8f5f2c2),#fff;box-shadow:0 16px 42px #0f3d5c0f}.activation-preview strong,.activation-preview small{display:block}.activation-preview strong{margin-bottom:3px;color:var(--blue)}.activation-preview small{color:var(--muted);font-size:11px;line-height:1.35}.activation-preview>svg{color:var(--teal)}.water-orbit{width:52px;height:52px;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#0f3d5c14,#2e8a782e),#f4fbfd}.water-orbit:before,.water-orbit:after{content:"";position:absolute;left:-10%;width:120%;height:26px;border-radius:50%;border:1px solid rgba(15,61,92,.22);animation:tide 4.8s ease-in-out infinite}.water-orbit:before{top:16px}.water-orbit:after{top:24px;animation-delay:-1.8s}.water-orbit span{position:absolute;bottom:9px;width:4px;height:4px;border-radius:999px;background:#2e8a78a3;animation:bubble-rise 3s ease-in-out infinite}.water-orbit span:nth-child(1){left:13px}.water-orbit span:nth-child(2){left:25px;animation-delay:-1s}.water-orbit span:nth-child(3){left:36px;animation-delay:-1.8s}.choice-stack{display:grid;gap:14px;margin-top:18px}.choice-card{width:100%;min-height:112px;display:grid;grid-template-columns:82px 1fr 20px;align-items:center;gap:16px;padding:15px;border:1px solid var(--rule);border-radius:22px;background:#ffffffdb;color:var(--ink);text-align:left;box-shadow:0 10px 34px #0f3d5c0d;transition:transform .18s ease,border-color .18s ease,background .18s ease}.choice-card:hover{transform:translateY(-2px)}.choice-card.is-active{border-color:#2e8a788c;background:#fff}.choice-media{width:82px;height:68px;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:linear-gradient(160deg,#0f3d5c14,#2e8a7817),#edf5f8;color:var(--blue)}.choice-media img{width:100%;height:100%;object-fit:cover}.choice-text{display:grid;gap:5px}.choice-text strong{font-size:16px}.choice-text small,.choice-text em{color:var(--muted);font-size:12px;font-style:normal;line-height:1.35}.choice-text em{width:fit-content;padding:4px 8px;border:1px solid var(--rule);border-radius:999px;color:var(--blue);background:var(--surface-2);font-weight:700}.trust-strip,.trust-callout{display:flex;gap:12px;align-items:center;margin-top:20px;padding:14px 16px;border:1px solid rgba(15,61,92,.18);border-radius:18px;color:var(--blue);background:#ffffffa8}.trust-strip div{display:grid;gap:3px}.trust-strip span,.trust-callout span{color:var(--muted);font-size:12px}.top-bar{min-height:40px;margin-bottom:20px}.top-bar strong{font-size:17px}.top-bar>span{color:var(--subtle);font-size:12px;font-weight:700}.icon-button{width:44px;min-width:44px;height:44px;min-height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;background:#ffffff24;color:inherit}.icon-button.light{background:#fff;color:var(--blue);border:1px solid var(--rule)}.panel,.hero-panel,.form-panel,.included-devices,.qr-panel,.stepper-card,.reading-card,.device-card,.cockpit-card,.trust-card{border:1px solid var(--rule);background:#ffffffd6;border-radius:22px;box-shadow:0 14px 34px #0f3d5c0f}.hero-panel{padding:20px}.hero-panel h2,.qr-panel h2{margin-bottom:8px;font-size:24px;line-height:1.1}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:18px;padding:5px;border-radius:16px;background:#edf4f8}.segmented button{min-height:44px;border-radius:12px;background:transparent;color:var(--muted);font-weight:700}.segmented button.selected{background:#fff;color:var(--blue);box-shadow:0 8px 20px #0f3d5c14}.form-panel{display:grid;gap:12px;margin-top:14px;padding:16px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:grid;gap:7px}.field span{color:var(--muted);font-size:12px;font-weight:700}.field input{width:100%;height:44px;padding:0 13px;border:1px solid var(--rule);border-radius:14px;background:var(--surface-2);color:var(--ink);font-weight:700}.included-devices{display:grid;gap:10px;margin-top:14px;padding:16px}.section-heading h3{margin-bottom:0;font-size:16px}.section-heading span{color:var(--blue-2);font-size:11px;font-weight:700}.check-row{display:flex;align-items:center;gap:9px;min-height:26px;color:var(--muted);font-size:13px}.check-row svg{color:var(--teal);flex:0 0 auto}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:16px;padding:0 18px;font-weight:700;transition:transform .18s ease,opacity .18s ease}.primary-button{width:100%;margin-top:18px;color:#fff;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-2) 100%)}.primary-button:disabled{opacity:.72;cursor:progress}.secondary-button{color:var(--blue);background:#fff;border:1px solid rgba(15,61,92,.2)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.compact-action,.primary-button.compact-action{width:auto;min-height:44px;margin-top:0}.qr-panel{display:grid;grid-template-columns:1fr 104px;gap:16px;align-items:center;padding:18px}.fake-qr{position:relative;overflow:hidden;height:104px;display:grid;place-items:center;gap:4px;border:1px solid rgba(15,61,92,.14);border-radius:20px;color:var(--blue);background:linear-gradient(180deg,#fffffff0,#e7f2f5cc),#f6fbfd;box-shadow:inset 0 0 0 1px #ffffffb8,0 10px 24px #0f3d5c0f}.fake-qr:before{content:"";position:absolute;inset:9px;border-radius:15px;background:linear-gradient(var(--teal),var(--teal)) left top / 16px 2px no-repeat,linear-gradient(var(--teal),var(--teal)) left top / 2px 16px no-repeat,linear-gradient(var(--teal),var(--teal)) right top / 16px 2px no-repeat,linear-gradient(var(--teal),var(--teal)) right top / 2px 16px no-repeat,linear-gradient(var(--teal),var(--teal)) left bottom / 16px 2px no-repeat,linear-gradient(var(--teal),var(--teal)) left bottom / 2px 16px no-repeat,linear-gradient(var(--teal),var(--teal)) right bottom / 16px 2px no-repeat,linear-gradient(var(--teal),var(--teal)) right bottom / 2px 16px no-repeat;opacity:.58}.fake-qr svg,.fake-qr span{position:relative;z-index:1}.fake-qr.scanning{border-color:#2e8a786b;color:var(--teal)}.fake-qr.verified{border-style:solid;color:var(--teal);background:linear-gradient(180deg,#fff,#eaf8f4)}.fake-qr.invalid,.fake-qr.claimed,.fake-qr.assisted{color:var(--coral);background:linear-gradient(180deg,#fff,#fff5ee)}.fake-qr span{font-family:SFMono-Regular,Consolas,monospace;color:var(--muted);font-size:10px;font-weight:700}.claim-card{display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid var(--rule);border-radius:22px;background:#fff;box-shadow:0 14px 34px #0f3d5c0d}.claim-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:16px;background:#edf4f8}.claim-tabs button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;color:var(--muted);background:transparent;font-weight:700}.claim-tabs button.selected{color:var(--blue);background:#fff;box-shadow:0 8px 20px #0f3d5c14}.scanner-preview{min-height:128px;display:grid;grid-template-columns:116px 1fr;gap:14px;align-items:center;position:relative;overflow:hidden;padding:14px;border:1px solid rgba(15,61,92,.12);border-radius:20px;color:var(--blue);background:radial-gradient(circle at 16% 18%,rgba(119,223,199,.2),transparent 36%),linear-gradient(135deg,#fffffff5,#edf7f9d1),#f7fbfc}.scanner-preview.scanning:after{content:"";position:absolute;left:22px;width:100px;top:36px;height:2px;border-radius:999px;background:#77dfc7;box-shadow:0 0 18px #77dfc7cc;animation:scan-line .95s ease-in-out infinite}.scanner-preview.verified{border-style:solid;border-color:#2e8a783d;background:radial-gradient(circle at 16% 18%,rgba(119,223,199,.28),transparent 38%),linear-gradient(135deg,#fff,#ecf8f5)}.scanner-preview.invalid,.scanner-preview.claimed,.scanner-preview.assisted{border-color:#c978443d;background:radial-gradient(circle at 16% 18%,rgba(201,120,68,.16),transparent 38%),linear-gradient(135deg,#fff,#fff5ee)}.scanner-frame{position:relative;display:grid;justify-items:center;align-content:center;gap:5px;min-height:100px;padding:12px 10px 10px;border-radius:18px;color:var(--blue);background:linear-gradient(180deg,#fffffff0,#e7f2f5d1);box-shadow:inset 0 0 0 1px #0f3d5c14,0 12px 24px #0f3d5c14}.scanner-frame>span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.scanner-frame>small{color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:800;letter-spacing:0}.scanner-corners{position:absolute;inset:8px;border-radius:16px;background:linear-gradient(var(--teal),var(--teal)) left top / 20px 2px no-repeat,linear-gradient(var(--teal),var(--teal)) left top / 2px 20px no-repeat,linear-gradient(var(--teal),var(--teal)) right top / 20px 2px no-repeat,linear-gradient(var(--teal),var(--teal)) right top / 2px 20px no-repeat,linear-gradient(var(--teal),var(--teal)) left bottom / 20px 2px no-repeat,linear-gradient(var(--teal),var(--teal)) left bottom / 2px 20px no-repeat,linear-gradient(var(--teal),var(--teal)) right bottom / 20px 2px no-repeat,linear-gradient(var(--teal),var(--teal)) right bottom / 2px 20px no-repeat;opacity:.78}.scanner-copy{position:relative;z-index:1;display:grid;gap:5px}.scanner-copy strong{color:var(--ink);font-size:18px;line-height:1.16}.scanner-copy small{color:var(--muted);font-size:13px;line-height:1.35}.manual-code-field{display:grid;gap:7px}.manual-code-field span{color:var(--muted);font-size:12px;font-weight:700}.manual-code-field input{width:100%;height:48px;padding:0 13px;border:1px solid var(--rule);border-radius:14px;background:var(--surface-2);color:var(--ink);font-family:SFMono-Regular,Consolas,monospace;font-weight:700;text-transform:uppercase}.claim-actions{display:flex;align-items:center;gap:10px}.claim-sim-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.claim-sim-row button{min-height:44px;padding:0 8px;border-radius:999px;color:var(--blue);background:var(--surface-2);border:1px solid var(--rule);font-size:10px;font-weight:800}.claim-actions .secondary-button{min-height:44px;flex:1}.claim-success{display:inline-flex;align-items:center;gap:5px;color:var(--teal);font-size:12px;font-weight:700}.ownership-confirmed{display:flex;align-items:center;gap:9px;margin-top:14px;padding:12px 14px;border:1px solid rgba(46,138,120,.22);border-radius:18px;color:var(--blue);background:#ecf8f5;font-size:12px;line-height:1.35;font-weight:700}.ownership-confirmed svg{color:var(--teal);flex:0 0 auto}.stepper-card{display:grid;gap:8px;margin-top:14px;padding:12px}.provision-step{display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:12px;padding:10px;border-radius:16px;color:var(--muted);transition:background .18s ease,color .18s ease,transform .18s ease}.provision-step.done{background:#f4faf9;color:var(--ink)}.provision-step.active{transform:translate(2px);box-shadow:inset 3px 0 0 var(--teal)}.step-icon,.device-icon,.trust-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;color:var(--blue);background:var(--surface-3)}.provision-step strong,.provision-step small{display:block}.provision-step small{margin-top:3px;font-size:11px;line-height:1.3}.step-state{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#fff;color:var(--blue);font-size:12px;font-weight:700;border:1px solid var(--rule)}.spin{animation:spin .9s linear infinite}.dashboard-screen{padding:0;overflow:hidden;position:relative}.dashboard-content{position:relative;z-index:1;height:100%;overflow:auto;padding-bottom:104px;scroll-padding-top:34px}.dashboard-content.assistant-mode{padding-bottom:0;overflow:hidden}.dashboard-content:has(.sheet-backdrop){z-index:10;overflow:hidden;padding-bottom:0}.tank-hero{height:306px;min-height:306px;position:relative;overflow:hidden;color:#fff;background:#08212c}.tank-hero img{width:100%;height:100%;min-height:0;object-fit:cover;display:block;filter:saturate(1.08) contrast(.98);object-position:center 54%}.tank-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0312196b,#03121914 48%,#f8fafcf0),linear-gradient(90deg,rgba(3,18,25,.46),transparent 72%)}.tank-hero.advisory:after{background:linear-gradient(180deg,#44221033,#03121914 45%,#f8fafcf5),linear-gradient(90deg,rgba(3,18,25,.42),transparent 72%)}.tank-hero.urgent:after{background:linear-gradient(180deg,#5c140e47,#0312191f 45%,#f8fafcf5),linear-gradient(90deg,rgba(3,18,25,.52),transparent 72%)}.living-hero{height:220px;min-height:220px}.hero-overlay{position:absolute;z-index:1;inset:58px 20px auto;display:grid;grid-template-columns:1fr auto;align-items:start;gap:14px}.hero-overlay p{margin-bottom:3px;color:#ffffffe0;font-weight:700}.aquarium-switch-chip{min-height:30px;display:inline-flex;align-items:center;gap:6px;margin:0 0 5px;padding:5px 9px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;background:#04121a3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;font-weight:700}.aquarium-switch-chip span{min-width:18px;height:18px;display:inline-grid;place-items:center;border-radius:999px;color:var(--blue);background:#ffffffdb;font-size:10px}.hero-overlay h1{margin-bottom:8px;font-size:30px;line-height:1.05}.hero-summary{display:block;max-width:260px;margin-bottom:10px;color:#ffffffdb;font-size:13px;line-height:1.35}.live-dot{display:inline-flex;align-items:center;gap:7px;color:#ffffffd6;font-size:12px}.live-dot:before{content:"";width:8px;height:8px;border-radius:999px;background:#77dfc7;box-shadow:0 0 #77dfc7b8;animation:pulse 1.8s infinite}.hero-actions{display:grid;justify-items:end;gap:8px}.hero-alert{display:inline-flex;align-items:center;gap:6px;max-width:168px;min-height:44px;padding:0 12px;border-radius:999px;font-size:11px;font-weight:700;text-align:left;color:#6d4308;background:#fff8dff0;border:1px solid rgba(242,201,76,.66)}.hero-alert.critical{color:#89271f;background:#fff0eef0;border-color:#d74f3f6b}.next-action-card{position:relative;z-index:2;display:grid;gap:5px;margin:-42px 16px 12px;padding:13px 15px;border-radius:20px;color:var(--blue);background:#fffffff0;border:1px solid rgba(15,61,92,.12);box-shadow:0 16px 38px #0f3d5c1a}.next-action-card span{color:var(--teal);font-size:10px;font-weight:800;text-transform:uppercase}.next-action-card strong{font-size:14px;line-height:1.3}.next-action-card.advisory span{color:#9a5b22}.next-action-card.urgent{border-color:#d74f3f47;background:#fff8f6}.next-action-card.urgent span{color:var(--red)}.home-mode-switch{display:inline-grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border:1px solid rgba(15,61,92,.12);border-radius:999px;background:#ffffffe6;box-shadow:0 8px 18px #0f3d5c0d}.home-mode-switch button{min-width:72px;min-height:32px;padding:0 11px;border-radius:999px;color:var(--muted);background:transparent;font-size:12px;font-weight:700;transition:color .16s ease,background .18s ease,transform .18s ease}.home-mode-switch button.selected{color:#fff;background:var(--blue);transform:translateY(-1px)}.next-action-card+.home-mode-switch{margin:0 16px 12px}.home-view-page{min-height:100%;animation:home-view-in .26s cubic-bezier(.2,.8,.2,1) both;will-change:transform,opacity}.home-view-page.to-details{animation-name:home-view-in-from-right}.home-view-page.to-living{animation-name:home-view-in-from-left}.living-home{min-height:0;display:grid;align-content:start;gap:12px;padding:0 16px 18px;background:radial-gradient(circle at 50% 14%,rgba(183,240,229,.52),transparent 9rem),radial-gradient(circle at 0% 40%,rgba(15,61,92,.08),transparent 11rem),linear-gradient(180deg,#fbfdfd,#eef7f9)}.living-home.advisory{background:radial-gradient(circle at 50% 14%,rgba(242,201,76,.28),transparent 9rem),radial-gradient(circle at 0% 40%,rgba(15,61,92,.08),transparent 11rem),linear-gradient(180deg,#fffdf7,#eef7f9)}.living-home.urgent{background:radial-gradient(circle at 50% 14%,rgba(215,79,63,.18),transparent 9rem),radial-gradient(circle at 0% 40%,rgba(15,61,92,.08),transparent 11rem),linear-gradient(180deg,snow,#eef7f9)}.living-home-head{display:grid;justify-items:start;gap:10px;margin-top:-24px;position:relative;z-index:2}.living-home-head>div:first-child{display:none}.living-head-actions{display:inline-flex;align-items:center;gap:8px;max-width:100%}.profile-chip-button{min-height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:1px solid rgba(15,61,92,.12);border-radius:999px;color:var(--blue);background:#ffffffeb;box-shadow:0 8px 18px #0f3d5c0d;font-size:12px;font-weight:800}.living-home-head p{margin:0 0 4px;color:var(--blue-2);font-size:12px;font-weight:700}.living-home-head h1{margin:0;max-width:250px;color:var(--ink);font-size:31px;line-height:1.02}.living-state-card{position:relative;display:grid;justify-items:center;gap:12px;padding:16px 13px 13px;overflow:hidden;border:1px solid rgba(15,61,92,.12);border-radius:28px;background:linear-gradient(180deg,#ffffffd1,#ffffff8a),#ffffffb8;box-shadow:0 22px 52px #0f3d5c17}.living-state-card:before{content:"";position:absolute;inset:auto 10% -54px;height:110px;border-radius:50%;background:#b7f0e56b;filter:blur(16px)}.living-orb{--orb-accent: #77dfc7;--orb-accent-soft: rgba(119, 223, 199, .38);--orb-mid: #7fc9c3;--orb-deep: #0f3d5c;--orb-deep-soft: rgba(15, 61, 92, .34);--orb-wash: #e5fbf7;position:relative;width:136px;height:136px;display:grid;place-items:center;border-radius:999px;color:var(--blue);overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.92) 0 23%,transparent 24%),radial-gradient(circle at 37% 23%,rgba(255,255,255,.54),transparent 24%),conic-gradient(from 202deg,rgba(46,138,120,.18),var(--orb-accent),var(--orb-deep),rgba(46,138,120,.22));box-shadow:inset 0 0 0 1px #2e8a7829,inset 0 -24px 34px #0f3d5c1f,0 18px 42px #2e8a782e}.living-home.advisory .living-orb{--orb-accent: #f2c94c;--orb-accent-soft: rgba(242, 201, 76, .38);--orb-mid: #e0b24e;--orb-deep: #9a5b22;--orb-deep-soft: rgba(154, 91, 34, .34);--orb-wash: #fff7dc;color:#7d4b12}.living-home.urgent .living-orb{--orb-accent: #d74f3f;--orb-accent-soft: rgba(215, 79, 63, .32);--orb-mid: #c9685d;--orb-deep: #7d2f29;--orb-deep-soft: rgba(125, 47, 41, .34);--orb-wash: #fff0ee;color:#8a2d24}.living-orb span{position:absolute;border-radius:999px;pointer-events:none}.living-orb .orb-glass{z-index:1;inset:8px;border:1px solid rgba(255,255,255,.58);background:radial-gradient(circle at 34% 25%,rgba(255,255,255,.58),transparent 22%),radial-gradient(circle at 54% 56%,rgba(255,255,255,.2),transparent 42%);box-shadow:inset 0 0 0 11px #ffffff14,inset 0 -18px 28px #0f3d5c1a}.living-orb .orb-current{z-index:2;width:124%;height:58%;left:-12%;bottom:-8%;border-radius:42% 48% 50% 50%;background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.52),transparent 15%),linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.04) 32%,var(--orb-accent-soft)),linear-gradient(90deg,var(--orb-accent-soft),var(--orb-deep-soft));opacity:.82;animation:living-tide 6.4s ease-in-out infinite}.living-orb .orb-ripple{z-index:3;inset:23px;border:1px dashed rgba(255,255,255,.64);opacity:.62;animation:slow-spin 22s linear infinite}.living-orb .orb-bubble{z-index:4;width:6px;height:6px;border:1px solid rgba(255,255,255,.62);background:#ffffff8f;box-shadow:0 0 10px #ffffff61;animation:living-bubble 4.8s ease-in-out infinite}.living-orb .orb-bubble-one{left:31px;bottom:30px}.living-orb .orb-bubble-two{right:30px;bottom:37px;width:4px;height:4px;animation-delay:1.2s}.living-orb .orb-bubble-three{left:52px;bottom:22px;width:3px;height:3px;animation-delay:2.1s}.living-orb strong{position:relative;z-index:5;width:62px;height:62px;display:grid;place-items:center;border-radius:999px;color:var(--blue);background:radial-gradient(circle at 38% 28%,#fffffffa,#ffffffdb),var(--orb-wash);box-shadow:inset 0 0 0 1px #fffc,0 10px 28px #0f3d5c21;font-family:SFMono-Regular,Consolas,monospace;letter-spacing:0}.living-orb strong b,.living-orb strong em{position:relative;z-index:1;font-style:normal;line-height:1}.living-orb strong b{margin-top:5px;font-size:33px}.living-orb strong em{margin-top:-9px;color:var(--muted);font-size:9px;font-weight:800}.living-state-copy{position:relative;z-index:1;display:grid;justify-items:center;gap:5px;text-align:center}.living-state-copy span,.living-next-step span{color:var(--blue-2);font-size:11px;font-weight:700}.living-state-copy h2{max-width:300px;margin:0;color:var(--ink);font-size:22px;line-height:1.08}.living-state-copy p{max-width:300px;margin:0;color:var(--muted);font-size:13px;line-height:1.42;display:none}.living-life-signs{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:minmax(118px,1.22fr) repeat(2,minmax(0,1fr));gap:7px}.living-life-signs article,.living-life-signs button{min-height:52px;display:grid;grid-template-columns:auto minmax(0,1fr);justify-items:start;align-content:center;align-items:center;gap:7px;padding:8px;border:1px solid rgba(15,61,92,.1);border-radius:16px;background:#ffffffbd;text-align:left}.living-life-signs button{position:relative;min-height:66px;border-color:#2e8a786b;background:linear-gradient(135deg,#b7f0e585,#ffffffe6);box-shadow:inset 0 0 0 1px #2e8a781a,0 10px 22px #2e8a781f}.living-life-signs article svg,.living-life-signs button svg:first-child{width:30px;height:30px;padding:7px;border-radius:12px;color:var(--blue);background:#eef5f8eb}.living-life-signs article.stable svg,.living-life-signs button.stable svg:first-child{color:var(--teal);background:#b7f0e56b}.living-life-signs article.advisory svg,.living-life-signs button.advisory svg:first-child{color:#9a5b22;background:#f2c94c33}.living-life-signs article.urgent svg,.living-life-signs button.urgent svg:first-child{color:var(--red);background:#fff0eee6}.living-life-signs strong,.living-life-signs span,.living-life-signs em{display:block}.living-life-signs strong{color:var(--ink);font-size:11px;line-height:1.05}.living-life-signs span{margin-top:2px;color:var(--muted);font-size:9px;line-height:1.15}.living-life-signs button em{display:inline-flex;align-items:center;gap:2px;margin-top:0;color:var(--blue);font-size:8px;font-style:normal;font-weight:800;line-height:1}.living-rhythm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.living-rhythm article{min-height:82px;display:grid;align-content:center;gap:6px;padding:12px 10px;border:1px solid rgba(15,61,92,.11);border-radius:20px;background:#ffffffc2}.living-rhythm svg{color:var(--blue)}.living-rhythm span{color:var(--muted);font-size:11px;font-weight:700}.living-rhythm strong{color:var(--ink);font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.1}.living-next-step{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid rgba(15,61,92,.11);border-radius:22px;background:#ffffffd1}.living-next-step strong{display:block;margin:4px 0;color:var(--ink);font-size:17px;line-height:1.16}.living-next-step p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.aquarium-profile-page{min-height:100%;display:grid;align-content:start;gap:12px;padding:14px 16px 18px;background:radial-gradient(circle at 50% 0%,rgba(183,240,229,.42),transparent 12rem),linear-gradient(180deg,#fbfdfd,#eef7f9)}.profile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.compact-profile-action{width:auto;min-height:40px;margin:0;padding:0 13px;border-radius:999px;font-size:12px}.aquarium-profile-hero{position:relative;min-height:202px;display:grid;align-items:end;overflow:hidden;border-radius:28px;border:1px solid rgba(15,61,92,.12);background:var(--blue);box-shadow:0 20px 46px #0f3d5c1f}.aquarium-profile-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.03)}.aquarium-profile-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#041c270f,#041c27bd),radial-gradient(circle at 16% 12%,rgba(119,223,199,.3),transparent 10rem)}.aquarium-profile-hero>div{position:relative;z-index:1;display:grid;gap:6px;padding:18px;color:#fff}.aquarium-profile-hero p,.aquarium-profile-hero h1,.aquarium-profile-hero span{margin:0}.aquarium-profile-hero p{color:#9cf4df;font-size:11px;font-weight:900;text-transform:uppercase}.aquarium-profile-hero h1{font-size:32px;line-height:1.02}.aquarium-profile-hero span{max-width:280px;color:#ffffffdb;font-size:13px;line-height:1.35}.profile-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-stat-grid article,.profile-section{border:1px solid rgba(15,61,92,.11);background:#ffffffd6}.profile-stat-grid article{display:grid;gap:5px;min-height:88px;padding:12px;border-radius:20px}.profile-stat-grid svg,.profile-section svg{color:var(--blue)}.profile-stat-grid span{color:var(--muted);font-size:10px;font-weight:800}.profile-stat-grid strong{color:var(--ink);font-size:14px;line-height:1.1}.profile-section{display:grid;gap:10px;padding:13px;border-radius:24px}.profile-section .section-heading{padding:0}.profile-section .section-heading h3{margin:0;font-size:16px}.profile-section .section-heading span{color:var(--blue-2);font-size:11px;font-weight:800}.profile-compat-card{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px;border-radius:18px;color:var(--blue);background:linear-gradient(135deg,#b7f0e557,#ffffffb8)}.profile-compat-card strong,.profile-compat-card p{display:block;margin:0}.profile-compat-card strong{color:var(--ink);font-size:14px}.profile-compat-card p{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.35}.profile-chip-row{display:flex;flex-wrap:wrap;gap:7px}.profile-chip-row span{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border-radius:999px;color:var(--blue);background:#eef5f8cc;font-size:12px;font-weight:800}.plant-card-list{display:grid;gap:9px}.plant-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:10px;border-radius:20px;background:linear-gradient(135deg,#e6f8eceb,#ffffffdb),#fff;border:1px solid rgba(46,138,120,.13)}.plant-card img{width:76px;height:86px;object-fit:cover;border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff4d,0 10px 22px #0f3d5c14}.plant-card>div{min-width:0;display:grid;gap:5px}.plant-card strong,.plant-card span,.plant-card p,.plant-card small{margin:0}.plant-card strong{color:var(--ink);font-size:14px}.plant-card span,.plant-card p,.plant-card small{color:var(--muted);font-size:11px;line-height:1.28}.plant-card div div{display:flex;flex-wrap:wrap;gap:5px}.plant-card em{padding:4px 7px;border-radius:999px;color:#09503e;background:#b7f0e57a;font-size:10px;font-style:normal;font-weight:800}.plant-card small{display:inline-flex;color:#8a5a14;font-weight:700}.material-grid{display:grid;gap:8px}.material-grid article,.profile-timeline-card .check-row{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;padding:10px;border-radius:16px;background:#eef5f8ad}.material-grid article>svg,.profile-timeline-card .check-row>svg{width:36px;height:36px;padding:9px;border-radius:13px;background:#fff}.material-grid strong,.material-grid span,.profile-timeline-card span{display:block}.material-grid strong{color:var(--ink);font-size:13px}.material-grid span,.profile-timeline-card span{color:var(--muted);font-size:11px;line-height:1.28}.fish-life-mode{background:radial-gradient(circle at 50% 0%,rgba(183,240,229,.42),transparent 12rem),linear-gradient(180deg,#f8fcfc,#eef7f9)}.fish-life-page{display:grid;gap:11px;padding:14px 16px 18px}.fish-life-hero{display:grid;gap:10px}.fish-life-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.fish-back-button{width:42px;min-height:42px}.fish-life-title{display:grid;gap:4px;max-width:300px}.fish-life-hero p{margin:0;display:inline-flex;align-items:center;gap:6px;color:var(--teal);font-size:12px;font-weight:800}.fish-life-hero h1{margin:0;color:var(--ink);font-size:25px;line-height:1.06}.fish-life-hero span{color:var(--muted);font-size:12px;line-height:1.32}.fish-add-trigger{min-height:40px;padding:0 13px;border-radius:999px;font-size:13px}.fish-vital-card,.fish-species-card,.fish-section,.fish-care-board article{border:1px solid rgba(15,61,92,.11);background:#ffffffd1}.fish-vital-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:14px;border-radius:24px}.fish-vital-score{width:96px;height:96px;display:grid;place-items:center;align-content:center;border-radius:28px;color:var(--blue);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.96),transparent 28%),linear-gradient(145deg,#b7f0e5bd,#0f3d5c2e)}.fish-vital-score strong{color:var(--ink);font-family:SFMono-Regular,Consolas,monospace;font-size:25px}.fish-vital-score span{margin-top:-6px;color:var(--muted);font-size:10px;font-weight:800}.fish-vital-card p,.fish-vital-card h2,.fish-vital-card small{margin:0}.fish-vital-card p{color:var(--teal);font-size:11px;font-weight:800}.fish-vital-card h2{margin:4px 0;color:var(--ink);font-size:20px;line-height:1.08}.fish-vital-card small{color:var(--muted);font-size:11px;line-height:1.25}.fish-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fish-metric-grid article{min-height:78px;display:grid;align-content:center;gap:5px;padding:11px 9px;border:1px solid rgba(15,61,92,.1);border-radius:18px;background:#ffffffc2}.fish-metric-grid svg{color:var(--blue)}.fish-metric-grid span{color:var(--muted);font-size:10px;font-weight:800}.fish-metric-grid strong{color:var(--ink);font-size:14px;line-height:1.05}.fish-metric-grid .watch strong,.fish-compat-list .watch strong{color:#8a5a14}.fish-metric-grid .risk strong,.fish-compat-list .risk strong{color:var(--red)}.fish-section{display:grid;gap:10px;padding:13px;border-radius:24px}.fish-section .section-heading{padding:0}.fish-section .section-heading h3{margin:0;color:var(--ink);font-size:16px}.fish-section .section-heading span,.fish-section .section-heading button{min-height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid rgba(15,61,92,.1);border-radius:999px;color:var(--blue);background:#fff;font-size:11px;font-weight:800}.fish-species-list,.fish-fit-list,.fish-compat-list{display:grid;gap:9px}.fish-species-card{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:12px;padding:12px;border-radius:22px}.fish-species-card.watch{background:linear-gradient(135deg,#fffaf0,#ffffffdb)}.fish-species-card.risk{background:linear-gradient(135deg,#fff5f2,#ffffffdb)}.fish-species-mark{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:16px;color:var(--blue);background:#eef5f8eb}.fish-species-photo{position:relative;width:52px;height:52px;display:inline-grid;place-items:center;overflow:hidden;border:1px solid rgba(15,61,92,.1);border-radius:18px;background:linear-gradient(145deg,#eef5f8f5,#fff);box-shadow:inset 0 1px #ffffffb3,0 10px 22px #0f3d5c14}.fish-species-photo.large{width:72px;height:72px;border-radius:24px}.fish-species-photo img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);filter:saturate(1.08) contrast(1.02)}.fish-species-photo:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff57,inset 0 -18px 24px #03213414}.fish-species-card.watch .fish-species-photo{border-color:#c6842d3d;box-shadow:inset 0 1px #ffffffb8,0 12px 24px #c6842d1f}.fish-species-card.risk .fish-species-photo,.species-option.risk .fish-species-photo{border-color:#d74f3f3d}.fish-species-copy{min-width:0;display:grid;gap:7px}.fish-species-title{display:flex;align-items:start;justify-content:space-between;gap:8px}.fish-species-title div{min-width:0;display:grid;gap:2px}.fish-species-title strong{color:var(--ink);font-size:14px}.fish-species-title span,.fish-species-card p,.fish-species-meta span,.fish-avoid{color:var(--muted);font-size:11px;line-height:1.25}.fish-species-title small{flex:0 0 auto;padding:4px 8px;border-radius:999px;color:var(--blue);background:#eef5f8eb;font-size:10px;font-weight:800}.fish-species-card p{margin:0}.fish-species-meta,.fish-needs{display:flex;flex-wrap:wrap;gap:6px}.fish-species-meta span,.fish-needs span{padding:5px 8px;border-radius:999px;background:#eef5f8d1}.fish-needs span{color:var(--blue);background:#b7f0e557;font-size:10px;font-weight:800}.fish-avoid{display:inline-flex;align-items:center;gap:5px}.fish-fit-list article{display:grid;gap:8px}.fish-fit-list article div:first-child{display:flex;justify-content:space-between;gap:10px}.fish-fit-list span{color:var(--muted);font-size:11px;font-weight:800}.fish-fit-list strong{color:var(--ink);font-size:12px}.fish-fit-bar{height:8px;overflow:hidden;border-radius:999px;background:#0f3d5c14}.fish-fit-bar span{display:block;width:var(--fit);height:100%;border-radius:inherit;background:var(--teal)}.fish-fit-list .watch .fish-fit-bar span{background:#f2c94c}.fish-fit-list .risk .fish-fit-bar span{background:var(--red)}.fish-compat-list article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;padding:10px;border-radius:16px;background:#eef5f88f}.fish-compat-list svg{color:var(--teal)}.fish-compat-list .risk svg,.fish-compat-list .watch svg{color:#9a5b22}.fish-compat-list strong,.fish-compat-list span{display:block}.fish-compat-list strong{color:var(--ink);font-size:13px}.fish-compat-list span{margin-top:2px;color:var(--muted);font-size:11px;line-height:1.25}.fish-care-board{grid-template-columns:1fr 1fr;padding:0;border:0;background:transparent}.fish-care-board article{display:grid;gap:6px;padding:13px;border-radius:20px}.fish-care-board svg{color:var(--teal)}.fish-care-board h3,.fish-care-board p{margin:0}.fish-care-board h3{color:var(--ink);font-size:14px}.fish-care-board p{color:var(--muted);font-size:11px;line-height:1.35}.fish-ask-button{justify-content:center;min-height:52px}.species-sheet-copy{margin:-4px 0 10px;color:var(--muted);font-size:13px;line-height:1.35}.species-option-list{display:grid;gap:9px}.species-option,.species-empty{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(15,61,92,.1);border-radius:18px;background:#fff;text-align:left}.species-option strong,.species-option small{display:block}.species-option strong{color:var(--ink);font-size:14px}.species-option small{margin-top:2px;color:var(--muted);font-size:11px}.species-option.risk{border-color:#d74f3f38}.species-empty{grid-template-columns:auto 1fr;color:var(--muted);font-size:13px}.aquarium-switcher-sheet{padding-bottom:22px}.aquarium-switcher-copy{margin:-4px 0 12px;color:var(--muted);font-size:13px;line-height:1.35}.aquarium-profile-list{display:grid;gap:9px}.aquarium-profile-option{position:relative;width:100%;min-height:86px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;border:1px solid rgba(15,61,92,.1);border-radius:20px;background:#ffffffe6;text-align:left}.aquarium-profile-option.selected{border-color:#2e8a786b;background:linear-gradient(135deg,#b7f0e557,#fffffff0)}.aquarium-profile-option.advisory{background:linear-gradient(135deg,#fff8e3e6,#fffffff0)}.aquarium-profile-option.urgent{background:linear-gradient(135deg,#fff1eef2,#fffffff0)}.aquarium-thumb{width:56px;height:56px;overflow:hidden;border-radius:18px;background:#eef5f8}.aquarium-thumb img{width:100%;height:100%;object-fit:cover}.aquarium-option-copy{min-width:0;display:grid;gap:3px}.aquarium-option-copy strong,.aquarium-option-copy small,.aquarium-option-copy em{display:block}.aquarium-option-copy strong{color:var(--ink);font-size:15px}.aquarium-option-copy small,.aquarium-option-copy em{color:var(--muted);font-size:11px;line-height:1.2;font-style:normal}.aquarium-option-score{display:grid;justify-items:end;gap:2px}.aquarium-option-score strong{color:var(--blue);font-family:SFMono-Regular,Consolas,monospace;font-size:20px}.aquarium-option-score small{color:var(--muted);font-size:9px;font-weight:800}.aquarium-profile-option>svg{position:absolute;right:8px;top:8px;color:var(--teal)}.aquarium-add-mock{width:100%;min-height:48px;display:flex;align-items:center;gap:8px;margin-top:12px;padding:0 13px;border:1px dashed rgba(15,61,92,.18);border-radius:18px;color:var(--muted);background:#eef5f885;font-weight:800;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.aquarium-add-mock:hover,.aquarium-add-mock:focus-visible{border-color:#2e8a7857;color:var(--blue);background:#b7f0e547;transform:translateY(-1px)}.aquarium-add-mock span{margin-left:auto;font-size:10px;font-weight:700}.add-aquarium-sheet{padding-bottom:22px}.aquarium-add-flow{display:grid;gap:10px;margin-top:12px}.aquarium-add-option{width:100%;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid rgba(15,61,92,.1);border-radius:20px;background:radial-gradient(circle at 18% 18%,rgba(183,240,229,.36),transparent 38%),#fffffff0;text-align:left}.aquarium-add-option.added{background:linear-gradient(135deg,#eef5f8e0,#fffffff0)}.aquarium-add-icon{width:50px;height:50px;display:inline-grid;place-items:center;border-radius:18px;color:var(--blue);background:#b7f0e557}.aquarium-add-option strong,.aquarium-add-option small,.aquarium-add-option em{display:block}.aquarium-add-option strong{color:var(--ink);font-size:15px}.aquarium-add-option small{margin-top:2px;color:var(--muted);font-size:11px;line-height:1.25}.aquarium-add-option em{margin-top:6px;color:var(--teal-dark);font-size:10px;font-style:normal;font-weight:800}.aquarium-add-option>svg{color:var(--blue)}.home-layout-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px 10px}.home-layout-head div{display:grid;gap:2px}.home-layout-head span{color:var(--teal);font-size:10px;font-weight:800;text-transform:uppercase}.home-layout-head strong{color:var(--ink);font-size:14px}.home-layout-head button{min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border:1px solid var(--rule);border-radius:999px;color:var(--blue);background:#fff;font-size:12px;font-weight:800;box-shadow:0 10px 26px #0f3d5c0f}.home-layout-head button.is-active{color:#052025;background:#b7f0e5;border-color:transparent}.home-module-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px}.home-module-card,.add-module-tile{min-width:0;min-height:150px;border:1px solid var(--rule);border-radius:22px;background:#fffffff0;box-shadow:0 16px 38px #0f3d5c0f}.home-module-card{--module-progress: 50%;position:relative;display:grid;align-content:start;gap:8px;padding:14px;overflow:hidden;transform:translateZ(0);transition:transform .18s cubic-bezier(.2,.8,.2,1),opacity .14s ease,box-shadow .18s ease,border-color .18s ease}.home-module-card.is-editing{border-style:dashed;cursor:grab;touch-action:none;box-shadow:0 16px 38px #0f3d5c0f,inset 0 0 0 1px #77dfc742}.home-module-card.is-dragging{z-index:20;cursor:grabbing;opacity:.58;transform:translate3d(var(--drag-x, 0px),var(--drag-y, 0px),0);will-change:transform;transition:opacity .12s ease,box-shadow .12s ease;box-shadow:0 26px 64px #0f3d5c38,inset 0 0 0 1px #77dfc773}.home-module-grid.is-dragging .home-module-card:not(.is-dragging){transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,border-color .16s ease}.module-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.module-top span{min-width:0;display:flex;align-items:center;gap:6px;color:var(--blue);font-size:12px;font-weight:800}.module-grip{width:28px;height:28px;justify-content:center;border-radius:999px;background:var(--surface-2)}.home-module-card>strong{color:var(--ink);font-family:SFMono-Regular,Consolas,monospace;font-size:25px;line-height:1;letter-spacing:0}.home-module-card>small{color:var(--muted);font-size:12px}.home-module-card>p{margin:0;color:var(--muted);font-size:11px;font-weight:700}.home-module-card:before{content:"";position:absolute;inset:0;opacity:.74;pointer-events:none}.home-module-card>*{position:relative;z-index:1}.module-temperature:before{background:linear-gradient(135deg,#82cdd91f,#ffdabc47)}.module-ph:before{background:radial-gradient(circle at 8% 4%,rgba(119,223,199,.25),transparent 42%)}.module-salinity:before{background:linear-gradient(160deg,#479ebe21,#fff0)}.module-pump:before{background:linear-gradient(135deg,#1a58761f,#77dfc714)}.module-light:before{background:radial-gradient(circle at 16% 18%,rgba(242,201,76,.26),transparent 42%)}.module-fish-health:before{background:radial-gradient(circle at 12% 20%,rgba(46,138,120,.18),transparent 46%)}.module-maintenance:before{background:linear-gradient(135deg,#c0cfdb47,#77dfc714)}.module-oxygen:before{background:radial-gradient(circle at 70% 12%,rgba(108,197,228,.22),transparent 44%)}.module-temp-gauge,.module-ph-strip,.module-salinity-waves,.module-flow-lanes,.module-light-timeline,.module-health-signal,.module-oxygen-bubbles,.module-calendar{margin-top:2px}.module-temp-gauge{position:relative;height:32px;display:grid;grid-template-columns:.35fr .9fr .35fr;overflow:hidden;border-radius:999px;box-shadow:inset 0 0 0 1px #0f3d5c12}.module-temp-gauge .temp-band.cool{background:#e5f1f5}.module-temp-gauge .temp-band.ideal{background:#2e8a7838}.module-temp-gauge .temp-band.warm{background:#f7e6d8f2}.module-temp-gauge>span:last-child{position:absolute;left:var(--module-progress);top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:4px solid #ffffff;border-radius:999px;background:var(--teal);box-shadow:0 7px 14px #2e8a7838}.module-ph-strip{position:relative;display:grid;grid-template-columns:.8fr 1fr .7fr;gap:5px;height:34px}.module-ph-strip span{border-radius:12px;background:#e6f2f3}.module-ph-strip span:nth-child(2){background:#2e8a7838}.module-ph-strip span:nth-child(3){background:#f7e6d8f2}.module-ph-strip em{position:absolute;left:var(--module-progress);top:50%;width:10px;height:24px;transform:translate(-50%,-50%);border-radius:999px;background:var(--blue);box-shadow:0 0 0 4px #fff}.module-salinity-waves{position:relative;height:38px;overflow:hidden}.module-salinity-waves span{position:absolute;left:0;right:0;height:14px;border-top:3px solid #2f8e9d;border-radius:50%}.module-salinity-waves span:nth-child(1){top:2px}.module-salinity-waves span:nth-child(2){top:13px;opacity:.68;transform:translate(18px)}.module-salinity-waves span:nth-child(3){top:24px;opacity:.38;transform:translate(-12px)}.module-flow-lanes{display:grid;gap:6px;height:36px;align-content:center}.module-flow-lanes span{height:6px;border-radius:999px;background:linear-gradient(90deg,#0f3d5c1f,#2e8a78b8 54%,#0f3d5c1f)}.module-flow-lanes span:nth-child(2){width:78%;margin-left:auto}.module-flow-lanes span:nth-child(3){width:58%}.module-light-timeline{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;align-items:center;min-height:42px}.sun-dot{grid-row:1 / span 2;width:36px;height:36px;border-radius:999px;background:radial-gradient(circle,#fffdf2 0 38%,#f2c94c 41% 100%);box-shadow:0 0 18px #f2c94c61}.light-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#dce5eb,#f2c94c 52%,#355f7b)}.module-light-timeline small{color:var(--muted);font-size:9px;font-weight:800}.module-health-signal{display:flex;align-items:flex-end;gap:7px;height:42px}.module-health-signal span{width:18px;border-radius:999px 999px 8px 8px;background:var(--teal)}.module-health-signal span:nth-child(1){height:22px;opacity:.54}.module-health-signal span:nth-child(2){height:36px}.module-health-signal span:nth-child(3){height:27px;opacity:.72}.module-plant-growth{position:relative;display:flex;align-items:end;gap:8px;height:42px;padding-left:2px}.module-plant-growth:before{content:"";position:absolute;left:0;right:12px;bottom:3px;height:5px;border-radius:999px;background:#2e8a7829}.module-plant-growth span{position:relative;width:18px;border-radius:18px 18px 6px 6px;background:linear-gradient(180deg,#b7f0e5eb,#2e8a78e6)}.module-plant-growth span:nth-child(1){height:22px;opacity:.68}.module-plant-growth span:nth-child(2){height:38px}.module-plant-growth span:nth-child(3){height:29px;opacity:.82}.module-co2-nutrients{position:relative;height:44px;overflow:hidden}.module-co2-nutrients span,.module-co2-nutrients i,.module-co2-nutrients em{position:absolute;display:block;border-radius:999px}.module-co2-nutrients span{inset:9px 12px 9px 0;background:linear-gradient(90deg,rgba(15,61,92,.11),rgba(46,138,120,.72) var(--module-progress),rgba(242,201,76,.22))}.module-co2-nutrients i{width:25px;height:25px;right:20px;top:4px;border:4px solid rgba(108,197,228,.82);background:#6cc5e424}.module-co2-nutrients em{width:12px;height:12px;right:2px;bottom:4px;background:#2e8a78b8}.module-oxygen-bubbles{position:relative;height:46px}.module-oxygen-bubbles span{position:absolute;display:block;border:3px solid #6cc5e4;border-radius:999px;background:#6cc5e41a}.module-oxygen-bubbles span:nth-child(1){width:25px;height:25px;left:4px;bottom:2px}.module-oxygen-bubbles span:nth-child(2){width:16px;height:16px;left:36px;bottom:22px}.module-oxygen-bubbles span:nth-child(3){width:34px;height:34px;right:30px;bottom:5px}.module-oxygen-bubbles span:nth-child(4){width:12px;height:12px;right:8px;top:2px}.module-calendar{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;height:38px}.module-calendar span{border-radius:12px;background:#e8f0f4}.module-calendar span:first-child{background:#2e8a7838}.add-module-tile{display:grid;place-items:center;align-content:center;gap:7px;min-height:150px;padding:16px;color:var(--blue);border-style:dashed;background:radial-gradient(circle at 20% 10%,rgba(119,223,199,.2),transparent 38%),#ffffffc7;text-align:center}.add-module-tile.is-wide{grid-column:1 / -1;min-height:98px}.add-module-tile svg{width:42px;height:42px;padding:10px;border-radius:16px;color:#052025;background:#b7f0e5}.add-module-tile span{font-size:15px;font-weight:800}.add-module-tile small{color:var(--muted);font-size:12px;font-weight:700}.alert-banner{width:calc(100% - 32px);min-height:70px;display:grid;grid-template-columns:22px 1fr 18px;align-items:center;gap:10px;margin:-22px 16px 12px;padding:13px 14px;border-radius:18px;text-align:left;position:relative;z-index:2}.alert-banner.warning{color:#7b4c08;background:#fff8df;border:1px solid rgba(242,201,76,.7)}.alert-banner.critical{color:#8e261f;background:var(--red-soft);border:1px solid rgba(215,79,63,.4)}.alert-banner span{display:grid;gap:3px;font-size:12px}.readings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:2;margin-top:0;padding:0 16px}.compact-readings{grid-template-columns:1.12fr .88fr}.reading-card{min-height:126px;padding:13px;overflow:hidden}.reading-card.emphasis{grid-column:1 / -1;min-height:118px;display:grid;grid-template-columns:1fr 88px;align-items:center;gap:8px}.reading-card.emphasis .reading-top,.reading-card.emphasis>strong,.reading-card.emphasis>small{grid-column:1}.reading-card.emphasis>svg{grid-column:2;grid-row:1 / span 3;height:72px;margin:0}.reading-top,.safety-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.reading-top span{display:flex;align-items:center;gap:6px;color:var(--blue);font-size:12px;font-weight:700}.reading-card>strong{display:block;margin-top:11px;font-family:SFMono-Regular,Consolas,monospace;font-size:26px;line-height:1;letter-spacing:0}.reading-card>small{display:block;margin-top:7px;color:var(--muted);font-size:12px}.reading-card>svg{width:100%;height:30px;margin-top:6px}.reading-card>svg path,.large-chart path{fill:none;stroke:var(--teal);stroke-width:3;stroke-linecap:round}.reading-card.warning>svg path,.reading-card.warning .reading-top svg{stroke:var(--amber);color:var(--amber)}.reading-card.critical>svg path,.reading-card.critical .reading-top svg{stroke:var(--red);color:var(--red)}.safe-range-panel,.intelligence-card,.command-preview,.ota-card,.chart-panel,.privacy-panel{margin:12px 16px 0;padding:16px}.safe-range-panel p{margin-bottom:0;font-size:12px}.safe-range-panel{overflow:hidden;background:radial-gradient(circle at 10% 0%,rgba(119,223,199,.16),transparent 34%),linear-gradient(180deg,#fff,#f9fcfd)}.safe-range-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.safe-range-header span{display:block;margin-bottom:4px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.safe-range-header h3{margin:0;color:var(--ink);font-size:19px;line-height:1.1}.safe-range-header strong{display:inline-flex;min-height:32px;align-items:center;padding:0 10px;border-radius:999px;color:var(--teal);background:#2e8a781a;font-size:12px;white-space:nowrap}.safe-range-panel.advisory .safe-range-header strong{color:#9a5b22;background:#c978441f}.safe-range-panel.urgent .safe-range-header strong{color:var(--red);background:#d74f3f1a}.range-meter{--current: 55%;margin:18px 0 12px}.range-band{position:relative;height:42px;border-radius:18px;background:linear-gradient(90deg,#e9f0f4 0 17%,#2e8a783d 17% 78%,#f7e6d8fa 78% 100%);box-shadow:inset 0 0 0 1px #0f3d5c0d}.range-safe-label{position:absolute;left:36%;top:50%;transform:translate(-50%,-50%);color:#0f3d5c8f;font-size:11px;font-weight:800;text-transform:uppercase}.range-boundary{position:absolute;top:8px;width:2px;height:26px;border-radius:999px;background:#0f3d5c47}.range-boundary.start{left:17%}.range-boundary.end{left:78%}.range-current{position:absolute;left:var(--current);top:50%;width:26px;height:26px;transform:translate(-50%,-50%);border:4px solid #ffffff;border-radius:999px;background:var(--teal);box-shadow:0 8px 18px #2e8a784d}.safe-range-panel.advisory .range-current{background:var(--coral);box-shadow:0 8px 18px #c978444d}.safe-range-panel.urgent .range-current{background:var(--red);box-shadow:0 8px 18px #d74f3f47}.range-current small{position:absolute;left:50%;bottom:calc(100% + 7px);transform:translate(-50%);padding:3px 7px;border-radius:999px;color:var(--ink);background:#fff;box-shadow:0 6px 16px #0f3d5c1f;font-size:9px;font-weight:800;white-space:nowrap}.range-labels{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:8px;color:var(--muted);font-size:11px;font-weight:700}.range-labels strong{color:var(--teal);font-size:11px}.safe-range-panel.advisory .range-labels strong{color:#9a5b22}.safe-range-panel.urgent .range-labels strong{color:var(--red)}.range-labels span:last-child{text-align:right}.device-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:12px 16px 0}.mini-device{min-height:88px;display:grid;gap:5px;padding:12px;border:1px solid var(--rule);border-radius:18px;background:#fff}.mini-device svg{color:var(--blue)}.mini-device strong{font-size:12px}.mini-device span{color:var(--muted);font-size:11px}.intelligence-card,.command-preview{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.intelligence-card h3,.command-preview h3,.panel h3{margin-bottom:7px}.tab-page{min-height:100%;padding:34px 16px 18px}.screen-header{margin-bottom:16px}.screen-header h1{margin-bottom:5px;font-size:27px;line-height:1.08}.screen-header p{margin:0;font-size:13px}.device-list{display:grid;gap:12px}.device-card{padding:15px}.device-card-head{align-items:flex-start}.device-card h3{margin-bottom:4px;font-size:16px}.device-card p{margin-bottom:0;color:var(--muted);font-size:12px}.state-pill{padding:5px 8px;border-radius:999px;background:var(--teal-soft);color:var(--teal);font-size:11px;font-weight:700}.device-card.offline .state-pill{background:var(--red-soft);color:var(--red)}.device-card.attention .state-pill{background:#fff8df;color:#90660b}.reported-grid,.cockpit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.reported-grid span,.cockpit-grid span{display:grid;gap:4px;padding:11px;border-radius:14px;background:var(--surface-2)}.reported-grid small,.cockpit-grid small{color:var(--muted);font-size:11px;font-weight:700}.reported-grid strong,.cockpit-grid strong{font-family:SFMono-Regular,Consolas,monospace;font-size:14px}.safety-line{justify-content:flex-start;margin:13px 0;color:var(--muted);font-size:12px}.device-action-row{display:flex;flex-wrap:wrap;gap:8px}.device-action-row button{min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:999px;color:var(--blue);background:#fff;border:1px solid var(--rule);font-size:12px;font-weight:700}.device-action-row button.is-disabled{color:var(--subtle);background:var(--surface-2)}.disabled-hint{display:flex;align-items:flex-start;gap:7px;margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.devices-page{background:linear-gradient(180deg,#ffffffb3,#f1f8faf5),radial-gradient(circle at 16% 4%,rgba(119,223,199,.18),transparent 17rem)}.devices-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.devices-topbar .screen-header{min-width:0}.add-device-trigger{width:auto;min-height:44px;margin:0;padding:0 14px;border-radius:999px;font-size:13px}.device-control-hero{display:grid;gap:8px;margin-bottom:12px;padding:12px;border:1px solid rgba(15,61,92,.12);border-radius:20px;background:#ffffffb8}.device-control-hero div{display:flex;align-items:center;justify-content:space-between;gap:12px}.device-control-hero span,.device-kind,.device-ai-panel span{color:var(--blue-2);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0}.device-control-hero strong{color:var(--blue);font-size:15px}.device-control-hero p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.device-control-list{gap:14px}.device-control-card{--device-accent: var(--teal);--device-accent-soft: rgba(46, 138, 120, .12);position:relative;overflow:hidden;padding:12px;border-radius:22px;background:linear-gradient(135deg,#fffffff0,#f8fafce6),radial-gradient(circle at 8% 8%,var(--device-accent-soft),transparent 10rem)}.device-control-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--device-accent)}.device-heater{--device-accent: #82cdd9;--device-accent-soft: rgba(130, 205, 217, .22)}.device-light{--device-accent: #f2c94c;--device-accent-soft: rgba(242, 201, 76, .22)}.device-pump{--device-accent: #0f3d5c;--device-accent-soft: rgba(15, 61, 92, .14)}.device-sensor{--device-accent: #77dfc7;--device-accent-soft: rgba(119, 223, 199, .2)}.device-doser{--device-accent: #c97844;--device-accent-soft: rgba(201, 120, 68, .16)}.device-control-head{position:relative;align-items:center;gap:9px}.device-control-head>div{min-width:0;flex:1}.device-control-head h3{margin:2px 0 3px;font-size:16px;line-height:1.1}.device-control-head p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-identity{color:var(--blue);background:#fff;border:1px solid var(--rule);box-shadow:inset 0 -6px 0 var(--device-accent-soft)}.device-control-body{display:grid;grid-template-columns:76px 1fr;gap:9px;align-items:stretch;margin:10px 0}.device-signal{min-height:94px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,#ffffffeb,#eff7faeb),var(--device-accent-soft);border:1px solid rgba(15,61,92,.1)}.device-signal small,.device-signal strong{position:relative;z-index:1}.device-signal small{align-self:end;margin-bottom:7px;color:var(--blue);font-size:11px;font-weight:700}.device-signal-thermo span{width:16px;height:60px;align-self:center;border-radius:999px;background:linear-gradient(0deg,var(--device-accent) 0 var(--device-level),rgba(255,255,255,.92) var(--device-level) 100%);border:4px solid #ffffff;box-shadow:0 0 0 1px #0f3d5c1f}.device-signal-light span,.setting-light-orbit span{width:50px;height:50px;border-radius:999px;background:radial-gradient(circle,#ffffff 0 36%,transparent 37%),conic-gradient(var(--device-accent) 0 var(--device-level),#e6eef3 var(--device-level) 100%)}.device-signal-pump span,.setting-impeller span{width:50px;height:50px;border-radius:999px;background:conic-gradient(from 0deg,var(--device-accent) 0 15%,transparent 15% 33%,var(--device-accent) 33% 48%,transparent 48% 66%,var(--device-accent) 66% 82%,transparent 82% 100%);animation:impeller-spin var(--device-spin) linear infinite}.device-signal-pump i,.setting-impeller:after{position:absolute;content:"";width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #0f3d5c1f}.device-signal-pump.is-paused span,.setting-impeller.is-paused span{animation-play-state:paused;opacity:.35}.device-signal-ph span{width:50px;height:60px;display:grid;place-items:center;border-radius:22px 22px 26px 26px;color:var(--blue);font-size:14px;font-weight:700;background:linear-gradient(0deg,rgba(119,223,199,.65) 0 var(--device-level),rgba(255,255,255,.86) var(--device-level) 100%);border:3px solid #ffffff;box-shadow:0 0 0 1px #0f3d5c1f}.device-signal-dose span{width:48px;height:58px;border-radius:18px;background:linear-gradient(180deg,#c9784429,#c978445c),#fff;border:1px solid rgba(201,120,68,.24)}.device-signal-dose i{position:absolute;top:32px;width:30px;height:19px;border-radius:999px;border:3px solid var(--device-accent);border-top-color:transparent}.device-facts{display:grid;grid-template-columns:1fr;gap:5px}.device-facts span{display:grid;gap:2px;padding:7px 9px;border-radius:12px;background:#ffffffad;border:1px solid rgba(15,61,92,.08)}.device-facts small{color:var(--muted);font-size:9px;font-weight:700}.device-facts strong{color:var(--ink);font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.1}.device-ai-panel{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:9px;border-radius:15px;background:#e8f5f2b3;border:1px solid rgba(46,138,120,.16)}.device-ai-panel.advisory{background:#fff9e8;border-color:#f2c94c5c}.device-ai-panel.urgent{background:var(--red-soft);border-color:#d74f3f3d}.device-ai-panel p{margin:3px 0 0;color:var(--ink);font-size:11px;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.device-ai-panel button,.device-settings-open{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:14px;font-size:12px;font-weight:700}.device-ai-panel button{padding:0 12px;color:#053a3b;background:#b7f0e5eb}.device-card-footer{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:8px}.device-card-footer .safety-line{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.device-settings-open{padding:0 11px;color:var(--blue);background:#fff;border:1px solid var(--rule)}.device-save-notice{display:flex;align-items:center;gap:6px;margin:10px 0 0;color:var(--teal);font-size:12px;font-weight:700}.ota-track{height:9px;margin:15px 0 13px;overflow:hidden;border-radius:999px;background:#e4edf2}.ota-track:before{content:"";display:block;width:var(--ota-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--coral));transition:width .42s ease}.command-timeline{padding:16px}.assistant-page{height:100%;min-height:100%;display:flex;flex-direction:column;overflow:hidden;padding-bottom:92px;background:linear-gradient(180deg,#fffffff0,#f8fafcfa),url(/assets/ai-water-field.jpg) center top / cover no-repeat}.assistant-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.assistant-header h1{margin-bottom:4px;font-size:28px;line-height:1.05}.assistant-title-lockup>div>span{color:var(--muted);font-size:12px;line-height:1.35}.assistant-hero{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:flex-start;padding:15px;border:1px solid rgba(46,138,120,.22);border-radius:22px;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.assistant-hero.ph-drift,.assistant-hero.pump-offline{border-color:#c9784459;background:linear-gradient(135deg,#fff,#fff2eb)}.assistant-hero img{width:64px;height:64px;object-fit:cover;border-radius:20px}.assistant-hero h2{margin-bottom:6px;font-size:17px;line-height:1.18}.assistant-hero p{margin-bottom:0;color:var(--muted);font-size:13px}.recommendation-card{margin-top:12px;padding:15px;border:1px solid rgba(201,120,68,.22);border-radius:22px;background:#ffffffeb}.recommendation-card p{color:var(--muted);font-size:13px;line-height:1.45}.assistant-actions-row{display:flex;gap:8px}.assistant-evidence{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.assistant-evidence strong{display:inline-flex;min-height:30px;align-items:center;color:var(--ink);font-size:11px}.assistant-evidence span{padding:6px 8px;border-radius:999px;color:var(--blue);background:var(--surface-2);border:1px solid var(--rule);font-size:10px;font-weight:800}.assistant-actions-row button{min-height:44px;padding:0 14px;border-radius:999px;color:var(--blue);background:#fff;border:1px solid var(--rule);font-size:12px;font-weight:700}.prompt-row{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;overflow:visible;padding:12px 0}.prompt-row button{flex:1 1 calc(50% - 8px);min-height:44px;padding:0 13px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid var(--rule);background:#fff;color:var(--blue);font-size:12px;font-weight:700}.chat-thread{flex:1 1 auto;min-height:118px;overflow:auto;display:grid;align-content:start;gap:10px;padding-bottom:8px}.chat-bubble{width:fit-content;max-width:86%;padding:12px 14px;border-radius:16px;line-height:1.42;font-size:13px}.chat-bubble.assistant{justify-self:start;max-width:100%;padding:6px 4px 10px;background:transparent;border:0;color:#17313a;border-radius:0}.chat-bubble.assistant p{font-size:15px;line-height:1.48}.chat-bubble.user{justify-self:end;background:var(--blue);color:#fff;border-bottom-right-radius:5px}.assistant-composer{position:relative;bottom:auto;flex:0 0 auto;display:grid;grid-template-columns:1fr 44px;gap:8px;margin-top:8px;padding:8px;border:1px solid var(--rule);border-radius:999px;background:#fffffff5;box-shadow:0 18px 44px #0f3d5c1f}.assistant-composer input{min-width:0;height:44px;border:0;outline:0;background:transparent;padding:0 10px;color:var(--ink)}.assistant-composer button{width:44px;height:44px;display:grid;place-items:center;border-radius:999px;color:#fff;background:var(--blue)}.assistant-page{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;overflow:hidden;padding:52px 14px calc(88px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#f8fdfcf7,#f0f7fafc),radial-gradient(circle at 86% 0%,rgba(119,223,199,.18),transparent 14rem)}.assistant-chat-header{align-items:center;margin-bottom:0}.assistant-title-lockup{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center}.assistant-avatar,.assistant-thinking-orb{display:grid;place-items:center;color:#073b47;background:#b7f0e5e6;border:1px solid rgba(46,138,120,.18)}.assistant-avatar{width:40px;height:40px;border-radius:14px;color:#0f3d5c;background:linear-gradient(180deg,rgba(255,255,255,.58),transparent 42%),linear-gradient(135deg,#b7f0e5fa,#d2f5f9eb);box-shadow:inset 0 -7px #2e8a781c,inset 0 0 0 1px #2e8a7829}.assistant-header h1{margin-bottom:2px;font-size:24px;line-height:1.04}.assistant-title-lockup>div>span{display:block;max-width:270px;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.assistant-context-drawer,.assistant-answer-card{border:1px solid rgba(15,61,92,.12);border-radius:20px;background:#ffffffe6;box-shadow:0 10px 26px #0f3d5c0d}.assistant-context-drawer{min-height:0;overflow:hidden}.assistant-context-drawer[open]{max-height:256px}.assistant-context-drawer summary{min-height:64px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;list-style:none}.assistant-context-drawer summary::-webkit-details-marker{display:none}.assistant-context-drawer summary::marker{content:""}.assistant-context-drawer summary>div{min-width:0;display:grid;gap:2px}.assistant-context-drawer summary>svg{color:var(--subtle);transition:transform .18s ease}.assistant-context-drawer[open] summary>svg{transform:rotate(90deg)}.assistant-context-drawer summary span,.assistant-answer-head span,.assistant-thread-head span{color:var(--blue-2);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:0}.assistant-context-drawer summary strong{overflow:hidden;color:var(--ink);font-size:15px;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.assistant-context-drawer summary small{overflow:hidden;color:var(--muted);font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.assistant-thinking-orb{width:42px;height:42px;border-radius:15px;box-shadow:inset 0 -9px #ffffff7a}.assistant-drawer-content{max-height:190px;overflow:auto;padding:0 12px 12px;scrollbar-width:none}.assistant-drawer-content::-webkit-scrollbar{display:none}.assistant-context-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(118px,38%);gap:8px;overflow-x:auto;overscroll-behavior-x:contain;margin:2px -12px 0;padding:0 12px 4px;scrollbar-width:none}.assistant-context-shelf::-webkit-scrollbar{display:none}.assistant-context-card{min-height:92px;display:grid;align-content:start;gap:5px;padding:10px;border:1px solid var(--rule);border-radius:16px;background:#ffffffeb}.assistant-context-card.stable{background:linear-gradient(135deg,#fff,#b7f0e538)}.assistant-context-card.advisory,.assistant-context-card.light{background:linear-gradient(135deg,#fff,#f2c94c33)}.assistant-context-card.urgent{background:linear-gradient(135deg,#ffffff,var(--red-soft))}.assistant-context-card svg{color:var(--blue)}.assistant-context-card span{color:var(--muted);font-size:10px;font-weight:700}.assistant-context-card strong{color:var(--ink);font-family:SFMono-Regular,Consolas,monospace;font-size:19px;line-height:1}.assistant-context-card small{color:var(--subtle);font-size:10.5px;line-height:1.18}.assistant-answer-card{margin-top:8px;padding:11px}.assistant-answer-card.advisory{background:linear-gradient(135deg,#fff,#fff8e3);border-color:#f2c94c47}.assistant-answer-card.urgent{background:linear-gradient(135deg,#fff,#fff0ee);border-color:#d74f3f38}.assistant-answer-head,.assistant-thread-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.assistant-answer-head strong,.assistant-thread-head strong{color:var(--blue);font-size:12px}.assistant-answer-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.38}.assistant-actions-row{margin-top:10px}.assistant-actions-row button{min-height:42px;display:inline-flex;align-items:center;gap:6px;padding:0 13px;border-radius:999px;color:var(--blue);background:#fff;border:1px solid var(--rule);font-size:12px;font-weight:700}.assistant-chat-panel{min-height:0;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;padding:4px 3px 0;border:0;border-radius:0;background:transparent;box-shadow:none}.assistant-chat-panel .chat-thread{min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 0 8px}.chat-bubble{display:grid;gap:4px}.chat-bubble span{font-size:10px;font-weight:700;opacity:.72}.chat-bubble p{margin:0}.assistant-prompt-row{display:flex;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;margin:0;padding:1px 0 2px;scrollbar-width:none}.assistant-prompt-row::-webkit-scrollbar{display:none}.assistant-prompt-row button{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border-radius:999px;color:var(--blue);background:#fffffff0;border:1px solid var(--rule);font-size:11px;font-weight:700}.assistant-composer{position:relative;bottom:auto;z-index:4;flex:initial;grid-template-columns:minmax(0,1fr) 44px;gap:7px;margin-top:0;padding:6px;box-shadow:0 10px 22px #0f3d5c14}.assistant-composer:focus-within{border-color:#2e8a7875;box-shadow:0 0 0 4px #b7f0e56b,0 10px 22px #0f3d5c14}.assistant-composer input:focus-visible{outline:none;box-shadow:none}.large-chart{position:relative;height:118px;margin-top:10px;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,transparent 0 31%,rgba(46,138,120,.1) 31% 63%,transparent 63%),repeating-linear-gradient(180deg,transparent 0 28px,rgba(15,61,92,.08) 29px 30px),#f7fbfd}.large-chart svg{position:absolute;inset:24px 0 auto;width:100%;height:58px}.mobile-event-list{margin-top:12px}.trust-grid{display:grid;gap:10px}.trust-card{display:grid;grid-template-columns:42px 1fr;gap:9px 12px;padding:14px}.trust-card h3{margin-bottom:2px}.trust-card p{grid-column:2;color:var(--muted);font-size:12px;line-height:1.42}.toggle-row{display:grid;grid-template-columns:1fr 48px;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--rule)}.toggle-row:last-child{border-bottom:0}.toggle-row span{display:grid;gap:4px}.toggle-row small{color:var(--muted);line-height:1.35}.toggle{width:52px;min-height:44px;border-radius:999px;background:transparent;position:relative}.toggle:before{content:"";position:absolute;inset:6px 0;border-radius:inherit;background:#dce5eb;transition:background .18s ease}.toggle:after{content:"";position:absolute;top:12px;left:6px;width:20px;height:20px;border-radius:999px;background:#fff;transition:transform .18s ease}.toggle.is-on{background:transparent}.toggle.is-on:before{background:var(--teal)}.toggle.is-on:after{transform:translate(20px)}.bottom-nav{position:absolute;inset:auto 0 0;height:76px;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 14px 12px;border-top:1px solid rgba(15,61,92,.1);background:#fff;box-shadow:0 -12px 24px #0f3d5c0a;z-index:3}.bottom-nav button{display:grid;place-items:center;align-content:center;gap:3px;min-height:44px;border-radius:14px;background:transparent;color:var(--subtle);font-size:10px;font-weight:700}.bottom-nav button.selected{color:var(--blue)}.bottom-nav.muted{opacity:.72}.bottom-nav button:disabled{cursor:default}.cockpit{width:min(100%,520px);max-height:min(820px,calc(100dvh - 48px));overflow:auto;padding:20px;border:1px solid rgba(197,224,231,.42);border-radius:30px;background:linear-gradient(180deg,#fffffff5,#eef6f8eb),#fff;color:var(--ink);box-shadow:0 24px 80px #00000038}.cockpit .overline{color:var(--blue-2)}.cockpit h2{margin-bottom:7px;font-size:28px;line-height:1.08}.guide-intro{max-width:430px;margin:0;color:var(--muted);line-height:1.45}.cockpit-live{flex:0 0 auto;padding:9px 12px;border-radius:999px;color:var(--blue);background:var(--teal-soft);font-size:11px;font-weight:700}.cockpit-card{margin-top:12px;padding:14px;border-color:var(--rule);background:#ffffffd1;box-shadow:0 14px 34px #0f3d5c0f}.cockpit-card h3{color:var(--ink)}.cockpit-card .section-heading span,.cockpit-grid small{color:var(--blue-2)}.cockpit-grid span{background:var(--surface-2)}.guide-progress{height:10px;margin:12px 0;overflow:hidden;border-radius:999px;background:#e1ebef}.guide-progress:before{content:"";display:block;width:var(--guide-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--blue-2))}.guide-progress-card>strong{display:block;margin-bottom:5px;font-size:17px}.guide-progress-card>p,.scenario-note,.guide-note p{margin:0;color:var(--muted);line-height:1.45}.scenario-row{display:flex;flex-wrap:wrap;gap:8px}.scenario-row button{min-height:44px;padding:0 14px;border-radius:999px;color:var(--blue);background:#fff;border:1px solid var(--rule);font-size:12px;font-weight:700}.scenario-row button.selected{color:#052025;background:#b7f0e5;border-color:transparent}.scenario-note{margin-top:12px}.guide-points{display:grid;gap:8px}.guide-points article,.guide-note{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.guide-points svg,.guide-note svg{width:34px;height:34px;padding:8px;border-radius:14px;color:var(--blue);background:var(--surface-3)}.guide-points strong,.guide-points small{display:block}.guide-points small{margin-top:3px;color:var(--muted);line-height:1.3}.guide-footnote{margin:10px 4px 0;color:#1a2530ad;font-size:12px}.event-list{display:grid;gap:8px;max-height:396px;overflow:auto}.event-row{display:grid;grid-template-columns:60px 1fr;gap:10px;padding:10px;border-radius:14px;background:#ffffff0f;border-left:3px solid rgba(255,255,255,.18)}.mobile-event-list .event-row{background:#fff;border:1px solid var(--rule);border-left-width:3px}.event-row span{color:#a9c1ca;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.mobile-event-list .event-row span{color:var(--muted)}.event-row strong,.event-row small{display:block}.event-row strong{color:inherit;font-size:12px}.event-row small{margin-top:3px;color:#bdd1d8;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.35;word-break:break-word}.mobile-event-list .event-row small{color:var(--muted)}.logbook-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px}.logbook-filters button{flex:0 0 auto;min-height:44px;padding:0 14px;border:1px solid var(--rule);border-radius:999px;background:#fff;color:var(--muted);font-size:12px;font-weight:700}.logbook-filters button.selected{color:#fff;background:var(--blue);border-color:var(--blue)}.aquarium-timeline{display:grid;gap:10px}.aquarium-event{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px;border:1px solid var(--rule);border-radius:20px;background:#fff}.event-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:15px;color:var(--blue);background:var(--surface-3)}.aquarium-event small,.aquarium-event strong,.aquarium-event p{display:block}.aquarium-event small{color:var(--subtle);font-size:11px;font-weight:700}.aquarium-event strong{margin-top:3px}.aquarium-event p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.38}.logbook-export{width:100%;margin-top:14px}.settings-profile{display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center;padding:15px;border:1px solid var(--rule);border-radius:22px;background:#fff}.avatar{width:56px;height:56px;display:grid;place-items:center;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--teal));font-weight:700}.settings-profile h3,.settings-profile p{margin:0}.settings-profile p{margin-top:4px;color:var(--muted);font-size:13px}.settings-list{display:grid;gap:10px;margin-top:12px}.settings-row{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;padding:13px;border:1px solid var(--rule);border-radius:18px;background:#fff}.settings-row>span{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;color:var(--blue);background:var(--surface-3)}.settings-row strong,.settings-row small{display:block}.settings-row small{margin-top:3px;color:var(--muted);line-height:1.32}.settings-row button{min-height:44px;padding:0 14px;border-radius:999px;color:var(--blue);background:#fff;border:1px solid var(--rule);font-size:12px;font-weight:700}.export-toast{display:flex;align-items:center;gap:9px;margin-top:12px;padding:12px 14px;border-radius:16px;color:var(--blue);background:#eaf8f5;border:1px solid rgba(46,138,120,.2);font-size:13px;font-weight:700}.logbook-page{background:linear-gradient(180deg,#fbfdfff2,#eff7fafa),radial-gradient(circle at 8% 0%,rgba(242,201,76,.12),transparent 13rem)}.logbook-hero{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:12px;padding:13px;border:1px solid rgba(15,61,92,.12);border-radius:20px;background:linear-gradient(135deg,#fffffff0,#f9fcfddb),radial-gradient(circle at 0% 0%,rgba(46,138,120,.16),transparent 9rem)}.logbook-hero span,.timeline-day h3,.settings-identity-card span,.settings-group h3{color:var(--blue-2);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0}.logbook-hero strong{display:block;margin:2px 0 3px;color:var(--ink);font-size:17px}.logbook-hero p{margin:0;color:var(--muted);font-size:12px;line-height:1.3}.logbook-hero .logbook-export{width:auto;min-height:44px;margin:0;padding:0 12px}.timeline-day{position:relative;display:grid;gap:10px;padding-left:0}.timeline-day h3{margin:4px 0 0;padding-left:2px}.aquarium-event{position:relative;grid-template-columns:54px 42px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border-radius:19px;background:#ffffffeb;overflow:hidden}.aquarium-event.alerts{border-color:#2e8a7838;background:linear-gradient(135deg,#fff,#b7f0e533)}.aquarium-event.care{border-color:#f2c94c4d;background:linear-gradient(135deg,#fff,#f2c94c29)}.aquarium-event.devices{border-color:#0f3d5c29;background:linear-gradient(135deg,#fff,#0f3d5c0f)}.aquarium-event.life{border-color:#2e8a7838;background:linear-gradient(135deg,#fff,#b7f0e53d)}.aquarium-event.advisory{border-color:#f2c94c5c}.event-time{min-height:30px;display:grid;place-items:center;border-radius:999px;color:var(--blue);background:var(--surface-2);border:1px solid var(--rule);font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700}.aquarium-event .event-icon{position:relative;z-index:1;background:#fff;box-shadow:inset 0 -7px #b7f0e559}.aquarium-event.care .event-icon{box-shadow:inset 0 -7px #f2c94c52}.aquarium-event.devices .event-icon{box-shadow:inset 0 -7px #0f3d5c1f}.aquarium-event.life .event-icon{box-shadow:inset 0 -7px #b7f0e56b}.logbook-empty{display:grid;gap:5px;padding:14px;border:1px solid var(--rule);border-radius:18px;background:#fff}.settings-page{background:linear-gradient(180deg,#f9fcfdf5,#f1f7fafa),radial-gradient(circle at 100% 0%,rgba(15,61,92,.09),transparent 13rem)}.settings-identity-card{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(15,61,92,.13);border-radius:22px;background:linear-gradient(135deg,#fffffff5,#eef7f9eb),radial-gradient(circle at 0% 0%,rgba(119,223,199,.22),transparent 8rem)}.settings-identity-card h3,.settings-identity-card p{margin:0}.settings-identity-card h3{margin-top:2px;font-size:17px}.settings-identity-card p{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.32}.settings-identity-card>strong{padding:8px 10px;border-radius:999px;color:#053a3b;background:#b7f0e5e6;font-size:12px}.settings-trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0 13px}.settings-trust-strip span{min-height:48px;display:grid;place-items:center;gap:3px;padding:7px;border-radius:15px;color:var(--blue);background:#fff;border:1px solid var(--rule);font-size:10px;font-weight:700;text-align:center}.settings-groups{display:grid;gap:13px}.settings-group{display:grid;gap:7px}.settings-group>div{display:grid;gap:8px}.settings-row{grid-template-columns:40px minmax(0,1fr) auto;border-radius:17px}.settings-row.alert>span{background:#f2c94c33}.settings-row.data>span{background:#6cc5e429}.settings-row.safety>span{background:#b7f0e55c}.settings-row.support>span{background:#0f3d5c14}.settings-row em{padding:7px 9px;border-radius:999px;color:#053a3b;background:#b7f0e5e0;font-size:11px;font-style:normal;font-weight:700}.verified-update-card{margin-top:14px;padding:14px;border:1px solid rgba(15,61,92,.14);border-radius:22px;background:linear-gradient(135deg,#fffffff5,#eff6f9f0),radial-gradient(circle at 100% 0%,rgba(15,61,92,.12),transparent 8rem)}.update-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.update-facts span{display:grid;gap:3px;padding:9px;border-radius:14px;background:#fff;border:1px solid var(--rule)}.update-facts small{color:var(--muted);font-size:10px;font-weight:700}.update-facts strong{color:var(--ink);font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.sheet-close{position:absolute;top:16px;right:18px;width:44px;height:44px;display:grid;place-items:center;border-radius:999px;color:var(--blue);background:var(--surface-2)}.assistant-settings-sheet{position:relative}.home-editor-sheet{position:relative;max-height:min(760px,calc(100% - 22px));overflow:auto}.home-editor-sheet>p:not(.overline){margin-bottom:0}.editor-visible-section{margin:14px 0 18px}.editor-layout-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.editor-layout-list article{display:grid;grid-template-columns:34px 1fr 38px;gap:8px;align-items:center;min-height:52px;padding:8px;border:1px solid var(--rule);border-radius:15px;background:var(--surface-2);touch-action:pan-y;transition:box-shadow .16s ease,background .16s ease}.editor-layout-list article.module-temperature{background:linear-gradient(135deg,#82cdd924,#fff8f4f5)}.editor-layout-list article.module-ph{background:linear-gradient(135deg,#77dfc721,#fffffff5)}.editor-layout-list article.module-salinity{background:linear-gradient(135deg,#6cc5e426,#fffffff5)}.editor-layout-list article.module-pump{background:linear-gradient(135deg,#0f3d5c1a,#fffffff5)}.editor-layout-list article.module-light{background:linear-gradient(135deg,#f2c94c2e,#fffffff5)}.editor-layout-list article.module-fish-health{background:linear-gradient(135deg,#2e8a7821,#fffffff5)}.editor-layout-list article.module-plant-growth{background:linear-gradient(135deg,#6dba7c29,#fffffff5)}.editor-layout-list article.module-lighting-rhythm{background:linear-gradient(135deg,#f2c94c33,#fffffff5)}.editor-layout-list article.module-co2-nutrients{background:linear-gradient(135deg,#6cc5e429,#b7f0e51f)}.editor-layout-list article.module-maintenance{background:linear-gradient(135deg,#c0cfdb38,#fffffff5)}.editor-layout-list article.module-oxygen{background:linear-gradient(135deg,#6cc5e433,#fffffff5)}.editor-row-identity{position:relative;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;color:var(--blue);background:#fff;border:1px solid var(--rule);overflow:hidden}.editor-row-identity:before{content:"";position:absolute;inset:auto 5px 5px;height:7px;border-radius:999px;background:#2e8a7833}.editor-row-identity>svg{position:relative;z-index:1}.editor-row-identity.module-light:before{background:#f2c94c}.editor-row-identity.module-salinity:before,.editor-row-identity.module-oxygen:before{background:#6cc5e4}.editor-row-identity.module-plant-growth:before{background:#6dba7c}.editor-row-identity.module-lighting-rhythm:before{background:#f2c94c}.editor-row-identity.module-co2-nutrients:before{background:#77dfc7}.editor-row-identity.module-pump:before{background:var(--blue)}.editor-row-identity.module-maintenance:before{background:#c0cfdb}.editor-row-copy{min-width:0;display:grid;gap:1px}.editor-row-copy strong{color:var(--ink);font-size:12px;line-height:1.1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-row-copy small{color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-hide-button{width:38px;min-height:38px;display:grid;place-items:center;border-radius:12px;color:var(--blue);background:#fff;border:1px solid var(--rule)}.editor-hide-button:disabled{color:var(--subtle);background:#edf3f6}.editor-library{margin:22px 0 16px;padding-bottom:96px}.editor-library-heading{margin-bottom:12px}.editor-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-library-grid button{position:relative;min-height:154px;display:block;padding:0;border:1px solid var(--rule);border-radius:18px;color:var(--blue);background:#fff;text-align:left;overflow:hidden;box-shadow:0 10px 26px #0f3d5c0d}.editor-library-grid button:disabled{color:var(--subtle);background:#f2f6f8}.library-preview-card:disabled .library-add-badge{opacity:.62;background:#dfe9ee}.library-preview{--module-progress: 60%;position:relative;height:100%;display:grid;align-content:start;gap:8px;padding:14px 12px 12px}.library-add-badge{position:absolute;top:10px;right:10px;width:34px;height:34px;display:grid;place-items:center;border-radius:999px;color:#063744;background:#b7f0e5e0;box-shadow:0 8px 18px #0f3d5c14}.library-preview-head{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:7px;padding-right:34px}.library-preview-head svg{color:var(--blue)}.library-preview-head strong{color:var(--ink);font-size:12px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-preview-value{color:var(--ink);font-family:SFMono-Regular,Consolas,monospace;font-size:20px;font-weight:800;letter-spacing:0;line-height:1}.library-preview small{color:var(--muted);font-size:11px;line-height:1.25}.library-preview .module-temp-gauge,.library-preview .module-ph-strip,.library-preview .module-salinity-waves,.library-preview .module-flow-lanes,.library-preview .module-light-timeline,.library-preview .module-health-signal,.library-preview .module-plant-growth,.library-preview .module-co2-nutrients,.library-preview .module-oxygen-bubbles,.library-preview .module-calendar{width:100%;max-width:118px}.library-preview .module-light-timeline small{display:none}.home-editor-sheet .sheet-actions{position:sticky;bottom:-24px;margin:14px -20px -24px;padding:12px 20px 24px;background:linear-gradient(180deg,#ffffffc7,#fff 42%),#fff;box-shadow:0 -14px 28px #0f3d5c14}.event-row.mqtt{border-left-color:#6cc5e4}.event-row.api{border-left-color:#8bd4c6}.event-row.audit{border-left-color:#c0cfdb}.event-row.ai{border-left-color:#c97844}.event-row.ota{border-left-color:#9fa8ff}.event-row.safety{border-left-color:#f2c94c}.sheet-backdrop{position:absolute;inset:0;z-index:8;display:flex;align-items:flex-end;background:#06121847;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.command-sheet{width:100%;padding:10px 20px 24px;border-radius:28px 28px 0 0;background:#fff;box-shadow:0 -22px 44px #0612182e;transform:translate3d(0,var(--sheet-drag-y, 0),0);transition:transform .22s cubic-bezier(.2,.8,.2,1);will-change:transform}.command-sheet.is-dragging{transition:none}.sheet-handle{display:grid;width:72px;height:28px;margin:0 auto 10px;padding:0;place-items:center;border:0;border-radius:999px;appearance:none;background:transparent;cursor:grab;touch-action:none}.sheet-handle span{display:block;width:44px;height:5px;border-radius:999px;background:#dce5eb}.command-sheet.is-dragging .sheet-handle{cursor:grabbing}.command-sheet h2{margin-bottom:10px;font-size:24px}.command-sheet p{color:var(--muted);line-height:1.45}.validation-list{display:grid;gap:8px;margin:16px 0;padding:12px;border-radius:18px;background:var(--surface-2)}.sheet-actions{align-items:stretch}.sheet-actions .secondary-button,.sheet-actions .primary-button{width:50%;margin-top:0}.device-settings-sheet{--device-accent: var(--teal);--device-accent-soft: rgba(46, 138, 120, .12);max-height:min(760px,calc(100% - 18px));overflow:auto;position:relative}.device-settings-sheet.device-heater{--device-accent: #82cdd9;--device-accent-soft: rgba(130, 205, 217, .22)}.device-settings-sheet.device-light{--device-accent: #f2c94c;--device-accent-soft: rgba(242, 201, 76, .2)}.device-settings-sheet.device-pump{--device-accent: #0f3d5c;--device-accent-soft: rgba(15, 61, 92, .13)}.device-settings-sheet.device-sensor{--device-accent: #77dfc7;--device-accent-soft: rgba(119, 223, 199, .2)}.device-settings-sheet.device-doser{--device-accent: #c97844;--device-accent-soft: rgba(201, 120, 68, .16)}.device-sheet-head{display:grid;grid-template-columns:1fr 44px;gap:12px;align-items:start}.device-sheet-head h2{margin-bottom:7px}.device-sheet-head p:not(.overline){margin:0;font-size:12px}.device-sheet-status{display:flex;align-items:center;gap:8px;margin:12px 0;padding:10px 11px;border-radius:16px;color:var(--blue);background:var(--device-accent-soft);font-size:12px;font-weight:700}.device-setting-control{display:grid;gap:10px;margin:12px 0}.light-device-control{display:grid;gap:12px;margin:12px 0}.light-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:4px;border-radius:18px;background:#0f3d5c12}.light-tabs button{min-height:38px;border-radius:14px;color:var(--muted);background:transparent;font-size:11px;font-weight:800}.light-tabs button.selected{color:#4b3700;background:#f2c94ce6;box-shadow:0 8px 16px #0f3d5c14}.light-power-ring{--device-level: 62%;position:relative;min-height:112px;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:14px;padding:14px;overflow:hidden;border:1px solid rgba(15,61,92,.1);border-radius:22px;background:radial-gradient(circle at 100% 0%,rgba(242,201,76,.18),transparent 8rem),linear-gradient(135deg,#fff,#fafdfeeb)}.light-power-ring:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(242,201,76,.16),transparent 34%),linear-gradient(180deg,transparent,rgba(15,61,92,.03));pointer-events:none}.light-power-ring span{position:relative;z-index:1;grid-row:1 / span 2;width:82px;height:82px;border-radius:999px;background:conic-gradient(from -90deg,rgba(242,201,76,.96) 0 var(--device-level),rgba(15,61,92,.08) var(--device-level) 100%);box-shadow:inset 0 0 0 1px #0f3d5c0f,0 12px 26px #f2c94c29}.light-power-ring span:after{content:"";position:absolute;inset:13px;border-radius:inherit;background:#fff;box-shadow:inset 0 0 0 1px #0f3d5c12}.light-power-ring strong,.light-power-ring small{position:relative;z-index:1}.light-power-ring strong{color:var(--ink);font-family:SFMono-Regular,Consolas,monospace;font-size:28px;line-height:1;align-self:end}.light-power-ring small{color:var(--muted);font-size:11px;font-weight:800;line-height:1.25;align-self:start}.light-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.light-preset-grid button{min-height:62px;display:grid;align-content:center;gap:3px;padding:8px;border:1px solid var(--rule);border-radius:16px;color:var(--blue);background:#fff;text-align:left}.light-preset-grid button.selected{color:#4b3700;background:linear-gradient(135deg,#f2c94c6b,#fffffff0);border-color:#f2c94cb8}.light-preset-grid strong{color:inherit;font-size:12px}.light-preset-grid span{color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:800}.light-impact-card{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px;border-radius:18px;color:var(--blue);background:linear-gradient(135deg,#b7f0e56b,#ffffffe6);border:1px solid rgba(46,138,120,.15)}.light-impact-card strong,.light-impact-card span{display:block}.light-impact-card strong{color:var(--ink);font-size:13px}.light-impact-card span{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.32}.channel-stack{display:grid;gap:10px}.channel-row{display:grid;grid-template-columns:48px 34px minmax(0,1fr) 34px 46px;align-items:center;gap:8px;padding:10px;border:1px solid var(--rule);border-radius:16px;background:#fff}.channel-row>span{color:var(--muted);font-size:11px;font-weight:900;text-transform:capitalize}.channel-row button{width:34px;min-height:34px;display:grid;place-items:center;border-radius:999px;color:var(--blue);background:var(--surface-2)}.channel-row>div{height:7px;overflow:hidden;border-radius:999px;background:#0f3d5c17}.channel-row i{display:block;height:100%;border-radius:inherit}.channel-row.red i{background:#f05a55}.channel-row.green i{background:#4fbf63}.channel-row.blue i{background:#4f8cff}.channel-row.white i{background:#dfe5e9}.channel-row strong{color:var(--ink);font-family:SFMono-Regular,Consolas,monospace;font-size:12px;text-align:right}.light-schedule-panel{display:grid;gap:12px}.schedule-orbit{position:relative;min-height:132px;display:grid;grid-template-columns:1fr 1fr;align-content:end;gap:12px;padding:76px 20px 18px;border-radius:22px;background:radial-gradient(circle at 15% 0%,rgba(242,201,76,.2),transparent 8rem),radial-gradient(circle at 96% 100%,rgba(99,88,224,.18),transparent 8rem),linear-gradient(135deg,#fff,#f8fcfdeb);border:1px solid rgba(15,61,92,.09)}.schedule-orbit:before{content:"";position:absolute;left:28px;right:28px;top:58px;height:10px;border-radius:999px;background:linear-gradient(90deg,#0f3d5c17,#f2c94cf0 24%,#f2c94cdb 68%,#6358e0c7);box-shadow:inset 0 0 0 1px #ffffff70}.sunrise-dot,.sunset-dot{position:absolute;z-index:1;width:28px;height:28px;border-radius:999px;box-shadow:0 0 0 6px #ffffffeb,0 10px 22px #0f3d5c1a}.sunrise-dot{top:49px;left:24%;background:#f2c94c}.sunset-dot{top:49px;right:24%;background:#6358e0}.schedule-orbit strong,.schedule-orbit em{position:relative;z-index:1;display:grid;gap:3px;color:var(--ink);font-family:SFMono-Regular,Consolas,monospace;font-size:20px;font-style:normal;font-weight:900;line-height:1}.schedule-orbit strong{grid-column:1;align-self:end}.schedule-orbit em{grid-column:2;align-self:end;text-align:right}.schedule-orbit strong:before,.schedule-orbit em:before{color:var(--muted);font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:900;text-transform:uppercase}.schedule-orbit strong:before{content:"Sunrise"}.schedule-orbit em:before{content:"Sunset"}.weekday-row{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekday-row span{min-height:32px;display:grid;place-items:center;border-radius:11px;color:#4b3700;background:#f2c94c47;font-size:9px;font-weight:900}.light-settings-grid{display:grid;gap:8px}.light-settings-grid article{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid var(--rule);border-radius:16px;background:#fff}.light-settings-grid svg{width:38px;height:38px;padding:10px;border-radius:14px;color:var(--blue);background:#eef5f8e6}.light-settings-grid strong{color:var(--ink);font-size:13px}.light-settings-grid span{color:var(--muted);font-size:11px;font-weight:800}.setting-thermometer,.setting-light-orbit,.setting-impeller,.setting-ph-vial,.setting-doser{min-height:126px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.94),transparent 5rem),var(--device-accent-soft);border:1px solid rgba(15,61,92,.1)}.setting-thermometer span{width:24px;height:92px;border-radius:999px;background:linear-gradient(0deg,var(--device-accent) 0 var(--device-level),rgba(255,255,255,.92) var(--device-level) 100%);border:5px solid #ffffff;box-shadow:0 0 0 1px #0f3d5c1f}.setting-thermometer strong,.setting-light-orbit strong,.setting-impeller strong,.setting-ph-vial strong,.setting-doser strong{position:absolute;right:14px;bottom:12px;color:var(--blue);font-family:SFMono-Regular,Consolas,monospace;font-size:20px}.setting-light-orbit span{width:86px;height:86px}.setting-impeller span{width:88px;height:88px}.setting-ph-vial span{width:72px;height:96px;border-radius:25px 25px 32px 32px;background:linear-gradient(0deg,rgba(119,223,199,.75) 0 var(--device-level),rgba(255,255,255,.86) var(--device-level) 100%);border:4px solid #ffffff;box-shadow:0 0 0 1px #0f3d5c1f}.setting-doser span{width:74px;height:86px;border-radius:24px;background:linear-gradient(180deg,#c9784424,#c9784452),#fff;border:1px solid rgba(201,120,68,.22)}.setting-doser i{position:absolute;width:46px;height:30px;border-radius:999px;border:4px solid var(--device-accent);border-top-color:transparent;transform:translateY(3px)}.setting-stepper{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--rule);border-radius:17px;background:#ffffffdb}.setting-stepper>div:first-child{display:grid;gap:2px}.setting-stepper span,.mode-picker button,.device-toggle span{color:var(--muted);font-size:11px;font-weight:700}.setting-stepper strong{color:var(--ink);font-family:SFMono-Regular,Consolas,monospace;font-size:18px}.setting-stepper small{color:var(--subtle);font-size:11px}.setting-stepper>div:last-child{display:flex;gap:8px}.setting-stepper button{width:44px;min-height:44px;display:grid;place-items:center;border-radius:14px;color:var(--blue);background:var(--surface-2);border:1px solid var(--rule)}.setting-stepper button:disabled{color:var(--subtle);background:#edf3f6}.mode-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mode-picker button{min-height:44px;padding:0 8px;border-radius:14px;background:var(--surface-2);border:1px solid var(--rule)}.mode-picker button.selected{color:#053a3b;background:#b7f0e5e6;border-color:#2e8a7847}.device-toggle{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;border-radius:17px;color:var(--blue);background:#fff;border:1px solid var(--rule)}.device-toggle strong{padding:6px 10px;border-radius:999px;color:#053a3b;background:#b7f0e5e6}.device-toggle:not(.selected) strong{color:var(--red);background:var(--red-soft)}.device-risk-banner,.device-risk-popup{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;color:var(--red);background:var(--red-soft);border:1px solid rgba(215,79,63,.28)}.device-risk-banner{margin:10px 0;padding:11px;border-radius:16px}.device-risk-banner strong,.device-risk-popup strong{display:block;color:#9e3027;font-size:13px}.device-risk-banner span,.device-risk-popup span{color:#9e3027;font-size:12px;line-height:1.35}.device-risk-popup{margin:12px 0;padding:12px;border-radius:18px;box-shadow:0 16px 30px #7e1d1629}.device-risk-popup button{grid-column:1 / -1;min-height:44px;border-radius:14px;color:#fff;background:var(--red);font-weight:700}.device-sheet-actions{padding-top:10px;background:transparent}.device-settings-sheet.has-risk .device-sheet-actions{position:static;background:#fff}.add-device-sheet{position:relative;max-height:min(760px,calc(100% - 18px));overflow:auto}.add-device-sheet h2{margin-bottom:6px}.add-device-copy{margin:0 52px 12px 0;font-size:12px}.add-device-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.add-device-progress span{min-height:30px;display:grid;place-items:center;border-radius:999px;color:var(--muted);background:#eef5f8e0;font-size:10px;font-weight:900;text-transform:uppercase}.add-device-progress span.done{color:#063744;background:#b7f0e5d1}.add-device-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.add-device-options button{min-height:68px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:10px;border:1px solid var(--rule);border-radius:18px;color:var(--blue);background:#fff;text-align:left}.add-device-options button.selected{border-color:#2e8a7847;box-shadow:inset 0 0 0 1px #2e8a7814,0 10px 22px #0f3d5c0f}.add-device-options button.light.selected{background:linear-gradient(135deg,#f2c94c38,#fff)}.add-device-options button.pump.selected{background:linear-gradient(135deg,#0f3d5c1f,#fff)}.add-device-options button.heater.selected{background:linear-gradient(135deg,#82cdd938,#fff)}.add-device-options button.sensor.selected{background:linear-gradient(135deg,#77dfc738,#fff)}.add-device-options button.doser.selected{background:linear-gradient(135deg,#c9784424,#fff)}.add-device-options svg{width:34px;height:34px;padding:8px;border-radius:13px;background:#eef5f8e6}.add-device-options strong,.add-device-options small{display:block;min-width:0}.add-device-options strong{color:var(--ink);font-size:12px}.add-device-options small{margin-top:2px;color:var(--muted);font-size:10px;line-height:1.2}.device-discovery-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center;min-height:120px;padding:12px;border:1px solid rgba(15,61,92,.11);border-radius:22px;background:radial-gradient(circle at 12% 0%,rgba(183,240,229,.26),transparent 8rem),linear-gradient(135deg,#fff,#f8fcfdeb)}.device-discovery-card.light{background:radial-gradient(circle at 8% 0%,rgba(242,201,76,.24),transparent 8rem),linear-gradient(135deg,#fff,#f8fcfdeb)}.device-discovery-card.pump{background:radial-gradient(circle at 8% 0%,rgba(15,61,92,.13),transparent 8rem),linear-gradient(135deg,#fff,#f8fcfdeb)}.device-discovery-card.doser{background:radial-gradient(circle at 8% 0%,rgba(201,120,68,.14),transparent 8rem),linear-gradient(135deg,#fff,#f8fcfdeb)}.discovery-radar{position:relative;width:84px;height:84px;display:grid;place-items:center;overflow:hidden;border-radius:26px;color:var(--blue);background:#eef5f8e0}.discovery-radar span{position:absolute;inset:16px;border:1px solid rgba(15,61,92,.13);border-radius:999px}.discovery-radar span:last-child{inset:4px;opacity:.58}.device-discovery-card.scanning .discovery-radar span{animation:pulse 1.2s ease-out infinite}.device-discovery-card.found .discovery-radar{color:#063744;background:#b7f0e5db}.device-discovery-card span,.add-device-attach-card small,.add-device-attach-card em{color:var(--muted);font-size:11px;font-weight:800}.device-discovery-card strong,.device-discovery-card p{margin:0}.device-discovery-card strong{display:block;margin:3px 0 5px;color:var(--ink);font-size:17px}.device-discovery-card p{color:var(--muted);font-size:12px;line-height:1.35}.add-device-attach-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:10px;padding:10px;border:1px solid rgba(15,61,92,.1);border-radius:18px;background:#eef5f8a3}.add-device-attach-card .aquarium-thumb{width:54px;height:46px;border-radius:15px}.add-device-attach-card strong,.add-device-attach-card small{display:block}.add-device-attach-card strong{color:var(--ink);font-size:13px}.add-device-attach-card em{padding:6px 8px;border-radius:999px;color:var(--blue);background:#fff;font-style:normal}.add-device-actions{margin-top:14px}.add-device-actions .primary-button:disabled{color:var(--muted);background:#dfe9ee}@keyframes pulse{70%{box-shadow:0 0 0 8px #77dfc700}to{box-shadow:0 0 #77dfc700}}@keyframes impeller-spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes scan-line{50%{transform:translateY(82px)}}@keyframes tide{50%{transform:translate(5%) translateY(-2px)}}@keyframes bubble-rise{0%{transform:translateY(8px);opacity:0}35%{opacity:.9}to{transform:translateY(-25px);opacity:0}}@keyframes living-tide{0%,to{transform:translate3d(-2%,0,0) rotate(-2deg)}50%{transform:translate3d(3%,-4px,0) rotate(2deg)}}@keyframes living-bubble{0%{transform:translate3d(0,12px,0) scale(.72);opacity:0}28%{opacity:.82}to{transform:translate3d(4px,-34px,0) scale(1);opacity:0}}@keyframes home-view-in{0%{opacity:.42;transform:translate3d(0,8px,0) scale(.992)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes home-view-in-from-right{0%{opacity:.42;transform:translate3d(18px,0,0) scale(.992)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes home-view-in-from-left{0%{opacity:.42;transform:translate3d(-18px,0,0) scale(.992)}to{opacity:1;transform:translateZ(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.home-view-page{animation:none!important;will-change:auto}}@media(max-width:920px){.demo-shell{grid-template-columns:1fr;padding:20px}.phone-frame{justify-self:center}.cockpit{width:min(100%,430px);justify-self:center}}@media(max-width:520px){body{min-height:100dvh;overflow:hidden;background:var(--surface-2)}.demo-shell{display:block;min-height:100dvh;height:100dvh;overflow:hidden;padding:0}.phone-frame{width:100%;height:100dvh;min-height:0;padding:0;border-radius:0;box-shadow:none;background:transparent}.phone-frame:before{display:none}.phone-screen{border-radius:0}.screen{padding-top:calc(18px + env(safe-area-inset-top))}.intro-screen{padding-top:calc(26px + env(safe-area-inset-top))}.intro-brand{top:calc(26px + env(safe-area-inset-top))}.cockpit{display:none}}@media(hover:none)and (pointer:coarse){body{min-height:100dvh;overflow:hidden;background:var(--surface-2)}.demo-shell{display:block;min-height:100dvh;height:100dvh;overflow:hidden;padding:0}.phone-frame{width:100%;height:100dvh;min-height:0;padding:0;border-radius:0;box-shadow:none;background:transparent}.phone-frame:before{display:none}.phone-screen{border-radius:0}.screen{padding-top:calc(18px + env(safe-area-inset-top))}.intro-screen{padding-top:calc(26px + env(safe-area-inset-top))}.intro-brand{top:calc(26px + env(safe-area-inset-top))}.cockpit{display:none}}@media(max-width:520px),(hover:none)and (pointer:coarse){.dashboard-screen{padding-top:0}.dashboard-content{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.tank-hero{height:clamp(196px,31dvh,246px);min-height:clamp(196px,31dvh,246px)}.hero-overlay{inset:34px 18px auto;gap:10px}.hero-overlay p{margin-bottom:2px;font-size:14px}.hero-overlay h1{margin-bottom:6px;font-size:24px;line-height:1.06}.hero-summary{max-width:230px;margin-bottom:8px;font-size:12px;line-height:1.32}.live-dot{gap:6px;font-size:11px}.live-dot:before{width:7px;height:7px}.next-action-card{margin:-28px 14px 9px;padding:10px 12px;border-radius:18px;gap:4px}.next-action-card span{font-size:9px}.next-action-card strong{font-size:13px;line-height:1.28}.home-mode-switch button{min-width:66px;min-height:32px;padding:0 10px}.next-action-card+.home-mode-switch{margin:0 14px 10px}.living-hero{height:clamp(228px,36dvh,250px);min-height:clamp(228px,36dvh,250px)}.living-home{gap:12px;padding:0 14px 14px}.living-home-head{gap:10px;margin-top:-22px}.living-home-head h1{max-width:310px;font-size:30px}.living-home-head .home-mode-switch{justify-self:start}.living-state-card{gap:14px;padding:16px 14px 14px;border-radius:24px}.living-orb{width:136px;height:136px}.living-orb strong{font-size:34px}.living-state-copy h2{font-size:21px}.living-state-copy p{font-size:13px}.living-life-signs{grid-template-columns:minmax(118px,1.22fr) repeat(2,minmax(0,1fr));gap:7px}.living-life-signs article,.living-life-signs button{min-height:88px;grid-template-columns:1fr;justify-items:center;align-content:center;gap:7px;padding:9px 7px;border-radius:16px;text-align:center}.living-life-signs article svg,.living-life-signs button svg:first-child{width:34px;height:34px;padding:8px}.living-life-signs strong{font-size:12px}.living-life-signs span{font-size:10px;line-height:1.15}.living-rhythm{gap:7px}.living-rhythm article{min-height:82px;padding:10px 8px;border-radius:18px}.living-next-step{padding:13px;border-radius:19px}.home-layout-head{padding:0 14px 7px}.home-layout-head span{font-size:9px}.home-layout-head strong{font-size:13px}.home-layout-head button{min-height:44px;padding:0 12px}.home-module-grid{gap:8px;padding:0 14px}.home-module-card,.add-module-tile{min-height:126px;border-radius:18px;box-shadow:0 10px 24px #0f3d5c0d}.home-module-card{gap:6px;padding:10px}.module-top{gap:6px}.module-top span{gap:5px;font-size:11px}.module-grip{width:26px;height:26px}.home-module-card>strong{font-size:21px}.home-module-card>small{font-size:11px}.home-module-card>p{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-temp-gauge{height:24px}.module-temp-gauge>span:last-child{width:16px;height:16px;border-width:3px}.module-ph-strip{gap:4px;height:26px}.module-ph-strip em{width:9px;height:20px;box-shadow:0 0 0 3px #fff}.module-salinity-waves{height:28px}.module-salinity-waves span{height:12px;border-top-width:2px}.module-salinity-waves span:nth-child(2){top:10px}.module-salinity-waves span:nth-child(3){top:19px}.module-flow-lanes{gap:5px;height:28px}.module-flow-lanes span{height:5px}.module-light-timeline{min-height:32px}.sun-dot{width:30px;height:30px}.module-health-signal{height:32px}.module-oxygen-bubbles{height:34px}.module-calendar{height:32px}.add-module-tile{gap:6px;padding:12px}.tab-page{padding:44px 14px 14px}.screen-header{margin-bottom:14px}.screen-header h1,.assistant-header h1{font-size:24px;line-height:1.08}.assistant-page{gap:8px;padding:calc(18px + env(safe-area-inset-top)) 12px calc(76px + env(safe-area-inset-bottom))}.assistant-header{margin-bottom:12px}.assistant-hero,.recommendation-card,.device-card,.settings-profile{border-radius:18px}.bottom-nav{height:calc(64px + env(safe-area-inset-bottom));padding:4px 10px calc(6px + env(safe-area-inset-bottom))}.bottom-nav button{min-height:44px;border-radius:12px;font-size:9.5px}.home-editor-sheet{max-height:min(720px,calc(100% - 16px))}.intro-copy h1{font-size:34px;line-height:1.04}.command-sheet{padding:8px 16px calc(16px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.sheet-handle{margin-bottom:12px}.command-sheet h2{margin-bottom:8px;font-size:21px}.validation-list{gap:6px;margin:12px 0;padding:10px;border-radius:16px}.editor-layout-list article{grid-template-columns:34px minmax(0,1fr) 44px;grid-template-areas:"identity spacer hide" "copy copy copy";grid-template-rows:44px auto;gap:4px 8px;min-height:76px;padding:8px}.editor-row-identity{grid-area:identity;width:34px;height:34px;border-radius:12px}.editor-row-identity:before{inset:auto 5px 5px;height:7px}.editor-row-copy{grid-area:copy;align-self:end}.editor-hide-button{grid-area:hide;justify-self:end}.editor-row-copy strong{font-size:11px}.editor-row-copy small{display:none}.editor-hide-button{width:44px;min-height:44px}.editor-library-grid{gap:10px}.editor-library-grid button{min-height:144px;border-radius:16px}.library-add-badge{width:38px;height:38px}.library-preview{gap:7px;padding:13px 11px 11px}.library-preview-head{grid-template-columns:16px minmax(0,1fr);gap:6px;padding-right:42px}.library-preview-head strong{font-size:10.5px}.library-preview-value{font-size:19px}}@media(max-width:340px){.editor-layout-list{grid-template-columns:1fr}.editor-row-copy strong{font-size:12px}.editor-library-grid{grid-template-columns:1fr}.editor-library-grid button{min-height:132px}}@media(max-width:520px),(hover:none)and (pointer:coarse){.assistant-page{padding:calc(18px + env(safe-area-inset-top)) 12px calc(76px + env(safe-area-inset-bottom))}.assistant-composer input{font-size:16px}.assistant-page button,.assistant-composer input{touch-action:manipulation}}@media(max-width:360px){.settings-row{grid-template-columns:40px minmax(0,1fr)}.settings-row button,.settings-row em,.settings-row .toggle{grid-column:2;justify-self:start}.logbook-hero{grid-template-columns:1fr}.logbook-hero .logbook-export{justify-self:start}}@media(max-width:520px)and (max-height:660px){.living-hero{height:200px;min-height:200px}.living-home{gap:9px}.living-home-head{gap:8px}.living-home-head p{margin-bottom:2px}.living-home-head h1{max-width:280px;font-size:27px}.home-mode-switch button{min-height:30px}.living-state-card{gap:8px;padding:10px 12px}.living-orb{width:112px;height:112px}.living-orb strong{font-size:30px}.living-state-copy{gap:5px}.living-state-copy h2{font-size:19px}.living-state-copy p{display:none}.living-life-signs{grid-template-columns:minmax(104px,1.22fr) repeat(2,minmax(0,1fr));gap:6px}.living-life-signs article,.living-life-signs button{min-height:44px;gap:5px;padding:6px}.living-life-signs article svg,.living-life-signs button svg:first-child{width:26px;height:26px;padding:6px}.living-life-signs span{display:none}.living-life-signs button em{display:inline-flex;font-size:8px}.intro-screen{padding:48px 20px 18px}.intro-brand{top:48px}.intro-copy h1{max-width:300px;font-size:34px}.intro-copy p:not(.overline){font-size:15px}.intro-glass-card{margin-top:12px;padding:10px 12px}.intro-actions{margin-top:12px}}