:root{font-family:"Segoe UI",Arial,sans-serif;color:#243c3e;background:#f6f8f7;font-synthesis:none;--teal:#177d70;--muted:#7c8d8c;--line:#e5ebe7;--dark:#0b292b}
*{box-sizing:border-box}
body{margin:0}
button,input{font:inherit}
button,a,input{ -webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{opacity:.6;cursor:wait}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #72aabc;outline-offset:3px}
input{width:100%;border:1px solid #dce1e4;border-radius:7px;padding:11px 12px;background:#fff;color:#24383e;min-width:0}
input:focus{outline:2px solid #b6d0d8;border-color:#17647d}
label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500}
h1,h2,h3,p{margin-top:0}
h1{font-size:33px;letter-spacing:-1.1px;font-weight:600;margin-bottom:10px}
h2{font-size:16px;font-weight:600;margin-bottom:8px}
h3{font-size:15px}
p{line-height:1.65}
small{font-size:11px;line-height:1.6}
.hidden{display:none!important}
.muted{color:var(--muted);font-size:12px}
.eyebrow{display:block;font-size:9px;letter-spacing:2px;font-weight:600;margin-bottom:15px;color:#7d9096}
.brand{font-size:32px;letter-spacing:-1.5px;font-weight:600;color:#d9e7ec}
.brand>span{display:block;font-size:8px;letter-spacing:2px;color:#6f8a93;margin-top:5px;padding-left:3px}
.primary,.outline,.danger{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;padding:11px 16px;font-size:12px;font-weight:600;white-space:nowrap}
.primary{background:var(--teal);border:1px solid var(--teal);color:white;box-shadow:0 3px 5px #11333e10}
.primary:hover{background:#11556b}
.outline{border:1px solid #dce1e4;background:white;color:#40545a}
.outline:hover{background:#edf2f5}
.danger{border:0;background:#b44444;color:white}
.icon-button{border:0;background:transparent;color:#6e8289;font-size:22px;padding:5px 10px;border-radius:5px}
.icon-button:hover{background:#eef2f4}
.delete-button{color:#b5675c}
.text-link{font-size:11px;color:var(--teal);font-weight:600}
.full{width:100%}
.error{font-size:13px;color:#b1443b;min-height:1em}
.good{color:#216c85}
.warn{color:#a8792c}
.bad{color:#ba534b}
.neutral{color:#818e92}
.app{display:flex;min-height:100vh}
.sidebar{width:230px;position:fixed;inset:0 auto 0 0;background:var(--dark);padding:34px 20px 20px;display:flex;flex-direction:column;color:#8ca3aa;z-index:10;overflow-y:auto}
.sidebar>.brand{margin:0 10px 35px}
.tank-switch{display:flex;align-items:center;gap:11px;padding:14px 10px;border:1px solid #314850;border-radius:8px;background:#142d36;margin-bottom:33px}
.tank-icon{font-size:27px;color:#9db7bf;background:#27414a;border-radius:8px;width:34px;text-align:center}
.tank-switch strong{display:block;color:#d4e1e5;font-size:12px;max-width:110px;overflow-wrap:anywhere}
.tank-switch small{display:block;font-size:10px;margin-top:4px}
.live-dot{width:6px;height:6px;background:#86abb7;border-radius:50%;margin-left:auto;flex-shrink:0}
.nav-label{font-size:8px;letter-spacing:1.8px;margin:0 13px 15px;color:#637e87}
nav{display:flex;flex-direction:column;gap:5px}
nav a{padding:12px 13px;font-size:12px;display:flex;align-items:center;gap:12px;border-radius:6px;border:1px solid transparent}
nav a>span{font-size:18px;width:17px;text-align:center;color:#7c949c}
nav a:hover{background:#15323b}
nav a.active{background:#203a43;border-color:#35515a;color:#e5ecee}
nav a.active>span{color:#aac4cd}
nav small{margin-left:auto;border:1px solid #465a60;border-radius:4px;font-size:9px;padding:0 5px}
.sidebar-bottom{margin-top:auto;padding-top:40px}
.private-label{font-size:10px;color:#7d939b;border-top:1px solid #293d43;padding:20px 9px 8px}
.private-label span{color:#99b5be;margin-right:5px}
.subtle{border:0;background:transparent;color:#8d9fa5;font-size:11px;padding:10px}
main{margin-left:230px;width:calc(100% - 230px);min-width:0}
.topbar{height:78px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fbfcfd;gap:15px}
.breadcrumb{font-size:11px;color:#828e92}
.breadcrumb span{margin:0 15px;color:#bec6c8}
.breadcrumb strong{font-weight:500;color:#43565c}
.top-actions{display:flex;align-items:center;gap:20px}
.today{font-size:11px;color:#7e898c}
.top-actions .outline{font-size:10px;padding:8px 12px}
.avatar{background:#e0e8ed;border:1px solid #d2dde1;border-radius:50%;width:31px;height:31px;color:#5d7a83;font-size:11px}
.page{max-width:1450px;margin:auto;padding:36px 40px 25px}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px}
.page-heading .eyebrow{font-size:8px;margin-bottom:11px}
.page-heading p{font-size:12px;color:var(--muted);margin-bottom:0}
.page-heading>.primary{margin-top:8px}
.tank-banner{position:relative;overflow:hidden;border:1px solid #d7e0e3;border-radius:12px;background:linear-gradient(110deg,#e9f1f3,#e3e9ee 75%,#d3e1e6);padding:27px 30px;min-height:209px;display:flex;justify-content:space-between;margin-bottom:30px}
.tank-banner .eyebrow{color:#7b9097;font-size:8px;margin-bottom:12px}
.tank-banner h2{font-size:25px;letter-spacing:-.6px;color:#284048;margin-bottom:9px;display:flex;align-items:center;gap:15px}
.pill{display:inline-block;font-size:9px;padding:5px 8px;border-radius:5px;background:#eef6f8a6;border:1px solid #cfdce0;font-weight:500;letter-spacing:0;white-space:nowrap}
.tank-banner p{font-size:11px;color:#7d8b90;margin-bottom:22px}
.tank-banner p>span{margin:0 9px}
.banner-stats{display:flex;gap:30px}
.banner-stats>div{border-right:1px solid #cbd4da;padding-right:30px}
.banner-stats>div:last-child{border:0}
.banner-stats strong{font-size:14px;font-weight:600;display:block;color:#364e56}
.banner-stats small{font-size:9px;display:block;color:#7f9197;margin-top:4px}
.tank-illustration{position:relative;width:230px;min-width:190px;height:155px;align-self:center;margin:0 6%;border:2px solid #84a1aa78;border-top:3px solid #91aab286;border-radius:4px 4px 15px 15px;background:linear-gradient(180deg,transparent 8%,#b6cdd435 9%,#91b2bd50);box-shadow:10px 14px 25px #65848f20;transform:perspective(500px) rotateY(-9deg)}
.waterline{position:absolute;top:14px;left:0;right:0;border-top:1px solid #799da980}
.gravel{position:absolute;bottom:0;height:14px;width:100%;background:#819ba466;border-radius:0 0 11px 11px}
.fish{position:absolute;border-radius:55% 45% 45% 55%;width:36px;height:18px;background:#a1835477;top:55px;left:70px}
.fish:before{content:"";position:absolute;right:-12px;top:1px;border-right:13px solid #a1835477;border-top:8px solid transparent;border-bottom:8px solid transparent}
.fish:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#4b666f;left:7px;top:6px}
.fish-two{top:85px;left:125px;transform:scale(.7) rotateY(180deg);background:#6f929e}
.weed{position:absolute;bottom:10px;width:15px;height:82px;background:#65848e55;border-radius:100% 0 80% 0;transform:rotate(-18deg);left:26px;transform-origin:bottom}
.weed:after{content:"";position:absolute;width:15px;height:55px;background:#567d8a55;left:13px;bottom:0;transform:rotate(30deg);border-radius:0 100% 0 80%}
.w2{left:170px;height:100px;transform:rotate(15deg)}
.w3{left:185px;height:65px;transform:rotate(30deg)}
.bubble{position:absolute;border:1px solid #7c9eaa55;border-radius:50%;width:7px;height:7px;left:142px;top:35px}
.b2{left:150px;top:22px;width:4px;height:4px}
.b3{left:54px;top:49px;width:5px;height:5px}
.section-label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}
.section-label h2{font-size:14px;margin:0}
.section-label>span{font-size:10px;color:#8b9699}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}
.metric{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px 18px 10px}
.metric-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#748287}
.status-dot{height:6px;width:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #f2f4f6}
.metric-value{font-size:29px;letter-spacing:-1px;font-weight:500;margin:14px 0 8px}
.metric-value small{font-size:11px;color:#8e979a;letter-spacing:0;font-weight:400}
.metric-bottom{display:flex;align-items:center;justify-content:space-between;color:#9aa0a5;font-size:9px}
.mini-wave{font-size:34px;color:#98adb4;line-height:1}
.mini-wave.temperature{color:#b5a98b}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(275px,1fr);gap:22px}
.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:23px;min-width:0}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}
.panel-heading h2{font-size:13px;margin:0 0 6px}
.panel-heading p{font-size:10px;color:#959ba0;margin:0}
.panel-heading>span{color:#98a3aa}
.legend{display:flex;gap:19px;font-size:9px;color:#849094;margin:17px 0}
.legend span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;background:#227b99}
.legend .legend-no3:before{background:#dda65c}
.legend .legend-nh3:before{background:#8a9db3}
.chart{display:block;width:100%;margin:9px 0 0;overflow:visible}
.chart text{font:9px "Segoe UI",sans-serif;fill:#959ba0}
.grid-line{stroke:#edeff0;stroke-dasharray:3 4}
.health-panel{text-align:center}
.health-panel .panel-heading{text-align:left}
.score-circle{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;width:115px;height:115px;margin:16px auto 13px}
.score-circle.good{color:#3c6551}
.score-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:7}
.score-track{stroke:#dfece1}
.score-progress{stroke:currentColor}
.score-circle strong{font-size:35px;font-weight:500;line-height:1.1;letter-spacing:-2px}
.score-circle span{font-size:10px;color:#93a3a8;margin-top:4px}
.health-panel h3{font-size:13px;margin-bottom:7px}
.health-panel>p{font-size:10px;color:#8f9ca0;margin-bottom:15px}
.health-note{background:#f0f5f7;border:1px solid #dfeaee;padding:10px;border-radius:5px;font-size:10px;line-height:1.6;color:#6e868e}
.health-panel details{font-size:11px;margin-top:12px;text-align:left;line-height:1.6}
.health-panel details p{margin:10px 0}
.activity{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #ecf0f1}
.activity:last-child{border:0}
.activity-icon{width:33px;height:33px;display:flex;align-items:center;justify-content:center;background:#edf2f5;color:#769099;border:1px solid #e2ebee;border-radius:9px;font-size:19px;flex-shrink:0}
.activity>div{flex:1;min-width:0}
.activity strong{font-size:11px;font-weight:500;display:block}
.activity p{font-size:10px;color:#8f9aa1;margin:4px 0 0;overflow-wrap:anywhere}
.activity time{font-size:9px;color:#8f9da2;white-space:nowrap}
.water-panel>.muted{font-size:10px;margin-top:-9px}
.calculator-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0 12px}
.calculator-inputs label{font-size:9px;color:#8d989c}
.calculator-inputs input{padding:8px;font-size:12px;background:#f8fafc}
.water-result{color:#3b6776;background:#ecf4f6;border:1px solid #dae7ec;font-size:15px;font-weight:500;line-height:1.6;padding:12px;border-radius:5px;margin-bottom:9px}
.water-panel>small{display:block;color:#8b9ba0;font-size:9px}
.reminder{display:flex;gap:10px;margin:17px 0;padding-top:15px;border-top:1px solid #e7eef0}
.reminder>span{font-size:23px;color:#78959f}
.reminder strong{font-size:10px;color:#6a828a;display:block;font-weight:500}
.reminder small{font-size:9px;color:#8e9fa5}
.water-panel>.outline{font-size:10px;padding:9px}
.info-strip{display:flex;align-items:center;gap:13px;background:#ebf0f3;border:1px solid #dde6e9;border-radius:7px;padding:13px 17px;margin-top:23px;color:#7c9198}
.info-strip>span{font-size:17px}
.info-strip p{font-size:10px;flex:1;margin:0;line-height:1.7}
.info-strip a{font-size:10px;color:#5f7c85;white-space:nowrap}
footer{max-width:1450px;margin:0 auto;padding:18px 40px 24px;display:flex;gap:15px;font-size:16px;color:#9aa6aa;align-items:center}
footer span{font-size:9px;color:#a3acaf}
footer span:last-child{margin-left:auto}
.records-panel{padding:0;overflow:hidden}
.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:22px;gap:18px}
.table-toolbar h2{margin-bottom:5px}
.table-toolbar .muted{font-size:10px}
.search{flex-direction:row;align-items:center;gap:8px;border:1px solid #e1e6e9;border-radius:6px;padding:0 10px;color:#99a6aa;max-width:240px}
.search input{border:0;padding:9px 0;font-size:11px;background:none}
.search input:focus{outline:none}
.search:focus-within{outline:2px solid #b6d0d8}
.table-scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}
th{background:#f5f7f9;font-weight:500;color:#829398;font-size:10px;white-space:nowrap}
td,th{padding:14px 18px;border-bottom:1px solid #e9eef0}
td{max-width:330px;min-width:80px;overflow-wrap:anywhere;line-height:1.6}
td:first-child{font-weight:500;white-space:nowrap}
.row-actions{white-space:nowrap}
.row-actions button{font-size:19px;padding:3px 6px}
tbody tr:hover{background:#f8fafc}
.empty{padding:45px 20px;text-align:center;color:#85959b;font-size:12px}
.empty>span{font-size:40px;color:#a8bdc4}
.empty h3{color:#677e85;font-size:16px;margin:12px 0}
.empty p{font-size:12px}
.empty button{margin-top:10px}
.cycle-chart{margin-bottom:23px}
.cycle-chart .chart{max-height:270px}
.care-panel{margin-top:22px}
.care-panel>h2{font-size:18px}
.care-panel h3{padding:14px 0 11px;border-bottom:1px solid #dfe5ea;color:#466a76;line-height:1.6;font-size:13px;margin:17px 0 7px}
.care-row{display:grid;grid-template-columns:1fr 1.6fr 1fr 1.6fr;gap:16px;padding:12px 0;border-bottom:1px solid #ecf1f3;font-size:11px;line-height:1.7}
.care-row strong{font-weight:500;color:#677e85}
.care-row span{color:#64767c}
dialog{border:1px solid #d6e1e5;border-radius:12px;padding:28px;max-width:620px;width:calc(100% - 32px);color:#293d43;box-shadow:0 20px 100px #0b232b22}
dialog::backdrop{background:#0b232b75;backdrop-filter:blur(3px)}
.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}
.dialog-heading h2{font-size:20px}
.dialog-heading .eyebrow{font-size:8px;margin-bottom:10px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.field-group{min-width:0}
.test-guide{margin-top:8px;color:#71848a;font-size:10px;line-height:1.6}
.test-guide summary{color:#28786e;cursor:pointer;font-weight:600}
.test-guide ol{padding-left:18px;margin:8px 0}
.test-guide li{padding-left:2px;margin:4px 0}
.test-guide .guide-note{margin:8px 0;color:#829195}
.guide-timer{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #e7edef}
.guide-timer output{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;color:#304f58;min-width:43px}
.timer-button,.timer-reset{border:1px solid #d9e3e5;border-radius:5px;background:#f7faf9;color:#41656c;padding:6px 9px;font-size:10px;font-weight:600}
.timer-button:hover,.timer-reset:hover{background:#eaf2f1}
.timer-reset{font-size:16px;line-height:1;padding:4px 7px}
.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
#confirm-dialog{max-width:450px}
#confirm-dialog p{font-size:13px;color:#839196}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 24px;border-radius:8px;background:#18353e;color:#fff;font-size:13px;z-index:100;box-shadow:0 5px 25px #0b232b22;max-width:90%;width:max-content}
.toast-error{background:#a34b43}
.login-screen{display:flex;min-height:100vh;background:#f6f8fa;align-items:center}
.login-art{width:50%;min-height:100vh;background:radial-gradient(ellipse at 80% 65%,#37535d 0,transparent 45%),radial-gradient(ellipse at 0 100%,#506a73 0,transparent 45%),#0b232b;display:flex;flex-direction:column;justify-content:space-between;padding:50px 9% 40px 6%;color:#d6e3e7;position:relative;overflow:hidden}
.login-art:after{content:"";position:absolute;border:1px solid #c6d6dc20;border-radius:50%;height:550px;width:550px;bottom:-260px;right:-260px;box-shadow:0 0 0 50px #b0cad306,0 0 0 100px #b0cad305;pointer-events:none}
.login-art h1{font-size:clamp(35px,4.2vw,62px);font-weight:400;line-height:1.18;letter-spacing:-2px}
.login-art .eyebrow{color:#8a9ea4;font-size:8px}
.login-art p{font-size:13px;line-height:1.9;color:#93a6ac;margin-top:26px}
.art-caption{font-size:8px;letter-spacing:2px;color:#80949b}
.login-card{width:50%;max-width:520px;margin:auto;padding:55px}
.login-card .eyebrow{font-size:8px}
.login-card h2{font-size:27px;font-weight:500;letter-spacing:-.8px;margin:20px 0 12px}
.login-card>p{font-size:12px;color:#85959a;margin-bottom:32px}
.login-card label{margin-bottom:20px;color:#59737b;font-size:11px}
.login-card input{padding:13px}
.login-card>.primary{width:100%;padding:13px;justify-content:space-between}
.login-card>.error{color:#b1443b;margin:5px 0 17px}
.login-card>small{display:block;text-align:center;color:#95a4a9;font-size:9px;margin-top:24px}
@media(min-width:1600px){.page{padding-top:45px}
.tank-banner{min-height:230px}
.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(330px,1fr)}
}
@media(max-width:1200px){.sidebar{width:200px;padding:30px 12px}
main{margin-left:200px;width:calc(100% - 200px)}
.page{padding:28px 24px}
.topbar{padding:0 24px}
.banner-stats{gap:17px}
.banner-stats>div{padding-right:17px}
.tank-illustration{margin-right:0;width:170px;min-width:150px}
.tank-banner{padding:23px}
.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(265px,1fr);gap:17px}
.panel{padding:18px}
.metrics{gap:12px}
.metric{padding:15px}
.top-actions{gap:12px}
.activity time{font-size:8px}
.info-strip a{display:none}
.care-row{grid-template-columns:1fr 2fr}
footer{padding:18px 24px}
.page-heading h1{font-size:28px}
}
@media(max-width:980px){.dashboard-grid{grid-template-columns:1fr 1fr}
.trend-panel,.activity-panel{grid-column:1 / -1}
.health-panel{grid-row:2}
.water-panel{grid-row:2}
.tank-illustration{display:none}
.tank-banner>div{width:100%}
.tank-banner{min-height:190px}
.metrics{grid-template-columns:repeat(2,1fr)}
.page-heading{align-items:flex-start}
.page-heading .primary{font-size:10px;padding:10px}
.today{display:none}
.metric-bottom{font-size:10px}
.tank-banner .banner-stats{gap:24px}
.page-heading h1{font-size:25px}
.info-strip p{font-size:10px}
.table-toolbar{padding:18px}
.records-panel{padding:0}
.activity time{font-size:10px}
}
@media(max-width:700px){.sidebar{position:static;width:100%;padding:18px 16px 9px;overflow:visible}
.sidebar>.brand{font-size:26px;margin:0 0 16px}
.brand>span{font-size:7px}
.tank-switch,.nav-label,.sidebar-bottom{display:none}
nav{flex-direction:row;overflow:auto;gap:5px;padding-bottom:8px}
nav a{flex-shrink:0;padding:9px 11px;font-size:11px}
nav a>span{font-size:16px}
nav a small{display:none}
.app{display:block}
main{margin:0;width:100%}
.topbar{height:58px;padding:0 18px}
.top-actions{gap:9px}
.breadcrumb{font-size:10px}
.breadcrumb span{margin:0 8px}
.page{padding:25px 18px 15px}
.page-heading{flex-wrap:wrap;margin-bottom:22px}
.page-heading h1{font-size:28px}
.page-heading p{font-size:11px}
.page-heading .primary{margin-top:0;font-size:11px}
.tank-banner{padding:21px}
.tank-banner h2{font-size:23px}
.banner-stats{gap:16px!important}
.banner-stats>div{padding-right:14px}
.banner-stats strong{font-size:12px}
.banner-stats small{font-size:8px}
.tank-banner p{font-size:10px}
.dashboard-grid{display:flex;flex-direction:column;gap:17px}
.health-panel{order:0}
.trend-panel{order:1}
.activity-panel{order:2}
.water-panel{order:3}
.health-panel .score-circle{width:105px;height:105px}
.section-label{align-items:flex-start}
.section-label h2{font-size:12px}
.section-label>span{font-size:9px;text-align:right;max-width:135px}
.metric-value{font-size:28px}
.metric-top{font-size:11px}
.metric{padding:16px 13px}
.metrics{gap:11px;margin-bottom:18px}
.activity time{font-size:9px}
.panel{padding:20px}
.records-panel{padding:0}
.table-toolbar{flex-wrap:wrap}
.search{max-width:none;width:100%}
.care-panel h3{font-size:11px}
.care-row{font-size:11px;gap:9px;grid-template-columns:1fr 1.6fr}
.info-strip{align-items:flex-start;margin-top:18px}
footer{padding:18px;font-size:15px;flex-wrap:wrap}
footer span:last-child{margin-left:0;width:100%;padding-left:0}
.form-grid{grid-template-columns:1fr}
dialog{padding:23px}
.login-screen{display:block}
.login-art{width:100%;min-height:280px;padding:25px 28px}
.login-art>div{margin:30px 0 5px}
.login-art h1{font-size:35px;letter-spacing:-1px}
.login-art h1 br{display:none}
.login-art h1 br:after{content:" "}
.login-art p,.art-caption{display:none}
.login-art .eyebrow{font-size:7px}
.login-card{width:100%;padding:35px 28px;max-width:450px}
.login-card h2{font-size:25px}
.login-card .eyebrow{margin-bottom:10px}
}
.mobile-logout{display:none}
@media(max-width:700px){.mobile-logout{display:inline-flex}
.top-actions{gap:6px}
.top-actions .outline{padding:7px 8px}
.breadcrumb{max-width:155px;line-height:1.5}
}
@media(prefers-reduced-motion:no-preference){button,a,input{transition:background .15s,border-color .15s}
.fish-one{animation:drift 6s ease-in-out infinite alternate}
.fish-two{animation:drift 8s ease-in-out infinite alternate-reverse}
@keyframes drift{from{translate:-7px 0}
to{translate:9px -5px}
}
}