/* Ocean: a coherent visual system for search, comparison and supporting data. */
:root{--ink:#172e47;--muted:#718196;--line:#e1e8ef;--paper:#f3f6fa;--accent:#1267e9;--ocean-blue:#1267e9;--ocean-teal:#00867d;--ocean-navy:#132b46;--shadow:0 6px 24px #172e4705}
body.ocean-design{background:#f3f6fa;color:#172e47;font-family:Inter,'Pretendard','Noto Sans KR','Malgun Gothic',sans-serif;letter-spacing:-.3px}button,input,select{font-family:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent }button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #81baff;outline-offset:3px}
.ocean-design .preview{display:flex;align-items:center;justify-content:center;gap:6px;background:#132b46;color:#d4e2ee;font-size:10px;letter-spacing:.3px;padding:5px 20px}.preview-status{display:inline-block!important;margin:0!important;width:5px;height:5px;border-radius:50%;background:#9dbae0}.ocean-design header{max-width:none;background:#fff;padding:18px max(32px,calc((100vw - 1190px)/2));border-bottom:1px solid #e4eaf0;gap:25px}.ocean-design header .brand{font-size:24px;gap:10px;letter-spacing:-1px;white-space:nowrap;color:#132b46;position:relative}.ocean-design .brand-icon{background:#1267e9;width:40px;height:40px;border-radius:12px;color:#fff;display:grid;place-items:center;box-shadow:0 4px 10px #1267e922}.brand-icon svg{width:29px;height:29px}.brand-signature{font-size:11px;font-weight:450;color:#8997a8;border-left:1px solid #e0e6ed;padding-left:15px;margin-left:8px;letter-spacing:0}.ocean-design header nav{margin:0}.ocean-design .main-tabs{padding:4px;background:#f1f5f9;border-radius:10px;gap:3px}.ocean-design .main-tabs button{font-size:13px;color:#6c7c91;padding:10px 18px;border-radius:7px;min-height:40px}.ocean-design .main-tabs button[aria-selected=true]{background:#fff;color:#1267e9;box-shadow:0 2px 7px #233b5512;font-weight:750}
.ocean-design main{max-width:1254px;padding:0 32px}.ocean-design #sea.section{padding-top:30px}.ocean-design #sea>.section-head{display:flex;align-items:center;margin:0 0 24px;gap:20px}.design-eyebrow{font-size:10px!important;letter-spacing:2.3px;font-weight:750;color:#6481a1!important;margin:0 0 5px!important}.ocean-design #sea>.section-head h2{font-size:31px;letter-spacing:-1.2px;line-height:1.5;font-weight:780}.official-source{display:flex;align-items:center;gap:7px;font-size:11px;color:#76879a;background:#e9f0f7;border:1px solid #dfE8f1;padding:7px 11px;border-radius:30px;white-space:nowrap}.official-source span{width:5px;height:5px;background:#428ac6;border-radius:50%}
.sea-workspace{display:grid;grid-template-columns:290px minmax(0,1fr);align-items:start;gap:22px;margin-bottom:22px}.sea-controls-card{border:1px solid #e1e8ef;background:#fff;border-radius:16px;padding:20px;box-shadow:var(--shadow);min-width:0}.controls-card-title{display:flex;align-items:center;gap:8px;margin-bottom:18px}.controls-card-title h3{margin:0;font-size:15px;letter-spacing:-.4px}.mini-location{font-size:22px;color:#1267e9;line-height:1}.ocean-design .searchbar{display:flex;flex-direction:column;align-items:stretch;background:transparent;border:0;border-radius:0;padding:0;gap:14px;margin:0}.ocean-design .searchbar label{width:100%;font-size:11px;color:#7a899a;font-weight:600}.ocean-design .searchbar label:first-child:before{font-size:11px;color:#7a899a}.ocean-design .region-picker>input{height:48px;font-size:14px;background:#f6f9fc;border:1px solid #dce5ee;border-radius:9px;color:#243f5a;padding:12px;margin-top:7px;transition:border-color .15s,box-shadow .15s}.region-picker>input:focus{outline:0;border-color:#5298ed;box-shadow:0 0 0 3px #1267e912;background:#fff}.region-picker>input::placeholder{color:#697f95;opacity:1;font-size:12px;font-weight:500}.ocean-design .searchbar input[type=date]{height:46px;font-size:14px;min-height:44px;border:1px solid #dce5ee;border-radius:9px;background:#f6f9fc;padding:10px 12px;margin-top:7px;color:#243f5a}.ocean-design .searchbar .compact-save{height:42px;background:#edf4ff;border:1px solid #d4e4fc;border-radius:9px;color:#1267e9;font-size:12px;font-weight:700;padding:8px 12px;transition:background .15s}.ocean-design .searchbar .compact-save:hover{background:#e0edff}.ocean-design .searchbar .compact-save[aria-pressed=true]{background:#1267e9;border-color:#1267e9;color:#fff}.ocean-design .date-shortcuts{margin:16px 0 0;gap:6px;justify-content:space-between}.ocean-design .date-shortcuts button{min-height:36px;padding:6px 9px;background:#fff;color:#61758c;border:1px solid #e0e7ee;border-radius:7px;font-size:10px}.ocean-design .date-shortcuts button:hover{border-color:#9fc3f4;color:#1267e9;background:#f6f9ff}.ocean-design .date-shortcuts a{font-size:10px;color:#7a90a5;margin-left:0;margin-top:4px;letter-spacing:-.4px}.ocean-design .date-shortcuts .usage-help{display:none}
.ocean-design .region-options{border-radius:12px;border:1px solid #d8e4ef;box-shadow:0 12px 35px #163e4326;padding:13px;background:#fff;width:360px;z-index:40}.ocean-design .region-coasts{gap:5px}.ocean-design .region-coasts button{padding:7px 12px;background:#f4f7fa;color:#667e94;border:1px solid transparent;border-radius:7px;min-height:38px;font-size:11px}.ocean-design .region-coasts button[aria-pressed=true]{background:#1267e9;color:#fff}.ocean-design .region-matches button{border:1px solid #e0e8f0;border-radius:7px;background:#f6f9fc;color:#284763;min-height:44px;font-size:12px;transition:background .15s}.ocean-design .region-matches button:hover{background:#eaf3ff;border-color:#9cc2f3}.region-hint{color:#8a9bad;font-size:10px}.ocean-design .region-close{border-color:#e0e8ef;color:#688197;border-radius:6px;font-size:11px}.ocean-design .favorite-comparison{border:1px solid #dce5ee;border-radius:16px;padding:23px 24px 16px;margin:0;background:#fff;box-shadow:var(--shadow);min-width:0;overflow:hidden}.ocean-design .favorite-compare-heading{margin-bottom:16px;gap:10px}.ocean-design .favorite-compare-heading h3{font-size:18px;font-weight:750;letter-spacing:-.6px;color:#172e47}.ocean-design .favorite-compare-heading>span{font-size:12px;letter-spacing:.3px;background:#f3f6fa;color:#637b92;padding:5px 9px;border-radius:6px;font-weight:600}.ocean-design .favorite-compare-note,.ocean-design .compare-action-hint{display:none}.ocean-design .favorite-compare-table{border-spacing:0;border-collapse:separate;table-layout:fixed}.ocean-design .favorite-compare-table th:first-child{width:28%}.ocean-design .favorite-compare-table thead th{background:#fff;padding:0 14px 12px;color:#7e8fa2;font-size:11px;font-weight:600;border-bottom:1px solid #e7edf3}.ocean-design .favorite-compare-table thead th:nth-child(2){color:#1267e9}.ocean-design .favorite-compare-table thead th:nth-child(2):before{content:'↗';margin-right:6px;font-size:15px}.ocean-design .favorite-compare-table thead th:nth-child(3){color:#00867d}.ocean-design .favorite-compare-table thead th:nth-child(3):before{content:'↘';margin-right:6px;font-size:15px}.ocean-design .favorite-compare-table td,.ocean-design .favorite-compare-table tbody th{border-bottom:1px solid #e9eff4;padding:16px 14px;vertical-align:middle}.ocean-design .favorite-compare-table tbody th{background:#fff}.ocean-design .favorite-compare-table .compare-high{background:#f5f9ff;color:#125fc7}.ocean-design .favorite-compare-table .compare-low{background:#f0f9f8;color:#008477}.ocean-design .favorite-compare-table tbody tr:first-child th{box-shadow:inset 3px 0 #1267e9;background:#fafcff}.ocean-design .favorite-compare-table td strong{font-size:30px;letter-spacing:-.8px;font-weight:750;display:inline-block;margin:0 12px 0 0;font-variant-numeric:tabular-nums;line-height:1.45}.ocean-design .favorite-compare-table td strong:last-child{margin-right:0}.ocean-design .favorite-compare-table tbody th button{font-size:16px;font-weight:750;color:#203c58;min-height:0;line-height:1.4;padding:0}.ocean-design .favorite-compare-table tbody th button:hover{color:#1267e9}.ocean-design .favorite-compare-table tbody button:after{content:'상세 ›';font-size:9px;color:#8c9aab;display:inline-block;margin:0 0 0 7px;font-weight:400}.ocean-design .comparison-save-state{font-size:9px;font-weight:450;color:#8899aa;white-space:nowrap;margin-top:4px}.ocean-design .compare-tide-name{font-size:10px;display:inline-block;color:#5f7890;background:#edf2f7;border-radius:4px;padding:1px 5px;margin-top:5px;font-weight:550}.ocean-design .compare-tide-name:after{content:' · 참고';font-size:8px;color:#8c9bac}.comparison-legend{display:flex;gap:16px;margin-top:14px;color:#91a0ae;font-size:9px;flex-wrap:wrap}.comparison-legend span{display:flex;align-items:center;gap:5px}.comparison-legend i{width:5px;height:5px;border-radius:50%;background:#1267e9}.comparison-legend span:last-child i{background:#00867d}
.ocean-design .compact-single,.ocean-design .supplementary{background:#fff;border:1px solid #e0e7ef;border-radius:12px;margin:12px 0;box-shadow:var(--shadow);overflow:hidden}.ocean-design .compact-single>summary,.ocean-design .supplementary>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:17px 19px;font-size:13px;font-weight:650;cursor:pointer;background:#fff;color:#36516b;min-height:58px}.ocean-design summary::-webkit-details-marker{display:none}.ocean-design .compact-single>summary:after,.ocean-design .supplementary>summary:after{content:'+';font-size:22px;font-weight:350;color:#8296aa;margin-left:auto;line-height:1}.ocean-design .compact-single[open]>summary:after,.ocean-design .supplementary[open]>summary:after{content:'−';color:#1267e9}.ocean-design .supplementary>summary:hover,.ocean-design .compact-single>summary:hover{background:#f8fbff}.ocean-design .supplementary>summary:before,.ocean-design .compact-single>summary:before{content:'';width:30px;height:30px;flex-shrink:0;background:#eef4fc;border-radius:8px;background-position:center;background-size:18px;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7dc0' stroke-width='1.6'%3E%3Cpath d='M4 8h16M4 13h16M4 18h10'/%3E%3C/svg%3E")}.ocean-design [data-design-icon=calendar]>summary:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7dc0' stroke-width='1.6'%3E%3Crect x='4' y='5' width='16' height='15' rx='2'/%3E%3Cpath d='M8 3v4m8-4v4M4 10h16m-12 4h2m4 0h2m-8 3h2'/%3E%3C/svg%3E")}.ocean-design [data-design-icon=weather]>summary:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7dc0' stroke-width='1.6'%3E%3Cpath d='M7 18a4 4 0 1 1 2-7 5 5 0 1 1 9 7H7zM6 3v2M2 7l2 1m7-4 1-2'/%3E%3C/svg%3E")}.ocean-design [data-design-icon=marine]>summary:before,.ocean-design [data-design-icon=tide]>summary:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7dc0' stroke-width='1.6'%3E%3Cpath d='M3 9c3-5 6 5 9 0s6 5 9 0M3 16c3-5 6 5 9 0s6 5 9 0'/%3E%3C/svg%3E")}.ocean-design [data-design-icon=map]>summary:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7dc0' stroke-width='1.6'%3E%3Cpath d='m3 6 6-3 6 3 6-3v15l-6 3-6-3-6 3V6zm6-3v15m6-12v15'/%3E%3C/svg%3E")}.ocean-design .range-tides>summary{background:#fff}.ocean-design .secondary-sections{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.ocean-design .secondary-sections>.supplementary{margin:0}.ocean-design .secondary-sections>.supplementary[open]{grid-column:1/-1}.ocean-design .sea-note{font-size:10px;color:#93a1ae;margin:20px 0;text-align:center}.ocean-design footer{padding:25px 0 35px;margin-top:28px;border-top:1px solid #dce5ee;gap:18px;align-items:start}.ocean-design footer .brand{font-size:18px;color:#8295a9}.ocean-design footer p{font-size:10px;line-height:1.8;color:#8799ac}.ocean-design footer small{font-size:9px;line-height:1.8;color:#9aA7b5}
.ocean-design .panel{border-color:#e0e8ef;background:#fff;border-radius:12px}.ocean-design .tide-location{color:#183d60!important}.ocean-design .tide-times>span{background:#f1f7ff;color:#1267d4;border-color:#4a90df;border-radius:10px}.ocean-design .tide-times>span.low-tide{background:#eff9f7;color:#008477;border-color:#30a49a}.ocean-design .tide-extra-meta{background:#f1f5fa;color:#58728c;border-radius:7px}.ocean-design .tag.neutral{background:#edf3fa;color:#6988a5}.ocean-design .source{border-color:#e7edf3;color:#8b9bab}.ocean-design .range-toolbar button{background:#edf4ff;border-color:#d4e3fa;color:#3575ba;border-radius:7px}.ocean-design .range-table thead th{background:#f2f6fa;color:#657f97}.ocean-design .marine-heading h3{font-size:22px}.ocean-design .marine-select select{background:#f7faff;border-color:#dce6ef;color:#426783}.ocean-design .marine-provenance strong{color:#2a536f}.ocean-design .fishing-type button[aria-pressed=true]{background:#1267e9}.ocean-design .marine-panels{gap:12px}.ocean-design .national-table thead{background:#f0f5fa;color:#668199}.ocean-design .national-table{background:#fff}.ocean-design .national-table tbody tr.current{background:#eff6ff}.ocean-design .national-table td,.ocean-design .national-table th{border-color:#e7edf3}.ocean-design .coast-tabs button.active{background:#1267e9;border-color:#1267e9;color:#fff}.ocean-design .station-search input{background:#fff;border-color:#dbe5ef}.ocean-design .overview-intro{background:#edf3fa;color:#55758f}.ocean-design .station-link{color:#1d5f9f}.ocean-design .coast-map-panel{border-radius:12px}.ocean-design .map-sidebar{background:#fff}.ocean-design .map-coasts button{background:#f4f8fc;color:#3a6688;border-color:#dce6ef;border-radius:7px}.ocean-design .national-pager button{background:#edf4fc;color:#42749b;border-color:#dce6ef}.ocean-design .tide-help{color:#688098}.ocean-design .tide-help strong{color:#385875}
@media(min-width:1100px){.ocean-design .favorite-compare-table td strong{font-size:34px;margin-right:16px}}
@media(max-width:1000px){.sea-workspace{grid-template-columns:250px minmax(0,1fr);gap:16px}.ocean-design header{padding:16px 28px}.brand-signature{display:none}.ocean-design .favorite-comparison{padding:20px 17px 14px}.ocean-design .favorite-compare-table td strong{font-size:27px}.ocean-design .favorite-compare-table td,.ocean-design .favorite-compare-table tbody th{padding:14px 10px}}
@media(max-width:760px){.ocean-design header{padding:14px 20px}.ocean-design main{padding:0 20px}.sea-workspace{grid-template-columns:1fr}.ocean-design .searchbar{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.ocean-design .searchbar .compact-save{height:46px}.controls-card-title{display:none}.sea-controls-card{padding:15px}.ocean-design .date-shortcuts{justify-content:flex-start;margin-top:12px}.ocean-design .date-shortcuts a{margin-left:auto}.ocean-design #sea>.section-head h2{font-size:27px}.ocean-design .favorite-compare-table td strong{font-size:31px}.ocean-design .favorite-compare-table th:first-child{width:30%}.official-source{font-size:9px}.ocean-design .main-tabs button{padding:8px 12px}}
@media(max-width:540px){.ocean-design .preview{display:none}.ocean-design header{display:block;padding:14px 18px 10px;border-bottom:1px solid #e2e9f0}.ocean-design header .brand{font-size:22px;gap:9px}.ocean-design .brand-icon{width:34px;height:34px;border-radius:10px}.brand-icon svg{width:26px;height:26px}.ocean-design header nav{margin-top:12px}.ocean-design .main-tabs{width:100%;padding:3px;border:0;border-radius:9px;gap:3px}.ocean-design .main-tabs button{flex:1;padding:8px 6px;font-size:12px;min-height:37px}.ocean-design main{padding:0 16px}.ocean-design #sea.section{padding-top:14px}.ocean-design #sea>.section-head{display:none}.sea-workspace{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.sea-controls-card{width:100%;padding:12px;border-radius:13px;box-shadow:none}.ocean-design .searchbar{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ocean-design .searchbar label:first-child{grid-column:1/-1}.ocean-design .searchbar label:first-child:before{font-size:10px}.ocean-design .region-picker>input{font-size:16px;height:46px;padding:11px 12px;margin-top:5px;background:#f5f8fc}.region-picker>input::placeholder{font-size:13px}.ocean-design .searchbar label:nth-child(2){font-size:10px}.ocean-design .searchbar input[type=date]{height:42px;min-height:42px;font-size:13px;padding:7px 9px;margin-top:5px}.ocean-design .searchbar .compact-save{grid-column:2;height:42px;font-size:11px;padding:6px;white-space:nowrap}.ocean-design .date-shortcuts{margin-top:9px;gap:5px;flex-wrap:wrap}.ocean-design .date-shortcuts button{font-size:10px;min-height:36px;padding:5px 9px;border-radius:6px}.ocean-design .date-shortcuts a{font-size:9px;letter-spacing:-.4px;margin-top:0;white-space:nowrap}.ocean-design .region-options{width:calc(100vw - 58px);max-height:330px;padding:11px;border-radius:10px}.ocean-design .region-coasts button{font-size:11px;min-height:39px;padding:6px 11px}.ocean-design .region-matches button{font-size:13px;min-height:46px}.ocean-design .favorite-comparison{width:100%;padding:15px 12px 11px;border-radius:13px;box-shadow:none}.ocean-design .favorite-compare-heading{margin-bottom:12px}.ocean-design .favorite-compare-heading h3{font-size:15px}.ocean-design .favorite-compare-heading>span{font-size:10px;padding:3px 7px}.ocean-design .favorite-compare-table th:first-child{width:31%}.ocean-design .favorite-compare-table thead th{font-size:10px;padding:0 9px 9px}.ocean-design .favorite-compare-table thead th:nth-child(2):before,.ocean-design .favorite-compare-table thead th:nth-child(3):before{font-size:12px;margin-right:4px}.ocean-design .favorite-compare-table td,.ocean-design .favorite-compare-table tbody th{padding:11px 9px}.ocean-design .favorite-compare-table td strong{display:block;font-size:27px;line-height:1.35;letter-spacing:-.8px;margin:0}.ocean-design .favorite-compare-table tbody th button{font-size:15px;min-height:38px}.ocean-design .favorite-compare-table tbody button:after{display:block;font-size:8px;margin:3px 0 0}.ocean-design .comparison-save-state{font-size:8px;margin-top:3px}.ocean-design .compare-tide-name{font-size:9px;margin-top:4px;padding:0 4px}.ocean-design .compare-tide-name:after{font-size:7px}.comparison-legend{font-size:8px;gap:11px;margin-top:10px}.ocean-design .range-tides,.ocean-design .compact-single{margin:9px 0;border-radius:10px}.ocean-design .compact-single>summary,.ocean-design .supplementary>summary{padding:12px;font-size:12px;gap:10px;min-height:54px}.ocean-design .supplementary>summary:before,.ocean-design .compact-single>summary:before{width:28px;height:28px;border-radius:7px;background-size:17px}.ocean-design .compact-single>summary:after,.ocean-design .supplementary>summary:after{font-size:20px}.ocean-design .secondary-sections{display:grid;grid-template-columns:1fr;gap:9px;margin-top:15px}.ocean-design .secondary-sections>.supplementary[open]{grid-column:auto}.ocean-design .sea-note{font-size:9px;line-height:1.8;margin-top:17px}.ocean-design footer{margin-top:20px}.ocean-design footer small{font-size:8px}.ocean-design .panel{border-radius:9px}.ocean-design .marine-panels{grid-template-columns:1fr}.ocean-design .range-table{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.ocean-design .searchbar label:first-child{font-size:0}.ocean-design .searchbar label:first-child:before{font-size:11px}
@media(max-width:540px){.ocean-design .searchbar label:first-child:before{font-size:10px}}
.ocean-design .date-shortcuts button[aria-pressed=true]{color:#1267e9;border-color:#bfd6fa;background:#edf4ff;font-weight:700}.ocean-design #toast{background:#142e49;border-radius:12px;box-shadow:0 8px 30px #122d4925;color:#fff;font-size:12px;max-width:calc(100vw - 36px);white-space:nowrap}
/* Mobile readability and touch targets. */
@media(max-width:540px){.ocean-design .main-tabs button{min-height:44px;font-size:13px}.ocean-design .searchbar label:first-child:before,.ocean-design .searchbar label:nth-child(2){font-size:12px;color:#526b84}.ocean-design .region-picker>input{height:48px;font-size:16px}.ocean-design .region-picker>input::placeholder{font-size:15px;color:#526c86}.ocean-design .searchbar input[type=date]{height:46px;min-height:46px;font-size:16px;color:#243f5a}.ocean-design .searchbar .compact-save{height:46px;min-height:46px;font-size:13px}.ocean-design .date-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ocean-design .date-shortcuts button{min-width:44px;min-height:44px;font-size:12px;padding:7px 5px}.ocean-design .date-shortcuts a{grid-column:1/-1;justify-self:end;display:inline-flex;align-items:center;min-height:36px;font-size:11px;color:#5c7894;margin:0}.ocean-design .date-shortcuts .usage-help{display:none}.ocean-design .region-coasts button{min-height:44px;font-size:12px}.ocean-design .region-matches button{min-height:48px;font-size:14px}.ocean-design .region-close{min-height:44px;font-size:13px}.ocean-design .region-hint{font-size:12px;color:#667f95}.ocean-design .favorite-compare-heading h3{font-size:16px}.ocean-design .favorite-compare-heading>span{font-size:12px}.ocean-design .favorite-compare-table thead th{font-size:12px;color:#5c7690}.ocean-design .favorite-compare-table tbody th button{font-size:16px;min-height:44px}.ocean-design .favorite-compare-table tbody button:after{font-size:11px;color:#597792}.ocean-design .comparison-save-state{font-size:10px;color:#667f94;line-height:1.45}.ocean-design .compare-tide-name{font-size:11px;color:#476680}.ocean-design .compare-tide-name:after{font-size:9px;color:#698098}.ocean-design .comparison-legend{display:none}.ocean-design .compact-single>summary,.ocean-design .supplementary>summary{font-size:14px;min-height:56px}.ocean-design .region-options{max-height:360px}.ocean-design #toast{font-size:14px;padding:12px 16px}}
.ocean-design .tide-connection-status{margin-top:14px;padding:12px 14px;border-radius:9px;border:1px solid #ead9bc;background:#fff8ed;color:#79552a;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.ocean-design .tide-connection-status button{min-height:44px;flex-shrink:0;border:1px solid #dcc5a4;border-radius:7px;background:#fff;color:#79552a;font-size:12px;padding:8px 12px}.ocean-design .tide-connection-status[hidden]{display:none!important}@media(max-width:540px){.ocean-design .tide-connection-status{font-size:12px;padding:10px;gap:8px}}