.admin-loading,.admin-login-shell{color:#17385f;background:#f3f7fb;place-items:center;min-height:100vh;display:grid}.admin-login-card{background:#fff;border:1px solid #dfe7f1;border-radius:16px;width:min(410px,100% - 32px);padding:38px;box-shadow:0 18px 55px #092a4b18}.admin-brand{color:#0b2b55;align-items:center;gap:10px;margin-bottom:40px;display:flex}.admin-brand img{object-fit:contain;filter:drop-shadow(0 5px 9px #0b2b5530);flex:none;width:48px;height:48px}.admin-brand i{color:#1677f2;font-size:28px;font-style:normal}.admin-brand b{font-size:21px}.admin-login-card>span,.admin-header span{letter-spacing:1.8px;color:#1677f2;font-size:10px;font-weight:800}.admin-login-card h1{margin:8px 0;font-size:28px}.admin-login-card>p,.admin-card>p,.admin-header p{color:#718096;font-size:13px;line-height:1.6}.admin-login-card label,.admin-card label{margin-top:18px;font-size:12px;font-weight:700;display:block}.admin-login-card input,.admin-card input{border:1px solid #d5e0eb;border-radius:8px;outline:none;width:100%;margin-top:8px;padding:12px;display:block}.admin-login-card input:focus,.admin-card input:focus{border-color:#1677f2;box-shadow:0 0 0 3px #1677f21c}.admin-login-card>button,.admin-card form button{color:#fff;background:#1677f2;border:0;border-radius:8px;width:100%;margin-top:22px;padding:13px;font-weight:800}.admin-login-card>a{text-align:center;color:#61758c;margin-top:18px;font-size:11px;display:block}.admin-error{color:#b54641;background:#fff0ef;border-radius:7px;margin-top:14px;padding:11px;font-size:11px}.admin-shell{background:#f3f7fb;min-height:100vh;padding:42px clamp(20px,5vw,72px)}.admin-header{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.admin-header h1{margin:6px 0;font-size:30px}.admin-header p{margin:0}.admin-header a,.admin-header button{color:#285273;background:#fff;border:1px solid #cdddeb;border-radius:8px;margin-left:8px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-block}.admin-header button{color:#fff;background:#0b3867;border-color:#0b3867}.admin-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.admin-summary>div{background:#fff;border:1px solid #dfe7f1;border-radius:12px;padding:18px}.admin-summary span,.admin-summary b{display:block}.admin-summary span{color:#718096;font-size:10px}.admin-summary b{margin-top:7px;font-size:18px}.admin-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:16px;display:grid}.admin-card{background:#fff;border:1px solid #dfe7f1;border-radius:13px;padding:24px}.admin-card h2{margin:0;font-size:17px}.admin-notice{color:#14784d;background:#e9f9f1;border-radius:7px;margin-top:16px;padding:12px;font-size:11px}.admin-users{margin-top:18px}.admin-user{border-top:1px solid #edf1f5;grid-template-columns:38px minmax(160px,1fr) 132px minmax(320px,auto);align-items:center;gap:12px;padding:13px 0;display:grid}.admin-user>i{color:#1677f2;background:#eaf3ff;border-radius:50%;place-items:center;width:36px;height:36px;font-style:normal;font-weight:800;display:grid}.admin-user span b,.admin-user span small{display:block}.admin-user span b{font-size:12px}.admin-user span small{color:#718096;margin-top:4px;font-size:10px}.admin-user em{color:#14905b;background:#e9f9f1;border-radius:5px;padding:5px 8px;font-size:9px;font-style:normal}.admin-user.inactive{background:#fbfcfe}.admin-user.inactive>i{color:#7a8794;background:#edf1f5}.admin-user span mark{color:#1766b1;background:#e9f2ff;border-radius:5px;margin-left:7px;padding:3px 6px;font-size:8px}.admin-role-select{display:block}.admin-role-select small{color:#8795a5;margin:0 0 5px;font-size:8px;display:block}.admin-role-select select{width:132px;margin:0;padding:7px 28px 7px 9px;font-size:10px}.admin-user>button{color:#bd514c;background:#fff0ef;border:0;border-radius:6px;padding:7px 9px;font-size:10px}.admin-user-actions{justify-content:flex-end;align-items:center;gap:7px;min-width:320px;display:flex}.admin-user-actions button{white-space:nowrap;color:#1766b1;background:#f0f7ff;border:1px solid #d5e4f4;border-radius:7px;justify-content:center;align-items:center;gap:4px;min-height:34px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex}.admin-user-actions button.approve{color:#14784d;background:#e9f9f1;border-color:#c9ecdc}.admin-user-actions button.reject{color:#bd514c;background:#fff0ef;border-color:#f5d9d7}.admin-user-actions button.danger{color:#fff;background:#8f2d2a;border-color:#8f2d2a}.admin-user-actions button:disabled{opacity:.45;cursor:not-allowed}.admin-status.pending{color:#9a6700;background:#fff5d6}.admin-status.approved{color:#14784d;background:#e9f9f1}.admin-status.rejected{color:#bd514c;background:#fff0ef}.admin-user-actions button svg,.admin-card h2 svg,.admin-header button svg{vertical-align:middle;width:14px;height:14px}.admin-search{margin-top:14px;display:block;position:relative}.admin-search svg{color:#718096;width:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-search input{width:100%;padding-left:38px}.admin-empty{text-align:center;color:#8997a8;padding:30px;font-size:12px}@media (width<=760px){.admin-shell{padding:24px 15px}.admin-header{display:block}.admin-header>div:last-child{margin-top:18px}.admin-header a,.admin-header button{margin:0 8px 0 0}.admin-summary,.admin-grid{grid-template-columns:1fr}.admin-user{grid-template-columns:38px 1fr auto}.admin-user-actions{grid-column:2/-1;justify-content:flex-start}.admin-login-card{padding:28px}}.admin-app{color:#152f4d;background:#f4f7fb;grid-template-columns:250px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:linear-gradient(#092f5b,#071f3f);flex-direction:column;height:100vh;padding:28px 18px 20px;display:flex;position:sticky;top:0}.admin-logo{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:0 10px 28px;display:flex}.admin-logo svg{color:#28b9ec;width:34px;height:34px}.admin-logo img{object-fit:contain;filter:drop-shadow(0 5px 9px #001b4055);flex:none;width:48px;height:48px}.admin-logo span,.admin-logo b,.admin-logo small{display:block}.admin-logo b{font-size:18px}.admin-logo small{color:#96b3d2;letter-spacing:.08em;margin-top:3px;font-size:10px}.admin-sidebar nav{gap:8px;margin-top:24px;display:grid}.admin-sidebar nav button,.admin-side-bottom button,.admin-side-bottom a{color:#b8cce1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;padding:13px 14px;font-size:13px;font-weight:750;display:flex}.admin-sidebar nav button svg,.admin-side-bottom svg{width:18px}.admin-sidebar nav button.active{color:#fff;background:linear-gradient(135deg,#1677e8,#2592ef);box-shadow:0 10px 25px #03162c55}.admin-sidebar nav em{color:#fff;background:#ef4d53;border-radius:20px;margin-left:auto;padding:3px 7px;font-size:9px;font-style:normal}.admin-side-bottom{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:16px}.admin-side-bottom a{text-decoration:none}.admin-content{min-width:0;padding:38px clamp(24px,4vw,58px) 70px}.admin-header{align-items:center}.admin-header h1{color:#142f50;font-size:28px}.admin-fcm-state{background:#fff;border:1px solid #dae5f0;border-radius:12px;align-items:center;gap:10px;min-width:150px;padding:11px 15px;display:flex}.admin-fcm-state i{background:#f0a51f;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #fff1cf}.admin-fcm-state.ready i{background:#15a66c;box-shadow:0 0 0 4px #daf6eb}.admin-fcm-state span,.admin-fcm-state b,.admin-fcm-state small{display:block}.admin-fcm-state b{font-size:11px}.admin-fcm-state small{color:#7a8da1;margin-top:3px;font-size:9px}.admin-workspace{grid-template-columns:minmax(380px,.9fr) minmax(420px,1.1fr);align-items:start;gap:18px;display:grid}.admin-card.wide{grid-column:1/-1}.admin-card h2{align-items:center;gap:8px;display:flex}.admin-card h2 small{color:#8394a7;margin-left:auto}.admin-card select,.admin-card textarea{width:100%;font:inherit;background:#fff;border:1px solid #d5e0eb;border-radius:8px;outline:none;margin-top:8px;padding:12px;display:block}.admin-card textarea{resize:vertical;line-height:1.65}.admin-card select:focus,.admin-card textarea:focus{border-color:#1677f2;box-shadow:0 0 0 3px #1677f21c}.admin-editor form button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.admin-editor form button svg{width:15px}.admin-form-actions{gap:10px;display:flex}.admin-form-actions button.secondary{color:#49647e;background:#eef3f8}.admin-check{align-items:center;gap:8px;display:flex!important}.admin-check input{width:18px!important;margin:0!important}.admin-notice-list{margin-top:14px}.admin-notice-row{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #edf1f5;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:16px 4px;display:grid}.admin-notice-row:hover{background:#f8fbff}.admin-notice-row span b,.admin-notice-row span small{display:block}.admin-notice-row span b{font-size:13px}.admin-notice-row span small{color:#8190a1;margin-top:5px;font-size:10px}.admin-notice-row>i{color:#a4b0bd;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.admin-notice-row>i:hover{color:#bd514c;background:#fff0ef}.admin-notice-row svg{width:15px}.notice-category{color:#1677f2;background:#eaf3ff;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:800}.notice-category.important{color:#d34d48;background:#fff0ef}.notice-category.update{color:#6c51be;background:#eee9ff}.admin-config-callout{color:#7e5915;background:#fff8e8;border-radius:10px;align-items:flex-start;gap:12px;margin-top:17px;padding:14px;display:flex}.admin-config-callout svg{flex:none;width:21px}.admin-config-callout b,.admin-config-callout small{display:block}.admin-config-callout b{font-size:11px}.admin-config-callout small{margin-top:4px;font-size:10px;line-height:1.5}.admin-history{margin-top:15px}.admin-history>div{border-top:1px solid #edf1f5;grid-template-columns:1fr auto;gap:5px 12px;padding:15px 0;display:grid}.admin-history span b,.admin-history span small{display:block}.admin-history span b{font-size:12px}.admin-history small{color:#8090a1;font-size:9px}.admin-history>div>small{grid-column:1/-1}.admin-history em{color:#14784d;background:#e9f9f1;border-radius:20px;align-self:start;padding:5px 8px;font-size:9px;font-style:normal}.admin-history em.config_required{color:#9a6700;background:#fff5d6}.admin-history em.failed{color:#bd514c;background:#fff0ef}@media (width<=980px){.admin-app{grid-template-columns:82px 1fr}.admin-sidebar{padding-inline:12px}.admin-logo span,.admin-sidebar nav button:not(.active) em,.admin-sidebar nav button{font-size:0}.admin-logo{justify-content:center;padding-inline:0}.admin-sidebar nav button,.admin-side-bottom a,.admin-side-bottom button{justify-content:center}.admin-sidebar nav button svg,.admin-side-bottom svg{width:21px;height:21px}.admin-workspace{grid-template-columns:1fr}}@media (width<=640px){.admin-app{display:block}.admin-sidebar{z-index:20;background:#092f5b;width:100%;height:68px;padding:8px;display:block;position:fixed;top:auto;bottom:0}.admin-logo,.admin-side-bottom{display:none}.admin-sidebar nav{grid-template-columns:repeat(3,1fr);gap:5px;margin:0;display:grid}.admin-sidebar nav button,.admin-sidebar nav button.active{flex-direction:column;gap:3px;padding:7px;font-size:10px;display:flex}.admin-sidebar nav button svg{width:17px;height:17px}.admin-content{padding:24px 15px 95px}.admin-header{align-items:flex-start;display:flex}.admin-header p{max-width:210px}.admin-fcm-state{min-width:auto;padding:9px}.admin-fcm-state span{display:none}.admin-workspace{grid-template-columns:1fr}.admin-summary{grid-template-columns:repeat(3,1fr)}.admin-grid{grid-template-columns:1fr}}.admin-history-title{border-top:1px solid #e8eef4;padding-top:24px;margin-top:30px!important}.admin-check input:disabled+span{opacity:.48}.admin-check span{color:#405c75;font-size:12px}@media (width<=640px){.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}}.admin-history-actions{align-items:center;gap:7px;display:flex}.admin-history-actions button{color:#c34e4e;cursor:pointer;background:#fff5f4;border:1px solid #f0d7d7;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.admin-history-actions button:hover{background:#ffe9e7}.admin-history-actions button svg{width:14px;height:14px}:root{--g-navy:#092f5b;--g-blue:#1677e8;--g-bg:#f4f8fc;--g-line:#dce7f2;--g-text:#18334f;--g-muted:#6f8398}.guide-page{min-height:100vh;color:var(--g-text);background:var(--g-bg);font-family:Arial,Noto Sans KR,sans-serif}.guide-topbar{border-bottom:1px solid var(--g-line);z-index:20;background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,6vw,96px);display:flex;position:sticky;top:0}.guide-brand{color:var(--g-navy);align-items:center;gap:11px;text-decoration:none;display:flex}.guide-brand>svg{width:32px;color:var(--g-blue)}.guide-brand>img{object-fit:contain;filter:drop-shadow(0 4px 8px #0b2b5528);flex:none;width:43px;height:43px}.guide-brand span,.guide-brand b,.guide-brand small{display:block}.guide-brand b{font-size:19px}.guide-brand small{color:#7890a8;font-size:10px}.guide-topbar nav,.guide-hero-actions{gap:9px;display:flex}.guide-topbar nav a,.guide-hero-actions a{border:1px solid var(--g-line);color:#48647e;border-radius:9px;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.guide-topbar nav a.download{background:var(--g-blue);border-color:var(--g-blue);color:#fff}.guide-topbar nav svg,.guide-hero-actions svg{width:15px}.guide-hero{color:#fff;background:radial-gradient(circle at 75% 25%,#2f9ef0 0,#1476d5 24%,#0000 48%),linear-gradient(135deg,#082b56,#075894);grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:70px;min-height:430px;padding:76px clamp(24px,8vw,130px);display:grid}.guide-hero>div:first-child>span{letter-spacing:.24em;color:#71d8fa;font-size:11px;font-weight:900}.guide-hero h1{letter-spacing:-.05em;margin:14px 0 18px;font-size:clamp(34px,4vw,56px);line-height:1.22}.guide-hero p{color:#d1e5f7;margin:0;line-height:1.75}.guide-hero-actions{margin-top:30px}.guide-hero-actions a{color:#fff;border-color:#ffffff4d;height:46px}.guide-hero-actions a:first-child{color:#0c5d9e;background:#fff}.guide-hero-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff36;border-radius:24px;grid-template-columns:1fr 42px 1fr;align-items:center;padding:28px;display:grid;box-shadow:0 28px 60px #001a3655}.guide-hero-card>div{color:var(--g-navy);text-align:center;background:#fff;border-radius:16px;place-items:center;min-height:150px;padding:22px 18px;display:grid}.guide-hero-card>div svg{color:var(--g-blue);width:36px}.guide-hero-card>div span{color:#7d90a4;margin-top:12px;font-size:11px}.guide-hero-card>div b{font-size:13px}.guide-hero-card>i{background:#66d2f5;height:2px}.guide-hero-card>strong{background:#052b50aa;border-radius:9px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;margin-top:17px;padding:11px;font-size:11px;display:flex}.guide-hero-card>strong svg{color:#5bd2ed;width:14px}.guide-quick{grid-template-columns:repeat(4,1fr);gap:12px;max-width:1240px;margin:-35px auto 46px;padding:0 22px;display:grid;position:relative}.guide-quick article{border:1px solid var(--g-line);background:#fff;border-radius:15px;align-items:center;gap:13px;padding:19px;display:flex;box-shadow:0 10px 28px #143b6512}.guide-quick article>svg{color:var(--g-blue);background:#eaf4ff;border-radius:11px;width:42px;height:42px;padding:10px}.guide-quick b,.guide-quick span{display:block}.guide-quick b{font-size:14px}.guide-quick span{color:var(--g-muted);margin-top:4px;font-size:11px}.guide-layout{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:28px;max-width:1240px;margin:0 auto;padding:0 22px 70px;display:grid}.guide-index{border:1px solid var(--g-line);background:#fff;border-radius:16px;gap:3px;padding:18px;display:grid;position:sticky;top:98px}.guide-index>span{color:#8294a6;padding:4px 9px 10px;font-size:11px;font-weight:900}.guide-index>a{color:#324f6a;border-radius:8px;padding:9px;font-size:12px;font-weight:750;text-decoration:none}.guide-index>a:hover{color:var(--g-blue);background:#edf6ff}.guide-index>a small{color:#8ba0b3;min-width:47px;font-size:9px;display:inline-block}.guide-index>div{background:#eaf5ff;border-radius:11px;gap:7px;margin-top:14px;padding:16px;display:grid}.guide-index>div>svg{width:22px;color:var(--g-blue)}.guide-index>div b{font-size:12px}.guide-index>div a{color:var(--g-blue);font-size:11px;font-weight:900}.guide-tools{border:1px solid var(--g-line);background:#fff;border-radius:15px;margin-bottom:16px;padding:15px}.guide-tools label{border:1px solid var(--g-line);border-radius:10px;align-items:center;gap:10px;height:44px;padding:0 13px;display:flex}.guide-tools label svg{color:#8ba0b3;width:17px}.guide-tools input{width:100%;font:inherit;border:0;outline:0;font-size:13px}.guide-tools>div{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.guide-tools button{color:#61778d;background:#f0f4f8;border:0;border-radius:20px;padding:7px 12px;font-size:11px;font-weight:800}.guide-tools button.active{background:var(--g-blue);color:#fff}.guide-section{border:1px solid var(--g-line);background:#fff;border-radius:16px;margin-bottom:14px;padding:26px;scroll-margin-top:96px}.guide-section-head{grid-template-columns:54px 1fr;gap:16px;display:grid}.guide-section-head>span{color:#fff;background:linear-gradient(145deg,#1677e8,#2fbbe7);border-radius:14px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.guide-section-head small{color:var(--g-blue);font-size:10px;font-weight:900}.guide-section-head h2{color:var(--g-navy);margin:4px 0 6px;font-size:21px}.guide-section-head p{color:var(--g-muted);margin:0;font-size:13px;line-height:1.6}.guide-section ol{gap:8px;margin:22px 0 0;padding:0;list-style:none;display:grid}.guide-section li{background:#f8fbfe;border:1px solid #e7eef6;border-radius:10px;grid-template-columns:25px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;line-height:1.55;display:grid}.guide-section li i{width:24px;height:24px;color:var(--g-blue);background:#e3f1ff;border-radius:50%;place-items:center;font-size:10px;font-style:normal;font-weight:900;display:grid}.guide-section li>svg{color:#26a36b;width:16px}.guide-tip{color:#765b22;background:#fff8e7;border:1px solid #f3e2b9;border-radius:10px;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.guide-tip>svg{flex:none;width:18px}.guide-tip p{margin:0;font-size:11px;line-height:1.6}.guide-tip b{display:block}.guide-empty{border:1px solid var(--g-line);min-height:280px;color:var(--g-muted);background:#fff;border-radius:16px;place-content:center;justify-items:center;gap:8px;display:grid}.guide-empty svg{width:30px}.guide-empty b{color:var(--g-navy)}.guide-safety{color:#fff;background:linear-gradient(135deg,#0a315c,#09679f);border-radius:20px;align-items:center;gap:24px;max-width:1196px;margin:0 auto 70px;padding:30px 36px;display:flex}.guide-safety>svg{color:#65d2ef;flex:none;width:54px;height:54px}.guide-safety span{letter-spacing:.12em;color:#70d4f1;font-size:10px;font-weight:900}.guide-safety h2{margin:7px 0 8px;font-size:22px}.guide-safety p{color:#d3e5f3;margin:0;font-size:12px}.guide-page footer{color:#9db4ca;background:#061f3c;align-items:center;gap:24px;padding:30px clamp(24px,8vw,120px);font-size:11px;display:flex}.guide-page footer div{color:#fff;align-items:center;gap:8px;display:flex}.guide-page footer svg{color:#28b9ec;width:20px}.guide-page footer p{margin-right:auto}@media (width<=900px){.guide-hero{grid-template-columns:1fr;gap:40px}.guide-hero-card{max-width:540px}.guide-quick{grid-template-columns:1fr 1fr}.guide-layout{grid-template-columns:1fr}.guide-index{display:none}}@media (width<=600px){.guide-topbar{height:64px;padding:0 15px}.guide-brand small,.guide-topbar nav a:first-child{display:none}.guide-hero{padding:55px 20px 64px}.guide-hero h1{font-size:35px}.guide-hero-card{grid-template-columns:1fr 25px 1fr;padding:15px}.guide-hero-card>div{min-height:130px;padding:15px 8px}.guide-hero-actions{flex-direction:column}.guide-hero-actions a{justify-content:center}.guide-quick{grid-template-columns:1fr 1fr;margin-top:-24px;padding:0 15px}.guide-quick article{gap:9px;padding:13px}.guide-layout{padding:0 15px 45px}.guide-section{padding:19px 15px}.guide-section-head{grid-template-columns:42px 1fr;gap:11px}.guide-section-head>span{width:40px;height:40px}.guide-section li{grid-template-columns:24px 1fr}.guide-section li>svg{display:none}.guide-safety{margin:0 15px 45px;padding:25px 20px}.guide-safety>svg{width:34px}.guide-page footer{flex-direction:column;align-items:flex-start;gap:8px}.guide-page footer p{margin:0}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.\!end{inset-inline-end:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.block{display:block}.grid{display:grid}.inline{display:inline}.table{display:table}.rounded{border-radius:.25rem}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--navy:#0b2b55;--blue:#1677f2;--pale:#f3f7fb;--line:#dfe7f1;--muted:#718096;--green:#14a865;--orange:#f59e0b;--red:#ef5350}*{box-sizing:border-box}html{background:#f5f8fc}body{color:#12243d;background:#f5f8fc;margin:0;font-family:Arial,Noto Sans KR,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:20;background:linear-gradient(175deg,#0c376f 0%,#071d3c 100%);flex-direction:column;width:238px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#0b2b55;align-items:center;gap:12px;display:flex}.sidebar .brand{color:#fff;padding:0 12px 30px}.brand-home{cursor:pointer;text-align:left;background:0 0;border:0;width:100%}.brand-home:hover{opacity:.9}.brand-home:focus-visible{outline-offset:3px;border-radius:8px;outline:2px solid #65c7ef}.brandmark{color:#1684ef;flex:none;place-items:center;width:44px;height:44px;display:grid}.brandmark img{object-fit:contain;filter:drop-shadow(0 4px 8px #001e4655);width:100%;height:100%}.launcher-boat-icon{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.sidebar .brandmark{color:#fff}.brand b{letter-spacing:-.5px;font-size:21px;display:block}.brand span{opacity:.68;margin-top:2px;font-size:11px;display:block}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button,.logout{color:#c2d3e7;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;padding:13px 14px;font-size:14px;font-weight:700;display:flex}.sidebar nav button i{text-align:center;width:20px;font-size:17px;font-style:normal}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#1677f2,#176ac8);box-shadow:0 8px 22px #03152c66}.sidebar nav button em{color:#fff;background:#f15d5d;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.sidebar nav button.nav-branch{color:#9db4cf;letter-spacing:.3px;width:100%;margin-top:4px;font-size:12px;font-weight:800}.sidebar nav button.nav-branch:hover{color:#dce8f6;box-shadow:none;background:#ffffff0f}.sidebar nav button.nav-branch .nav-branch-arrow{opacity:.6;width:15px;height:15px;margin-left:auto;transition:transform .18s}.sidebar nav button.nav-branch.on .nav-branch-arrow{transform:rotate(180deg)}.sidebar nav button.nav-branch.holds{color:#5ea7ff}.sidebar nav button.nav-branch em{margin-left:auto}.sidebar nav button.nav-branch em+.nav-branch-arrow{margin-left:7px}.nav-twigs{border-left:1px solid #ffffff24;flex-direction:column;gap:5px;margin:3px 0 4px 17px;padding-left:11px;display:flex}.nav-twigs button{padding:11px 12px;font-size:13px}.nav-rest{border-top:1px solid #ffffff17;flex-direction:column;gap:5px;margin-top:9px;padding-top:9px;display:flex}.sidebar nav button.settings-nav{margin-top:6px}.sidebar nav button.settings-nav:before,.sidebar nav button.settings-nav:after{content:none!important;display:none!important}.logout{color:#fff;background:#ffffff21;border:1px solid #ffffff38;margin:auto 12px 8px;padding:12px 14px;font-weight:700;box-shadow:0 8px 22px #00000026}.logout:hover{background:#e54d4d;border-color:#e54d4d}.sidebar-copyright{color:#ffffff94;text-align:center;margin:0 12px 14px;font-size:9px;line-height:1.45;display:block}.dashboard-sync-action{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.dashboard-sync-action small{color:#68788b;font-size:11px}.marker-dot{border-radius:50%;width:13px;height:13px;display:inline-block;box-shadow:0 0 0 3px #0000000f}.marker-dot.pending{background:#22a06b}.marker-dot.haul{background:#2878d8}.main-wrap{min-height:100vh;margin-left:238px}.topbar{border-bottom:1px solid var(--line);z-index:15;background:#fff;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.crumb{align-items:center;gap:11px;font-size:16px;display:flex}.crumb span{color:#91a0b1}.crumb b{color:#d4dce5}.top-actions{align-items:center;gap:11px;margin-left:auto;display:flex;position:relative}.top-actions>button{border:1px solid var(--line);color:#6f8094;background:#fff;border-radius:50%;width:34px;height:34px;position:relative}.top-actions>button i{background:#ef5350;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:1px;right:2px}.profile{border-left:1px solid var(--line);align-items:center;gap:10px;margin-left:6px;padding-left:15px;display:flex}.top-actions>button.profile{border:0;border-left:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:9px;width:auto;min-width:0;height:auto;padding:5px 8px 5px 15px}.top-actions>button.profile:hover,.top-actions>button.profile:focus-visible{color:var(--navy);background:#f3f7fc}.profile>span{color:#fff;background:linear-gradient(145deg,#82b7e8,#0b4d89);border-radius:50%;place-items:center;width:37px;height:37px;font-weight:800;display:grid}.profile b,.profile small{display:block}.profile-menu{border:1px solid var(--line);z-index:30;background:#fff;border-radius:12px;width:180px;padding:7px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 14px 34px #0f2b4b2b}.profile-menu button,.profile-menu a{color:#314b66;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:10px 11px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.profile-menu button:hover,.profile-menu a:hover{color:#1268bd;background:#eef5fd}.profile-menu svg{width:17px;height:17px}.profile b{font-size:15px}.profile small{color:#8492a4;margin-top:3px;font-size:12px}.menu-btn{display:none}.page{max-width:1540px;margin:auto;padding:34px 36px 55px}.page-title{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.page-title .cast-add{white-space:nowrap;flex:none}.page-title h1{letter-spacing:-1px;margin:4px 0 6px;font-size:30px}.page-title p{color:var(--muted);margin:0;font-size:16px}.eyebrow{color:var(--blue);letter-spacing:1.8px;font-size:12px;font-weight:800}.primary{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:12px 17px;font-size:15px;font-weight:800;box-shadow:0 6px 18px #1677f22c}.primary:hover{background:#0867da;transform:translateY(-1px)}.primary b{margin-left:12px}.full{width:100%}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:21px;box-shadow:0 2px 6px #16375b0a}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:17px;display:flex}.panel-head>div:first-child{min-width:0}.panel-head h2,.panel h2{margin:0 0 5px;font-size:18px}.panel-head p{color:var(--muted);margin:0;font-size:13px}.text-btn{color:var(--blue);white-space:nowrap;background:0 0;border:0;flex-shrink:0;font-size:13px;font-weight:800}.chip{color:var(--blue);background:#eef5ff;border-radius:5px;padding:6px 9px;font-size:12px;font-weight:800}.live{color:#ef5350;font-size:12px;font-weight:800}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex}.stat-icon{width:42px;height:42px;color:var(--blue);background:#eaf3ff;border-radius:10px;place-items:center;font-size:21px;display:grid}.stat-icon.orange{color:var(--orange);background:#fff5e5}.stat-icon.green{color:var(--green);background:#e9fbf2}.stat-icon.violet{color:#7657e8;background:#f1efff}.stat-card span,.stat-card strong,.stat-card small{display:block}.stat-card span{color:#6e7d90;font-size:13px}.stat-card strong{margin:5px 0;font-size:21px}.stat-card small{color:#8b98a8;font-size:11px}.dash-grid{grid-template-columns:1.55fr 1fr;align-items:start;gap:16px;display:grid}.dash-column{flex-direction:column;gap:16px;min-width:0;display:flex}.dash-column>.panel{width:100%}.map-card{min-width:0}.map-card .sea-map{height:500px}.sea-map{background-color:#bde1f6;background-image:linear-gradient(#ffffff1c 1px,#0000 1px),linear-gradient(90deg,#ffffff1c 1px,#0000 1px),radial-gradient(circle at 30% 40%,#d8effb 0,#acd8f1 65%,#8bc3e4 100%);background-size:30px 30px,30px 30px,100% 100%;border-radius:9px;height:250px;position:relative;overflow:hidden}.sea-map.large{height:440px}.google-map{background:#dce7f2}.google-map-canvas{position:absolute;inset:0}.map-group-toggle{z-index:5;color:#526b82;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border:1px solid #c9d9e7;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:8px 12px;font-size:11px;font-weight:850;display:inline-flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #072e5829}.map-group-toggle svg{width:15px;height:15px}.map-group-toggle.active{color:#0369a1;background:#f0f9fff5;border-color:#7dd3fc}.map-group-toggle:hover{transform:translate(-50%,-1px);box-shadow:0 7px 18px #072e5833}.cast-area-group-label{white-space:nowrap!important;background:#ffffffed!important;border:1px solid #0284c757!important;border-radius:999px!important;padding:5px 9px!important;box-shadow:0 3px 10px #07598529!important}.map-marker-info{min-width:150px;color:var(--text);gap:5px;padding:4px 2px 2px;display:grid}.map-marker-info b{color:var(--navy);font-size:14px}.map-marker-info span{color:var(--muted);font-size:12px}.map-marker-info em{width:fit-content;color:var(--blue);background:#eaf3ff;border-radius:999px;margin-top:3px;padding:3px 7px;font-size:11px;font-style:normal;font-weight:700}.map-error{z-index:2;color:var(--muted);text-align:center;background:#f5f8fc;place-content:center;justify-items:center;gap:10px;padding:24px;display:grid;position:absolute;inset:0}.map-error svg{width:28px;height:28px;color:var(--blue)}.map-title-meta{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px;display:flex}.map-title-meta span{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}.map-title-meta img{object-fit:contain;width:18px;height:18px}.map-title-meta b{color:var(--navy);font-size:12px}.land{background:#e8eee3;border:2px solid #d2dfd3;position:absolute;transform:rotate(-18deg);box-shadow:inset -12px -8px 20px #b8d6bc55}.land-a{border-radius:45% 55% 40% 50%;width:55%;height:35%;bottom:-8%;left:-16%}.land-b{border-radius:50% 35% 60% 42%;width:29%;height:54%;top:-9%;right:-12%}.land-c{border-radius:55% 38%;width:13%;height:17%;top:55%;left:57%}.pin{color:#fff;z-index:2;border:2px solid #fff;border-radius:50% 50% 50% 0;place-items:center;width:25px;height:25px;font-size:11px;font-style:normal;font-weight:700;display:grid;position:absolute;transform:rotate(-45deg);box-shadow:0 3px 8px #072e5855}.pin:first-letter{transform:rotate(45deg)}.pin.blue{background:#1677f2}.pin.green{background:#14a865}.pin.orange{background:#f59e0b}.p1{top:60%;left:24%}.p2{top:31%;left:45%}.p3{top:44%;left:67%}.p4{top:69%;left:74%}.map-label{color:#67809a;font-size:12px;position:absolute;top:19%;right:21%}.label2{top:65%;right:33%}.map-legend{color:#53708b;background:#ffffffda;border-radius:6px;flex-direction:column;gap:5px;padding:8px;font-size:10px;display:flex;position:absolute;top:10px;left:10px}.map-legend span:first-child{color:#1677f2}.map-legend span:last-child{color:#14a865}.route-line{transform-origin:0;z-index:1;background:#1677f2;height:2px;position:absolute}.r1{width:37%;top:61%;left:25%;transform:rotate(-35deg)}.r2{width:24%;top:40%;left:54%;transform:rotate(30deg)}.activity>button{text-align:left;background:#fff;border:0;border-top:1px solid #edf1f5;align-items:center;gap:11px;width:100%;padding:13px 3px;display:flex}.activity>button:hover{background:#f8fbff}.activity>button i{width:25px;height:25px;color:var(--blue);background:#eaf3ff;border-radius:7px;place-items:center;font-size:12px;font-style:normal;font-weight:700;display:grid}.activity .recent-marker{object-fit:contain;flex:0 0 28px;width:28px;height:28px}.activity>button div{flex:1}.activity>button b,.activity>button span{font-size:13px;display:block}.activity>button span{color:#8b98a8;margin-top:4px;font-size:11px}.activity>button .recent-status{border-radius:999px;align-items:center;gap:4px;width:max-content;margin-top:7px;padding:4px 8px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.activity>button .recent-status svg{stroke-width:2.6px;width:12px;height:12px}.recent-status.completed{background:#dff7ed;box-shadow:inset 0 0 0 1px #b9ead7;color:#087a52!important}.recent-status.active{background:#e4f1ff;box-shadow:inset 0 0 0 1px #c5ddfb;color:#0d66ca!important}.recent-status.pending{background:#fff1d6;box-shadow:inset 0 0 0 1px #f7dba7;color:#ad6800!important}.activity time{color:#607186;font-size:12px}.money-row{text-align:center;grid-template-columns:repeat(3,1fr);margin-bottom:15px;display:grid}.money-row div+div{border-left:1px solid var(--line)}.money-row span,.money-row b{display:block}.money-row span{color:#8290a2;font-size:11px}.money-row b{margin-top:5px;font-size:14px}.monthly-mini-chart{padding-top:6px;position:relative}.mini-chart-legend{color:var(--muted);justify-content:flex-end;gap:14px;margin-bottom:2px;font-size:10px;font-weight:800;display:flex}.mini-chart-legend span:before{content:"";border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.mini-chart-legend .sales:before{background:#ff5a55}.mini-chart-legend .expense:before{background:#1677f2}.monthly-mini-chart svg{width:100%;height:170px;display:block;overflow:visible}.monthly-mini-chart line{stroke:#e8eef5;stroke-width:1px}.monthly-mini-chart .mini-bar.sales{fill:#ff5a55}.monthly-mini-chart .mini-bar.expense{fill:#1677f2}.monthly-mini-chart .mini-guide{stroke:#9bb0c5;stroke-width:1px;stroke-dasharray:3 3}.monthly-mini-chart .mini-hit-area{fill:#0000;pointer-events:all;cursor:crosshair}.monthly-mini-chart .mini-bar{transition:opacity .15s,filter .15s}.monthly-mini-chart g:not(.active) .mini-bar{opacity:.82}.monthly-mini-chart g.active .mini-bar{opacity:1;filter:drop-shadow(0 2px 3px #0c427d3d)}.mini-chart-tooltip{z-index:3;pointer-events:none;background:#fffffff7;border:1px solid #d8e3ef;border-radius:9px;min-width:142px;padding:10px 12px;position:absolute;top:34px;transform:translate(-50%);box-shadow:0 10px 30px #08284b2b}.mini-chart-tooltip.start{transform:translate(0)}.mini-chart-tooltip.end{transform:translate(-100%)}.mini-chart-tooltip strong,.mini-chart-tooltip span{display:block}.mini-chart-tooltip strong{color:var(--navy);margin-bottom:7px;font-size:12px}.mini-chart-tooltip span{color:var(--muted);margin-top:4px;font-size:10px}.mini-chart-labels{color:#74859a;justify-content:space-between;gap:6px;font-size:9px;display:flex}.mini-chart-empty{color:var(--muted);text-align:center;margin:11px 0 0;font-size:10px}.mini-chart-link{color:var(--blue);background:0 0;border:0;align-items:center;gap:5px;margin:14px 0 0 auto;font-size:11px;font-weight:800;display:flex}.mini-chart-link svg{width:13px;height:13px}.positive{color:var(--red)!important}.negative{color:var(--blue)!important}.line-chart{height:115px;margin:8px 7px 0;position:relative}.grid-lines{background:repeating-linear-gradient(0deg,#e9eef4 0 1px,#0000 1px 27px);position:absolute;inset:0}.chart-line{background:linear-gradient(90deg,#1677f2 0 18%,#0000 18% 20%,#1677f2 20% 42%,#0000 42% 44%,#1677f2 44% 64%,#0000 64% 66%,#1677f2 66%);height:3px;position:absolute;top:52%;left:2%;right:2%;transform:skewY(-8deg);box-shadow:0 12px 16px #1677f21e}.dot{border:2px solid var(--blue);background:#fff;border-radius:50%;width:7px;height:7px;position:absolute}.d1{top:58%;left:3%}.d2{top:38%;left:31%}.d3{top:64%;left:61%}.d4{top:22%;right:1%}.chart-labels{color:#93a0ae;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:-2px;left:0;right:0}.weather-mini{position:relative}.weather-icon{color:#f5b927;font-size:45px}.weather-mini .weather-icon{position:absolute;top:64px;left:23px}.temp{margin:2px 0 21px 68px;font-size:30px;font-weight:700}.temp span{color:#7c8b9c;margin-top:3px;font-size:12px;display:block}.weather-values{background:#f7f9fc;border-radius:8px;grid-template-columns:repeat(3,1fr);padding:11px;display:grid}.weather-values div{text-align:center}.weather-values div+div{border-left:1px solid var(--line)}.weather-values span,.weather-values b{font-size:11px;display:block}.weather-values b{margin-top:4px;font-size:14px}.dashboard-sea-loading{color:#638093;place-items:center;gap:7px;min-height:170px;display:grid}.dashboard-sea-loading svg{color:#159bc1;width:31px}.dashboard-sea-loading b{font-size:11px}.dashboard-sea-summary{gap:10px;display:grid}.dashboard-sea-hero{color:#fff;background:radial-gradient(circle at 85% 5%,#c0fff050,#0000 34%),linear-gradient(125deg,#087ad1,#08a8ce 58%,#24c9b7);border-radius:14px;justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;display:flex;box-shadow:0 10px 23px #0788b923}.dashboard-sea-hero>div:first-child{grid-template-columns:auto auto;align-items:end;gap:2px 8px;display:grid}.dashboard-sea-hero small{opacity:.86;grid-column:1/-1;font-size:8px;font-weight:800}.dashboard-sea-hero strong{font-size:32px;line-height:1}.dashboard-sea-hero sup{font-size:12px}.dashboard-sea-hero span{padding-bottom:2px;font-size:10px;font-weight:800}.dashboard-sea-hero>div:last-child{background:#ffffff1f;border:1px solid #fff6;border-radius:11px;place-items:center;gap:2px;min-width:68px;padding:8px;display:grid}.dashboard-sea-hero>div:last-child svg{width:19px}.dashboard-sea-hero>div:last-child b{font-size:9px}.dashboard-sea-hero>div:last-child.care{color:#fff0ce;background:#ff924d40}.dashboard-sea-values{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.dashboard-sea-values article{background:linear-gradient(150deg,#fff,#f0fbfe);border:1px solid #dcebf2;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:2px 6px;padding:9px;display:grid}.dashboard-sea-values svg{color:#0b9cbb;grid-row:1/4;width:17px}.dashboard-sea-values span{color:#748b9a;font-size:7px;font-weight:850}.dashboard-sea-values b{color:#0c4763;font-size:14px}.dashboard-sea-values small{color:#8195a2;text-overflow:ellipsis;white-space:nowrap;font-size:6px;overflow:hidden}.dashboard-sea-values article.rising svg,.dashboard-sea-values article.rising b{color:#e64e45}.dashboard-sea-values article.falling svg,.dashboard-sea-values article.falling b{color:#2879df}@media (width<=620px){.dashboard-sea-values{grid-template-columns:repeat(2,1fr)}}.filterbar{border:1px solid var(--line);background:#fff;border-radius:10px;gap:9px;margin-bottom:14px;padding:11px;display:flex}.filterbar select,.filterbar input,.page-title select{border:1px solid var(--line);color:#40536b;background:#fff;border-radius:7px;padding:9px 12px;font-size:13px}.filterbar input{min-width:240px;margin-left:auto}.operations-grid{grid-template-columns:minmax(0,1fr);gap:15px;display:grid}.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{padding:20px 20px 4px}.data-table .tr{text-align:left;color:#273a51;background:#fff;border:0;border-top:1px solid #ebf0f5;align-items:center;width:100%;padding:13px 18px;font-size:13px;display:grid}.data-table button.tr:hover{background:#f5f9ff}.data-table .tr{grid-template-columns:2fr .7fr .9fr .9fr 1fr}.data-table .tr.head{color:#8190a2;background:#f8fafc;padding-top:9px;padding-bottom:9px;font-size:11px}.data-table .tr small,.data-table .tr b{display:block}.data-table .tr small{color:#98a4b2;margin-top:4px;font-size:11px}.status{color:var(--green);background:#e5f8ee;border-radius:5px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:800;display:inline-block}.status.warning{color:#f27a40;background:#fff1e9}.status.done{color:#12985c;background:#e8f7ef}.status.active{background:#e7f8ef;padding:8px 12px;font-size:13px}.map-tabs{gap:8px;font-size:11px;display:flex}.map-tabs b{color:var(--blue)}.map-tabs span{color:#8794a4}.back{color:var(--blue);background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.detail-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.detail-map{padding:0;overflow:hidden}.detail-map .sea-map{border-radius:12px}.detail-side{grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr);align-items:start;gap:24px;padding:24px;display:grid}.detail-section{min-width:0}.detail-section-title{align-items:center;gap:12px;margin-bottom:16px;display:flex}.detail-section-title h2{color:var(--navy);margin:0;font-size:18px}.detail-section-title p{color:var(--muted);margin:4px 0 0;font-size:12px}.detail-section-icon{width:42px;height:42px;color:var(--blue);background:#eaf3ff;border-radius:12px;flex:0 0 42px;place-items:center;display:grid}.detail-section-icon.marine{color:#0b9b83;background:#e8f8f5}.detail-section-icon svg{width:21px;height:21px}.detail-facts{gap:10px;display:grid}.detail-facts>div{border:1px solid var(--line);background:#f9fbfe;border-radius:9px;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;min-height:48px;padding:10px 12px;display:grid}.detail-facts svg{width:18px;height:18px;color:var(--blue)}.detail-facts span{color:var(--muted);font-size:12px}.detail-facts b{color:var(--navy);font-size:14px}.detail-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.outline.danger{color:#dc2626;background:#fff7f7;border-color:#fecaca}.outline.danger:hover{background:#fee2e2;border-color:#ef4444}.outline.danger svg{width:16px}.detail-coordinate-grid{background:#f6faff;border:1px solid #d8e6f2;border-radius:14px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;margin-top:14px;padding:14px;display:grid}.detail-coordinate-grid>div{gap:4px;display:grid}.detail-coordinate-grid span{color:#547089;font-size:12px;font-weight:850}.detail-coordinate-grid b{color:#123b5c;font-variant-numeric:tabular-nums;font-size:13px}.detail-coordinate-grid>svg{color:#2682df;width:18px}.clickable-haul-row{cursor:pointer;transition:background .18s}.clickable-haul-row:hover,.clickable-haul-row:focus-visible{background:#f0f8ff;outline:none}.app-net-title em{color:#0785b5;font-size:11px;font-style:normal;font-weight:850}@media (width<=700px){.detail-coordinate-grid{grid-template-columns:1fr}.detail-coordinate-grid>svg{justify-self:center;transform:rotate(90deg)}.detail-head-actions{align-items:stretch}.detail-head-actions .outline{justify-content:center}}.detail-side>.primary{grid-column:1/-1}.sea-condition{background:0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;display:grid}.sea-condition div{border:1px solid var(--line);text-align:center;background:#fff;border-radius:7px;min-height:94px;padding:12px 9px}.sea-condition div>svg{width:20px;height:20px;color:var(--blue);margin:0 auto 7px}.sea-condition b,.sea-condition span{display:block}.sea-condition b{color:var(--navy);margin-top:5px;font-size:15px}.sea-condition span{color:#8794a4;margin-top:3px;font-size:10px}.sea-condition .marine-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;background:#fff;border-radius:7px;grid-column:1/-1;margin:0;padding:14px}.wide{width:100%}.hauling-table .tr{grid-template-columns:2fr 1fr 1fr 1fr .8fr}.haul-area-group{background:#fff;border:1px solid #d8e5f4;border-radius:16px;gap:0;margin:14px 0;display:grid;overflow:hidden;box-shadow:0 8px 24px #143d6c0f}.haul-area-group-head{background:linear-gradient(135deg,#edf6ff,#f7fbff);border-bottom:1px solid #d8e5f4;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.haul-area-group-head span{color:#123a66;align-items:center;gap:10px;display:flex}.haul-area-group-head svg{color:#1673e6;flex:none;width:20px;height:20px}.haul-area-group-head b{font-size:16px}.haul-area-group-head em{color:#176ac8;background:#dcecff;border-radius:999px;padding:7px 11px;font-size:12px;font-style:normal;font-weight:900}.haul-area-group-head .haul-group-heading{gap:5px;min-width:0;display:grid}.haul-area-group-head .haul-group-heading b{white-space:normal;line-height:1.35}.haul-area-group-head .haul-group-heading small{color:#6b7f95;font-size:12px;font-weight:800}.haul-area-group-head>div{align-items:center;gap:10px;display:flex}.haul-area-group-head .outline{min-height:36px;padding:7px 12px}.haul-area-group-head .outline svg{width:16px;height:16px}.haul-area-group>.tr{padding-left:18px;padding-right:18px}.ledger-area-group{grid-column:1/-1}.ledger-area-group .tr{display:grid}.haul-time-field{color:#24496f;gap:8px;margin:22px 0;font-weight:900;display:grid}.haul-time-field input{color:#102f54;background:#f8fbff;border:1px solid #b9cde5;border-radius:12px;width:100%;min-height:54px;padding:0 14px;font-size:16px;font-weight:800}.haul-time-actions{justify-content:flex-end;gap:10px;display:flex}.haul-time-actions button{min-height:46px}.app-group-table{background:0 0;display:block}.app-group-table .haul-area-group>.tr{grid-template-columns:90px minmax(180px,1fr) auto;align-items:center;gap:16px;min-height:74px;display:grid}.app-group-table .app-net-time b{color:#102f54;font-variant-numeric:tabular-nums;font-size:18px}.app-group-table .app-net-title{gap:5px;display:grid}.app-group-table .app-net-title b{color:#102f54;font-size:15px}.app-group-table .app-net-title small{color:#6d7f93;margin:0;font-size:12px;font-weight:800}.app-group-table .app-net-action{justify-self:end}.app-group-table .haul-area-group-head{min-height:76px}.app-group-table .haul-area-group-head>span{min-width:0}.app-group-table .haul-area-group-head>div{flex:none}@media (width<=760px){.app-group-table .haul-area-group>.tr{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:12px 14px}.app-group-table .app-net-time b{font-size:16px}.app-group-table .app-net-action{grid-column:2;justify-self:start}.app-group-table .haul-area-group-head{flex-direction:column;align-items:flex-start}.app-group-table .haul-area-group-head>div{justify-content:space-between;width:100%}}.outline{color:var(--blue);background:#fff;border:1px solid #b9d5f7;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:800}.check{color:var(--green);font-size:12px}.catch-grid{grid-template-columns:1fr 320px;align-items:start;gap:16px;display:grid}.catch-form{min-width:0;padding:0;overflow:hidden}.catch-tabs{border-bottom:1px solid var(--line);background:#f7faff;grid-template-columns:1fr 1fr;padding:8px;display:grid}.catch-tabs button{color:var(--muted);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:800;display:inline-flex}.catch-tabs button.active{color:var(--blue);background:#fff;box-shadow:0 3px 12px #1b4d821a}.catch-tabs button svg{width:18px;height:18px}.catch-tab-content{padding:6px 18px 18px}.crab-gender-tabs{gap:8px;margin:5px 0 15px;display:flex}.crab-gender-tabs button{border:1px solid var(--line);min-width:100px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:800;display:inline-flex}.crab-gender-tabs button.active{color:var(--blue);background:#eaf3ff;border-color:#8dbcf3}.crab-gender-tabs button span{background:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:11px;display:grid}.catch-size-label{color:var(--navy);padding-left:9px;text-align:left!important}.catch-head,.catch-row{grid-template-columns:1.3fr .8fr 1fr 1fr;align-items:center;gap:10px;display:grid}.catch-head{color:#8291a3;background:#f7f9fc;padding:9px 10px;font-size:11px}.catch-row{border-bottom:1px solid #edf1f5;padding:11px 10px}.catch-row input{border:1px solid var(--line);border-radius:6px;min-width:0;padding:9px;font-size:13px}.catch-row b{text-align:right;font-size:13px}.receipt{height:max-content}.receipt-top{text-align:center;background:#f0f6ff;border-radius:9px;margin-bottom:14px;padding:18px}.receipt-top span,.receipt-top b{display:block}.receipt-top span{color:#738397;font-size:12px}.receipt-top b{margin-top:5px;font-size:27px}.receipt-line{justify-content:space-between;padding:11px 3px;font-size:13px;display:flex}.receipt-line span{color:#7d8b9c}.receipt-total{border-top:1px dashed #c8d3df;border-bottom:1px dashed #c8d3df;justify-content:space-between;align-items:center;margin:8px 0 19px;padding:19px 3px;display:flex}.receipt-total span{font-size:13px}.receipt-total strong{color:#f0713b;font-size:21px}.receipt>small{text-align:center;color:#8b98a7;margin-top:12px;font-size:11px;line-height:1.5;display:block}.ledger-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:15px;display:grid}.ledger-tabs{border:1px solid var(--line);background:#f7faff;border-radius:11px;gap:8px;margin:0;padding:5px;display:flex}.ledger-tabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-weight:700;display:inline-flex}.ledger-tabs button.active{color:var(--blue);background:#eaf3ff}.ledger-tabs button span{color:inherit;background:#eef2f7;border-radius:999px;padding:2px 6px;font-size:10px}.ledger-history-panel{margin-top:20px}.ledger-history-head{background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:20px 20px 16px;display:flex}.ledger-history-head h2{margin:0 0 5px}.ledger-history-head p{color:var(--muted);margin:0}.ledger-day-list{display:grid}.ledger-day-item{border:0;border-top:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:#fff;grid-template-columns:minmax(260px,1fr) auto 22px;align-items:center;gap:22px;padding:18px 20px;display:grid}.ledger-day-item:hover{background:#f7faff}.ledger-day-item>svg{width:20px;height:20px;color:var(--blue)}.ledger-day-date{align-items:center;gap:13px;display:flex}.ledger-day-date>svg{width:38px;height:38px;color:var(--blue);background:#eaf3ff;border-radius:10px;flex:0 0 38px;padding:9px}.ledger-day-date b,.ledger-day-date small{display:block}.ledger-day-date b{color:var(--navy);font-size:15px}.ledger-day-date small{color:var(--muted);margin-top:5px;font-size:11px}.ledger-day-money{align-items:center;gap:18px;display:flex}.ledger-day-money span{color:var(--muted);gap:4px;font-size:10px;display:grid}.ledger-day-money b{font-size:13px}.ledger-day-money strong{min-width:120px;color:var(--navy);text-align:right;font-size:17px}.ledger-detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:16px;display:grid}.ledger-detail-section{padding:0;overflow:hidden}.ledger-detail-section .panel-head{border-bottom:1px solid var(--line);padding:20px}.ledger-detail-list{display:grid}.ledger-detail-list article{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;display:flex}.ledger-detail-list article:last-child{border-bottom:0}.ledger-detail-list article>div>b,.ledger-detail-list article>div>span{display:block}.ledger-detail-list article>div>b{color:var(--navy);font-size:14px}.ledger-detail-list article>div>span{color:var(--muted);margin-top:5px;font-size:11px}.ledger-detail-list dl{gap:22px;margin:0;display:flex}.ledger-detail-list dl>div{text-align:right;gap:4px;min-width:78px;display:grid}.ledger-detail-list dt{color:var(--muted);font-size:10px}.ledger-detail-list dd{margin:0;font-size:13px;font-weight:800}.ledger-detail-list.expense strong{font-size:14px}.expense-entry-form{max-width:900px;margin:0 auto;padding:26px}.expense-form-title{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding-bottom:20px;display:flex}.expense-form-title>span{color:#f27a40;background:#fff1e9;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.expense-form-title svg{width:22px;height:22px}.expense-form-title h2,.expense-form-title p{margin:0}.expense-form-title h2{color:var(--navy);font-size:19px}.expense-form-title p{color:var(--muted);margin-top:5px;font-size:12px}.expense-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px 0;display:grid}.expense-form-grid label{color:var(--text);gap:8px;font-size:12px;font-weight:800;display:grid}.expense-form-grid input,.expense-form-grid select{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);background:#fff;border-radius:8px;padding:12px;font-size:14px}.expense-description{grid-column:1/-1}.amount-input{position:relative}.amount-input input{padding-right:40px}.amount-input span{color:var(--muted);position:absolute;top:50%;right:13px;transform:translateY(-50%)}.expense-preview{background:#f7faff;border-radius:10px;grid-template-columns:1fr auto;gap:5px 20px;padding:18px;display:grid}.expense-preview span{color:var(--muted);font-size:12px}.expense-preview b{color:#f0713b;grid-area:1/2/span 2;align-self:center;font-size:23px}.expense-preview small{color:var(--navy)}.expense-form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.ledger-table .tr{grid-template-columns:1fr .8fr 3fr 1.2fr}.ledger-table .tr>span:last-child{text-align:right;font-weight:700}.analytics-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:15px;display:grid}.analytics-grid>*,.stats-kpi-grid>*{min-width:0}.analytics-column{flex-direction:column;gap:15px;min-width:0;display:flex}.analytics-column>.panel{width:100%;min-width:0}.chart-panel .line-chart{height:220px}.donut{background:conic-gradient(#1677f2 0 45%, #23bd82 45% 70%, #f7ad3d 70% 87%, #795ce8 87%);border-radius:50%;place-items:center;width:150px;height:150px;margin:16px auto;display:grid}.donut>div{text-align:center;background:#fff;border-radius:50%;place-content:center;width:90px;height:90px;display:grid}.donut b{font-size:23px}.donut span{color:#8290a1;font-size:11px}.legend{grid-template-columns:1fr 1fr;gap:8px;font-size:11px;display:grid}.legend span{align-items:center;gap:6px;display:flex}.legend b{margin-left:auto}.legend i{background:#1677f2;border-radius:50%;width:8px;height:8px}.legend .c2{background:#23bd82}.legend .c3{background:#f7ad3d}.legend .c4{background:#795ce8}.ranking>div:not(.panel-head){grid-template-columns:140px 1fr 55px;align-items:center;gap:10px;margin:16px 0;font-size:12px;display:grid}.ranking i{background:linear-gradient(90deg,#4da0ff,#1677f2);border-radius:0 4px 4px 0;height:8px}.ranking b{text-align:right}.condition-row{border-top:1px solid #edf1f5;grid-template-columns:26px 1fr 1.4fr;align-items:center;padding:11px;font-size:12px;display:grid}.condition-row>b{width:22px;height:22px;color:var(--blue);background:#eaf3ff;border-radius:50%;place-items:center;display:grid}.condition-row span{color:#758598}.condition-row strong{text-align:right}.weather-grid{grid-template-columns:1.4fr .8fr;align-items:start;gap:15px;display:grid}.marine-map{padding:0;position:relative;overflow:hidden}.marine-map .sea-map{background-image:linear-gradient(130deg,#214ebf66,#27cfec22,#ffd45688,#f2514166),radial-gradient(circle at 30% 40%,#d8effb 0,#acd8f1 65%,#8bc3e4 100%);border-radius:12px;height:570px}.heat-legend{z-index:4;background:#fff;border-radius:6px;flex-direction:column;padding:8px;font-size:10px;display:flex;position:absolute;top:25px;left:15px}.heat-legend span{background:linear-gradient(#f34c38,#ffd93d,#31d3d3,#2452bc);width:10px;height:110px}.marine-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.marine-title span{color:#7b8a9b;font-size:12px}.marine-title h2{margin-top:5px}.marine-row{border-bottom:1px solid #edf1f5;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:17px 2px;display:grid}.marine-row span{color:#79889a;font-size:12px}.marine-row b{font-size:16px}.marine-row em{text-align:right;color:var(--green);font-size:11px;font-style:normal}.notice{color:#9d7011;background:#fff8e7;border-radius:7px;margin-top:16px;padding:13px;font-size:12px;line-height:1.5}.settings-grid{grid-template-columns:1fr 1.5fr;align-items:start;gap:15px;display:grid}.sync-center{background:radial-gradient(circle at 92% 10%,#1f80e21f,#0000 30%),#fff;grid-column:1/-1}.sync-orb{border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.sync-orb.online{color:#16865c;background:#e6f8f0}.sync-orb.offline{color:#7b8da1;background:#eef3f8}.sync-orb svg{width:24px;height:24px}.sync-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;display:grid}.sync-flow span{color:#214a72;text-align:center;background:#f7faff;border:1px solid #dce8f5;border-radius:9px;padding:11px 14px;font-size:12px;font-weight:800}.sync-flow i{color:#7c93aa;font-style:normal}.sync-summary{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.sync-summary>div{border-right:1px solid var(--line);padding:13px 15px}.sync-summary>div:last-child{border-right:0}.sync-summary span,.sync-summary b{display:block}.sync-summary span{color:var(--muted);margin-bottom:5px;font-size:10px}.sync-summary b{color:var(--navy);font-size:13px}.sync-button svg.spinning{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.vessel{grid-template-columns:130px 1fr auto;align-items:center;display:grid}.vessel-photo{background:linear-gradient(#9dd7f2,#1d82b6);border-radius:9px;place-items:center;height:100px;margin-right:18px;font-size:47px;display:grid}.vessel span{color:#7f8e9f;font-size:11px}.vessel p{color:#7c8b9c;font-size:12px}.settings-form{flex-direction:column;gap:15px;display:flex}.settings-form label{grid-template-columns:1fr 1.5fr;align-items:center;font-size:13px;display:grid}.settings-form select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px}.settings-form .primary{align-self:flex-end}.toggle{cursor:pointer;background:#cbd5df;border:0;border-radius:20px;width:38px;height:21px;margin-left:auto;padding:3px}.toggle.on{background:var(--blue)}.toggle i{background:#fff;border-radius:50%;width:15px;height:15px;margin-left:0;transition:margin .18s;display:block}.toggle.on i{margin-left:17px}.login-shell{background:#fff;grid-template-columns:1.15fr .85fr;height:100vh;display:grid}.login-art{color:#fff;background:linear-gradient(150deg,#052956 0%,#0d5b91 52%,#55b0cc 100%);position:relative;overflow:hidden}.login-art:after{content:"";background:linear-gradient(#53aac1,#0a4d7b);border-radius:50% 50% 0 0;height:46%;position:absolute;bottom:-18%;left:-10%;right:-10%;box-shadow:0 -5px 30px #9dd4d444}.sunset{background:#ffd88b;border-radius:50%;width:130px;height:130px;position:absolute;top:17%;right:13%;box-shadow:0 0 80px #ffc569}.boat{z-index:2;filter:drop-shadow(0 17px 6px #02243c99);font-size:97px;position:absolute;bottom:24%;right:16%}.login-copy{z-index:3;position:absolute;top:18%;left:10%}.login-copy span{letter-spacing:2.5px;color:#89dbed;font-size:12px}.login-copy h1{letter-spacing:-2px;margin:17px 0;font-size:45px;line-height:1.25}.login-copy p{color:#c6e2ed;font-size:16px;line-height:1.8}.login-panel{place-items:center;padding:40px;display:grid}.login-box{width:100%;max-width:390px}.login-box>.brand{margin-bottom:55px}.login-box h2{margin:0 0 7px;font-size:29px}.login-box>p{color:#7e8c9e;margin-bottom:31px;font-size:14px}.login-box>label{margin:16px 0;font-size:13px;font-weight:700;display:block}.login-box>label input{border:1px solid var(--line);border-radius:7px;width:100%;margin-top:8px;padding:13px;display:block}.login-options{color:#6d7e91;justify-content:space-between;align-items:center;margin:14px 0 22px;font-size:12px;display:flex}.login-options button{color:var(--blue);background:0 0;border:0;font-size:12px}.login-button{padding:14px}.login-box>small{text-align:center;color:#9aa5b2;margin-top:15px;font-size:11px;display:block}.toast{color:#fff;z-index:50;background:#10375f;border-radius:9px;padding:14px 19px;font-size:14px;animation:.25s ease-out toast;position:fixed;bottom:28px;right:28px;box-shadow:0 10px 35px #0b264d44}@keyframes toast{0%{opacity:0;transform:translateY(20px)}}.nav-scrim{display:none}.notification-popover{z-index:70;border:1px solid var(--line);background:#fff;border-radius:12px;width:min(330px,100vw - 30px);padding:18px;position:fixed;top:60px;right:150px;box-shadow:0 18px 50px #0523442e}.notification-popover>div{justify-content:space-between;align-items:center;display:flex}.notification-popover button,.modal-close{width:32px;height:32px;color:var(--navy);background:#f1f5f9;border:0;border-radius:8px;place-items:center;display:grid}.notification-popover p{color:var(--navy);margin:18px 0 5px;font-weight:800}.notification-popover span{color:var(--muted);font-size:11px}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04182f94;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.support-modal{background:#fff;border-radius:16px;width:min(480px,100%);padding:30px;position:relative;box-shadow:0 24px 70px #00142d4d}.modal-close{position:absolute;top:18px;right:18px}.support-modal h2{margin:7px 0 5px}.support-modal>p{color:var(--muted);font-size:12px;line-height:1.6}.support-steps{gap:9px;margin:20px 0;display:grid}.support-steps>div{border:1px solid var(--line);background:#f8fbff;border-radius:9px;padding:13px}.support-steps b,.support-steps span{display:block}.support-steps b{color:var(--navy);margin-bottom:4px;font-size:12px}.support-steps span{color:var(--muted);font-size:11px;line-height:1.5}@media (width<=1100px){.sidebar{width:205px}.main-wrap{margin-left:205px}.page{padding:28px 24px}.stats-grid{grid-template-columns:1fr 1fr}.dash-grid,.operations-grid,.detail-grid,.detail-side{grid-template-columns:1fr}.detail-side .sea-condition{grid-template-columns:repeat(2,minmax(0,1fr))}.map-card{grid-row:auto}.catch-grid{grid-template-columns:1fr 280px}.weather-grid{grid-template-columns:1fr}.marine-map .sea-map{height:400px}}@media (width<=760px){.sidebar{width:238px;transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-wrap{margin-left:0}.menu-btn{background:0 0;border:0;margin-right:12px;font-size:20px;display:block}.topbar{height:62px;padding:0 16px}.profile div,.crumb span,.crumb b{display:none}.page{padding:23px 15px 45px}.page-title{align-items:flex-start;gap:16px}.page-title h1{font-size:26px}.page-title .primary{padding:10px;font-size:0}.page-title .primary:after{content:"+";font-size:20px}.page-title .cast-add{padding:10px 12px;font-size:12px}.page-title .cast-add:after{content:none}.page-title .cast-add svg{width:15px;height:15px}.stats-grid,.dash-grid,.ledger-summary,.analytics-grid,.settings-grid,.sync-flow{grid-template-columns:1fr}.sync-flow i{text-align:center;height:10px;transform:rotate(90deg)}.sync-summary{grid-template-columns:1fr 1fr}.sync-summary>div:nth-child(2){border-right:0}.sync-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.notification-popover{top:56px;right:12px}.ledger-detail-grid{grid-template-columns:1fr}.ledger-day-item{grid-template-columns:1fr 22px}.ledger-day-money{grid-area:2/1;padding-left:51px}.ledger-day-item>svg{grid-area:1/2/span 2}.filterbar{overflow-x:auto}.filterbar input{min-width:180px}.operations-grid,.detail-grid,.catch-grid,.weather-grid{grid-template-columns:1fr}.sea-map.large{height:330px}.data-table{overflow-x:auto}.data-table .tr{min-width:650px}.receipt{width:100%}.catch-head,.catch-row{grid-template-columns:1.2fr .7fr .9fr}.catch-head span:last-child,.catch-row b{display:none}.vessel{grid-template-columns:90px 1fr}.vessel-photo{height:80px;font-size:36px}.vessel button{grid-column:2}.login-shell{grid-template-columns:1fr}.login-art{display:none}.login-panel{padding:28px}.login-box>.brand{margin-bottom:50px}.nav-scrim{z-index:18;background:#071c3866;border:0;display:block;position:fixed;inset:0}.toast{text-align:center;bottom:18px;left:16px;right:16px}}.google-map-marker{object-fit:contain;width:32px;height:32px;display:block}.embedded-hauling{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}.embedded-hauling .page-title{margin-bottom:18px}.main-wrap>main,.login-shell{font-size:calc(1em + 2px)}.brandmark svg{stroke-width:2.2px;width:30px;height:30px}.primary,.outline,.text-btn,.back,.logout,.check,.chip,.live,.toast{justify-content:center;align-items:center;gap:7px;display:inline-flex}.primary svg,.outline svg,.text-btn svg,.back svg,.logout svg,.check svg,.chip svg,.live svg,.toast svg{width:15px;height:15px}.stat-icon svg{width:20px;height:20px}.weather-icon svg{width:44px;height:44px}.vessel-photo svg,.boat svg{stroke-width:1.5px;width:58%;height:58%}.panel-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:12px;display:flex}.activity .panel-head{min-width:0}.activity .panel-actions{min-width:max-content}.filterbar label{border:1px solid var(--line);color:#718096;background:#fff;border-radius:7px;align-items:center;gap:7px;min-height:36px;padding-left:10px;display:flex}.filterbar label svg{flex:none;width:14px;height:14px}.filterbar label select,.filterbar label input{border:0;outline:none;min-width:0;margin:0}.filterbar .search-field{margin-left:auto}.filterbar .search-field input{min-width:220px}.filter-reset{color:var(--blue);background:0 0;border:0;padding:0 8px;font-size:12px;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty-state{color:#8b99a9;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:46px 20px;display:flex}.empty-state svg{color:#abc0d3;width:28px;height:28px}.empty-state b{color:#53687e;font-size:14px}.empty-state span{font-size:12px}.context-nav{gap:8px;max-width:1540px;margin:18px auto -18px;padding:0 36px;display:flex}.context-nav button{border:1px solid var(--line);color:#52677d;background:#fff;border-radius:7px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:700;display:inline-flex}.context-nav button svg{width:14px;height:14px}.timeline-panel{padding:0 22px}.activity-date-groups{gap:18px;display:grid}.timeline-day-group{padding:0;overflow:hidden}.timeline-day-head{background:linear-gradient(100deg,#f1f8ff,#f8fbfe);border-bottom:1px solid #dce7f0;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:18px 26px;display:grid}.timeline-day-head>span{color:#fff;background:#1673e6;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 6px 14px #1673e62a}.timeline-day-head svg{width:20px;height:20px}.timeline-day-head h2{color:#173b58;margin:0;font-size:17px}.timeline-day-head small{color:#7890a3;margin-top:3px;font-size:11px;display:block}.timeline-day-head>b{color:#1465c8;background:#e3f0ff;border-radius:999px;padding:6px 10px;font-size:12px}.timeline-item{text-align:left;color:#243a52;background:#fff;border:0;border-bottom:1px solid #edf1f5;grid-template-columns:42px 1fr auto 18px;align-items:center;gap:14px;width:100%;padding:17px 4px;display:grid}.timeline-item:hover{background:#f7faff}.timeline-item>i{color:#e6822d;background:#fff3e8;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.timeline-item>i.done{color:#16945c;background:#e9f9f1}.timeline-item>i.active{color:#1673e6;background:#e7f5ff}.timeline-item>i.pending{color:#e6822d;background:#fff3e8}.timeline-item>i svg,.timeline-item>svg{width:16px;height:16px}.timeline-item span b,.timeline-item span small{display:block}.timeline-item span b{font-size:14px}.timeline-item span small,.timeline-item time{color:#8290a2;margin-top:4px;font-size:12px}@media (width<=760px){.timeline-day-head{padding:15px 17px}.timeline-panel{padding:0 14px}.context-nav{padding:0 15px}.filterbar label{flex:none}.filterbar .search-field{margin-left:0}}.map-card{grid-row:auto}.login-loading{color:#49637e;background:#f3f7fb;place-items:center;min-height:100vh;font-size:15px;display:grid}.login-error{color:#b84b46;background:#fff0ef;border-radius:7px;margin:12px 0;padding:10px 12px;font-size:13px}.login-button:disabled{opacity:.65;cursor:wait}.admin-entry{text-align:center;color:#52708e;margin-top:18px;font-size:12px;text-decoration:none;display:block}.guide-entry{color:#1677f2;margin-top:7px}.sidebar nav .sidebar-guide-link{color:#c2d3e7;border-radius:10px;align-items:center;gap:13px;margin-top:0;padding:13px 14px;font-size:14px;font-weight:700;text-decoration:none;display:flex;position:relative}.sidebar nav .sidebar-guide-link:before,.sidebar nav .sidebar-guide-link:after{content:none!important;display:none!important}.sidebar nav .sidebar-guide-link:hover{color:#fff;background:linear-gradient(90deg,#1677f2,#176ac8);box-shadow:0 8px 22px #03152c66}.sidebar nav .sidebar-guide-link i{text-align:center;width:20px;font-style:normal}.sidebar nav .sidebar-guide-link svg{width:17px;height:17px}.support-guide-link{margin:18px 0 9px;text-decoration:none}.support-guide-link+.primary{color:#42617e;background:#edf4fb}.password-form{grid-column:1/-1}.password-form>p{color:#718096;font-size:13px}.password-form form{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;display:grid}.password-form form label{display:block}.password-form input{border:1px solid var(--line);border-radius:7px;width:100%;margin-top:7px;padding:10px;display:block}.password-form form .primary{height:38px}.settings-message{color:#14784d;background:#e9f9f1;border-radius:7px;margin-top:12px;padding:10px;font-size:12px}.backup-import{grid-column:1/-1}.backup-import .panel-head>svg{width:30px;height:30px;color:var(--blue)}.import-order{color:#405978;background:#f4f8fe;border:1px solid #cfe0f7;border-radius:10px;margin:14px 0;padding:12px 14px;font-size:15px;line-height:1.6}.import-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.import-card{border:1px solid var(--line);background:#fff;border-radius:12px;gap:10px;padding:16px;display:grid}.import-card>b{color:var(--navy)}.import-card>span{color:var(--muted);font-size:15px}.import-card input[type=file]{width:100%;color:var(--muted);background:#f8fbff;border:1px dashed #b6c8df;border-radius:9px;padding:10px}.stats-bars{gap:14px;padding-top:10px;display:grid}.stats-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.stats-kpi-grid .stat-card{min-width:0}.season-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:4px;display:grid}.season-card{background:linear-gradient(150deg,#f7fbff,#fff);border:1px solid #dbe7f4;border-radius:13px;min-width:0;overflow:hidden}.season-card.autumn{background:linear-gradient(150deg,#fff9f1,#fff);border-color:#f1dfc8}.season-card-head{border-bottom:1px solid #d7e2efcc;justify-content:space-between;align-items:center;padding:15px 16px 12px;display:flex}.season-card-head span{color:var(--blue);font-size:11px;font-weight:800}.season-card.autumn .season-card-head span{color:#c97313}.season-card-head h3{color:var(--navy);margin:3px 0 0;font-size:17px}.season-card-head svg{color:#61a9f7;width:27px}.season-card.autumn .season-card-head svg{color:#e9a452}.season-peak{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2px 10px;padding:14px 16px 12px;display:grid}.season-peak span{color:var(--muted);grid-column:1/-1;font-size:11px;font-weight:700}.season-peak strong{color:var(--navy);font-size:30px;line-height:1}.season-peak b{color:var(--blue);font-size:14px}.season-card.autumn .season-peak b{color:#c97313}.season-environment{background:#e4ecf5;border-top:1px solid #e4ecf5;border-bottom:1px solid #e4ecf5;grid-template-columns:1fr 1fr;gap:1px;display:grid}.season-environment>div{background:#fffffff0;gap:3px;padding:9px 10px;display:grid}.season-environment span{color:var(--muted);font-size:10px}.season-environment b{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.season-card>p{color:var(--muted);margin:0;padding:11px 16px 14px;font-size:11px;line-height:1.55}.season-timing{color:#47627e;background:#eaf4ff;border-radius:9px;grid-template-columns:25px minmax(0,1fr);gap:9px;margin:11px 12px 13px;padding:10px;display:grid}.season-card.autumn .season-timing{background:#fff2df}.season-timing svg{width:21px;color:var(--blue)}.season-card.autumn .season-timing svg{color:#c97313}.season-timing p{margin:0;font-size:11px;line-height:1.6}.season-timing b,.season-timing strong{color:var(--navy)}.season-empty{min-height:206px;color:var(--muted);text-align:center;place-content:center;gap:7px;padding:20px 16px;display:grid}.season-empty svg{color:#80a8d2;width:28px;margin:0 auto}.season-empty b{color:var(--navy);font-size:13px}.season-empty span{font-size:11px;line-height:1.55}.donut-layout{grid-template-columns:170px minmax(0,1fr);align-items:center;gap:24px;padding:14px 4px 4px;display:grid}.donut-chart{border-radius:50%;width:166px;height:166px;position:relative}.donut-chart:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:28px;box-shadow:0 0 0 1px #d7e2ef80}.donut-chart>span{z-index:1;color:var(--muted);text-align:center;place-content:center;font-size:12px;display:grid;position:absolute;inset:0}.donut-chart>span b{color:var(--navy);font-size:22px;display:block}.donut-legend{gap:11px;display:grid}.donut-legend>div{color:var(--muted);grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:9px;font-size:13px;display:grid}.donut-legend i{border-radius:50%;width:10px;height:10px}.donut-legend span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.donut-legend b{color:var(--navy)}.weekday-chart{grid-template-columns:repeat(7,minmax(44px,1fr));align-items:end;gap:10px;min-height:250px;padding-top:16px;display:grid}.weekday-chart>div{text-align:center;gap:6px;min-width:0;display:grid}.weekday-chart span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.weekday-chart i{background:repeating-linear-gradient(#0000,#0000 36px,#edf2f8 37px);border-bottom:1px solid #dce6f1;justify-content:center;align-items:flex-end;height:150px;display:flex}.weekday-chart i b{background:linear-gradient(#43a4ff,#1673e6);border-radius:6px 6px 2px 2px;width:min(30px,72%);min-height:3px}.weekday-chart i b.negative{background:linear-gradient(#ff8a7e,#ef5350)}.weekday-chart strong{color:var(--navy);font-size:14px}.weekday-chart small{color:var(--muted);font-size:11px}.insight-list{gap:10px;display:grid}.insight-list article{background:#f8fbff;border:1px solid #e3ebf4;border-radius:10px;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:12px;display:grid}.insight-list article>b{width:30px;height:30px;color:var(--blue);background:#e5f1ff;border-radius:50%;place-items:center;font-size:12px;display:grid}.insight-list article>div{gap:3px;display:grid}.insight-list span,.insight-list small{color:var(--muted);font-size:12px}.insight-list strong{color:var(--navy);font-size:16px}.trend-tabs{border:1px solid var(--line);background:#f7faff;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.trend-tabs button{min-width:58px;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:8px 13px;font-weight:700}.trend-tabs button:hover{color:var(--blue)}.trend-tabs button.active{background:var(--blue);color:#fff;box-shadow:0 3px 9px #1673e633}.trend-content{gap:24px;display:grid}.trend-line-chart{border-bottom:1px solid var(--line);padding:14px 4px 0;position:relative}.trend-line-chart svg{width:100%;height:220px;display:block;overflow:visible}.trend-chart-legend{justify-content:flex-end;gap:18px;padding-right:8px;font-size:13px;font-weight:700;display:flex}.trend-chart-legend span:before{content:"";border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.trend-chart-legend .sales:before{background:var(--red)}.trend-chart-legend .expense:before{background:var(--blue)}.trend-grid-line{stroke:#e6edf6;stroke-width:1px}.trend-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.trend-line.sales{stroke:var(--red)}.trend-line.expense{stroke:var(--blue)}.trend-dot{stroke:#fff;stroke-width:2px}.trend-dot.sales{fill:var(--red)}.trend-dot.expense{fill:var(--blue)}.trend-hit-area{fill:#0000;cursor:crosshair}.trend-guide-line{stroke:#91a4bc;stroke-dasharray:4 4;stroke-width:1px}.trend-tooltip{z-index:3;pointer-events:none;background:#fffffff7;border:1px solid #d7e2ef;border-radius:10px;gap:7px;min-width:178px;padding:12px 14px;display:grid;position:absolute;top:43px;transform:translate(-50%);box-shadow:0 10px 28px #11305229}.trend-tooltip.start{transform:translate(0)}.trend-tooltip.end{transform:translate(-100%)}.trend-tooltip>strong{border-bottom:1px solid var(--line);color:var(--navy);padding-bottom:7px;font-size:14px}.trend-tooltip>span{color:var(--muted);justify-content:space-between;gap:18px;font-size:12px;display:flex}.trend-tooltip>span b{white-space:nowrap}.trend-chart-labels{color:var(--muted);justify-content:space-between;gap:8px;margin:-15px 3% 14px;font-size:12px;font-weight:700;display:flex}.trend-detail-bars{padding-top:0}.trend-detail-bars .stats-bar-row{grid-template-columns:90px minmax(160px,1fr) 112px}.trend-detail-bars .stats-bar-row>strong{text-align:right;white-space:nowrap}.stats-bar-row{grid-template-columns:minmax(72px,.7fr) minmax(120px,2fr) auto;align-items:center;gap:10px;display:grid}.stats-bar-row>span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.stats-bar-row>i{background:#eaf0f8;border-radius:999px;height:10px;overflow:hidden}.stats-bar-row>i>b{border-radius:inherit;background:linear-gradient(90deg,#1673e6,#43a4ff);height:100%;display:block}.stats-bar-row>strong{color:var(--navy);font-size:15px}.stats-bar-row>small{color:var(--muted);grid-column:2/-1;font-size:13px}@media (width<=720px){.import-grid,.expense-form-grid{grid-template-columns:1fr}.expense-description{grid-column:1}.expense-entry-form{padding:18px}.expense-form-actions>button{flex:1}.ledger-history-head{flex-direction:column;align-items:stretch}.ledger-tabs{width:100%}.ledger-tabs button{flex:1;justify-content:center}}@media (width<=760px){.chart-panel .panel-head{flex-direction:column;align-items:stretch}.trend-tabs{width:100%}.trend-tabs button{flex:1}.trend-line-chart svg{height:180px}.trend-detail-bars .stats-bar-row{grid-template-columns:64px minmax(90px,1fr) 96px}.stats-kpi-grid{grid-template-columns:1fr 1fr}.season-grid{grid-template-columns:1fr}.donut-layout{grid-template-columns:1fr;justify-items:center}.donut-legend{width:100%}.weekday-chart{gap:5px}.weekday-chart span{display:none}.password-form form{grid-template-columns:1fr}.password-form form .primary{width:100%}}.stat-card-action{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.stat-card-action:hover{border-color:#9bc5ff;transform:translateY(-2px);box-shadow:0 8px 22px #1a67cf1f}.stat-card-action:focus-visible{outline-offset:2px;outline:3px solid #1677ff3d}.map-marker-info .map-haul-button{color:#fff;background:#1677f2;border:0;border-radius:7px;width:100%;margin-top:5px;padding:8px 11px;font-size:12px;font-weight:900;box-shadow:0 5px 12px #1677f23d}.map-marker-info .map-haul-button:hover{background:#0867da}.map-marker-info .map-haul-button:disabled{cursor:wait;opacity:.65}.operation-cast-at b,.operation-cast-at small{font-variant-numeric:tabular-nums;display:block}.operation-cast-at b{color:var(--navy);font-size:13px;font-weight:900}.operation-cast-at small{color:#667b92;margin-top:4px;font-size:12px;font-weight:800}.operation-day-count{color:#176ac8;font-size:13px;font-weight:900}.ledger-pending-table .tr{grid-template-columns:minmax(150px,1.25fr) minmax(175px,1.35fr) minmax(175px,1.35fr) minmax(130px,.9fr) minmax(100px,.7fr);gap:12px}.pending-haul-area b{color:var(--navy);font-size:14px}.haul-date-card{background:#fff;border:1px solid #cfe0f4;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;padding:9px 10px;display:grid}.haul-date-card small{background:#dcecff;border-radius:6px;grid-row:1/3;align-self:stretch;place-items:center;min-width:35px;font-weight:900;color:#176ac8!important;margin:0!important;display:grid!important}.haul-date-card b{color:#17385f;white-space:nowrap;font-size:12px}.haul-date-card em{color:#64788f;font-size:11px;font-style:normal;font-weight:800}.haul-date-card.hauled-date{border-color:#bfe8d1}.haul-date-card.hauled-date small{background:#d9f4e5;color:#13814e!important}.haul-elapsed-badge{color:#a75f00;white-space:nowrap;background:#fff2d9;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:7px 11px;font-size:11px;font-style:normal;font-weight:900;display:inline-flex}.manual-cast-layout{grid-template-columns:minmax(0,1.55fr) minmax(390px,.85fr);align-items:start;gap:20px;display:grid}.manual-map-panel{overflow:hidden}.manual-map-wrap{margin:0 -22px;position:relative}.manual-map{background:#dce9ee;width:100%;height:610px}.manual-map-wrap .map-error{color:#66798d;background:#eef5f7;place-items:center;display:grid;position:absolute;inset:0}.map-guide{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#051d32e0;border:1px solid #fff3;border-radius:12px;gap:2px;padding:11px 15px;display:grid;position:absolute;top:18px;left:20px;box-shadow:0 8px 24px #00142840}.map-guide b{color:#52e0c5;font-size:11px}.map-guide span{font-size:12px;font-weight:700}.route-summary{grid-template-columns:minmax(0,1fr) 44px minmax(90px,.65fr) 44px minmax(0,1fr);align-items:center;padding:18px 2px 0;display:grid}.route-summary>div{text-align:center;min-width:0}.route-summary span,.route-summary b{display:block}.route-summary span{color:var(--muted);margin-bottom:5px;font-size:10px;font-weight:700}.route-summary b{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.route-summary i{background:#bed1e2;height:1px;position:relative}.route-summary i:after{content:"";background:#22c7a9;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:0}.manual-form{padding:24px;position:sticky;top:80px}.cast-measure-chip{color:#fff;text-align:center;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#051d32eb;border:1px solid #ffffff38;border-radius:10px;gap:2px;padding:7px 11px;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 15px));box-shadow:0 8px 22px #00142857}.cast-measure-chip b{letter-spacing:-.3px;font-size:15px;font-weight:800}.cast-measure-chip span{color:#7fe3cd;font-size:11px;font-weight:700}.cast-measure-chip:after{content:"";border:5px solid #0000;border-top-color:#051d32eb;width:0;height:0;margin-left:-5px;position:absolute;top:100%;left:50%}.manual-form-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:18px;display:flex}.manual-form-head>span{color:#fff;background:linear-gradient(145deg,#1673e6,#22c7a9);border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.manual-form-head svg{width:21px}.manual-form-head h2{color:var(--navy);margin:0 0 3px;font-size:18px}.manual-form-head p{color:var(--muted);margin:0;font-size:11px}.manual-section{padding:18px 0 2px}.manual-section+.manual-section{border-top:1px solid #edf2f7;margin-top:15px}.manual-section h3{color:var(--navy);margin:0 0 13px;font-size:13px}.manual-form label{color:#536a80;gap:7px;font-size:11px;font-weight:700;display:grid}.manual-form input,.manual-form select{width:100%;min-width:0;height:40px;color:var(--navy);font:inherit;background:#f8fbfd;border:1px solid #dbe5ee;border-radius:8px;outline:none;padding:0 11px}.manual-form input:focus,.manual-form select:focus{background:#fff;border-color:#2387e8;box-shadow:0 0 0 3px #2387e81a}.field-pair{grid-template-columns:1fr 1fr;gap:10px;margin-top:11px;display:grid}.field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.manual-error{color:#ae3f39;background:#fff0ef;border:1px solid #ffd5d1;border-radius:8px;margin:18px 0 0;padding:11px 13px;font-size:12px}.manual-save{width:100%;min-height:44px;margin-top:20px}@media (width<=1180px){.manual-cast-layout{grid-template-columns:1fr}.manual-form{position:static}.manual-map{height:480px}}@media (width<=640px){.manual-map{height:390px}.manual-map-wrap{margin:0 -16px}.route-summary{grid-template-columns:1fr;gap:11px}.route-summary i{display:none}.field-pair,.field-grid{grid-template-columns:1fr 1fr}.manual-form{padding:19px 16px}}.manual-map-wrap .map-guide{max-width:calc(100% - 40px);top:72px;left:auto;right:20px}.coordinate-editor{background:linear-gradient(145deg,#f8fbff,#f2f8fc);border:1px solid #cbdced;border-radius:14px;margin:20px 0 2px;padding:18px;box-shadow:inset 0 1px #fff}.coordinate-editor-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px;display:flex}.coordinate-editor-head b,.coordinate-editor-head span{display:block}.coordinate-editor-head b{color:#12365c;font-size:14px}.coordinate-editor-head span{color:#6b8095;margin-top:4px;font-size:11px}.coordinate-editor-head em{color:#47708f;background:#e2eef9;border-radius:999px;flex:none;padding:5px 8px;font-size:9px;font-style:normal;font-weight:800}.coordinate-groups{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:10px;display:grid}.coordinate-group{background:#fff;border:1px solid #d5e2ee;border-radius:11px;min-width:0;margin:0;padding:12px 13px 14px}.coordinate-group legend{color:#244e75;padding:0 5px;font-size:11px;font-weight:900}.coordinate-group legend i{color:#098d79;background:#e2f8f3;border-radius:7px;place-items:center;width:21px;height:21px;margin-right:5px;font-size:10px;font-style:normal;display:inline-grid}.coordinate-group.end legend i{color:#176dd1;background:#e7efff}.coordinate-group>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.coordinate-group label{gap:6px;min-width:0;display:grid}.coordinate-group label>span{color:#526d85;font-size:10px;font-weight:800}.coordinate-group label small{color:#95a6b6;margin-left:3px;font-size:8px}.coordinate-group input{outline:none;width:100%;min-width:0;height:42px;padding:0 10px;font-weight:750;display:block;box-shadow:0 1px 2px #1538580a;color:#102f4e!important;background:#f9fcff!important;border:1px solid #c7d7e5!important;border-radius:8px!important;font-size:12px!important}.coordinate-group input::placeholder{color:#9aabba;font-weight:500}.coordinate-group input:hover{border-color:#8eb7da!important}.coordinate-group input:focus{background:#fff!important;border-color:#1673e6!important;box-shadow:0 0 0 3px #1673e619!important}.coordinate-arrow{color:#379786;background:#fff;border:1px solid #d4e3ef;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.coordinate-arrow svg{width:15px}.coordinate-group:focus-within{border-color:#8bbce7;box-shadow:0 5px 16px #1b5e9410}@media (width<=720px){.coordinate-groups{grid-template-columns:1fr}.coordinate-arrow{margin:auto;transform:rotate(90deg)}.coordinate-group>div{grid-template-columns:1fr 1fr}}@media (width<=430px){.coordinate-editor{padding:14px}.coordinate-editor-head{flex-direction:column;align-items:flex-start}.coordinate-group>div{grid-template-columns:1fr}}.official-marine-data{margin-bottom:15px}.official-tide-list{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.official-tide-list article{background:#f9fcfe;border:1px solid #dce8ef;border-radius:10px;gap:4px;padding:12px;display:grid}.official-tide-list time{color:#658093;font-size:9px}.official-tide-list b{color:#087a92;font-size:15px}.official-tide-list span{color:#7c909f;font-size:9px}.official-current-line{color:#176b79;background:#eaf7f8;border-radius:9px;align-items:center;gap:9px;margin-top:12px;padding:11px 13px;display:flex}.official-current-line svg{width:19px}.official-current-line b{font-size:11px}.official-current-line span{margin-left:auto;font-size:10px}.official-sea-forecast{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.official-sea-forecast article{background:#fafdff;border:1px solid #dce7ee;border-radius:11px;grid-template-columns:75px 1fr;gap:5px 10px;padding:14px;display:grid}.official-sea-forecast time{color:#0a7990;grid-row:1/5;font-size:10px;font-weight:850}.official-sea-forecast b{color:#163d58;font-size:11px}.official-sea-forecast span,.official-sea-forecast em,.official-sea-forecast strong{color:#718596;font-size:9px;font-style:normal}.official-sea-forecast strong{color:#087a92}@media (width<=700px){.official-tide-list{grid-template-columns:repeat(2,1fr)}.official-current-line{flex-direction:column;align-items:flex-start}.official-current-line span{margin-left:0}.official-sea-forecast{grid-template-columns:1fr}}.marine-weather-page{--marine:#0a6d8d;--marine-deep:#073b58}.marine-weather-title{align-items:flex-end}.marine-location-bar{background:#fff;border:1px solid #cddfea;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px;padding:15px 18px;display:flex;box-shadow:0 5px 18px #183b5910}.marine-place{align-items:center;gap:10px;display:flex}.marine-place>svg{color:#0b8ba3;width:22px}.marine-place span,.marine-place small{display:block}.marine-place small{color:#74899a;font-size:9px;font-weight:800}.marine-place input{color:#123b57;background:0 0;border:0;outline:0;width:210px;font-size:15px;font-weight:900}.marine-coordinates{align-items:flex-end;gap:8px;display:flex}.marine-coordinates label{color:#718697;gap:4px;font-size:9px;font-weight:800;display:grid}.marine-coordinates input{color:#173d58;background:#f8fbfd;border:1px solid #cedce7;border-radius:8px;width:120px;height:36px;padding:0 9px;font-size:11px}.marine-coordinates button{height:36px}.marine-weather-error{color:#a83d36;background:#fff0ee;border:1px solid #ffd0ca;border-radius:10px;margin-bottom:14px;padding:12px 15px;font-size:12px;font-weight:750}.marine-safety{border-radius:13px;align-items:center;gap:12px;margin-bottom:14px;padding:14px 17px;display:flex}.marine-safety.safe{color:#087d68;background:#eaf9f4;border:1px solid #b8e8da}.marine-safety.danger{color:#a85c00;background:#fff6e9;border:1px solid #ffd3a3}.marine-safety svg{width:25px}.marine-safety div{flex:1}.marine-safety b,.marine-safety span{display:block}.marine-safety b{font-size:13px}.marine-safety span{color:#5f7885;margin-top:3px;font-size:10px}.marine-safety em{font-size:10px;font-style:normal;font-weight:800}.marine-tabs{background:#edf4f8;border:1px solid #d4e2eb;border-radius:12px;gap:5px;margin-bottom:15px;padding:5px;display:flex}.marine-tabs button{color:#587286;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;height:39px;font-size:11px;font-weight:850}.marine-tabs button.active{color:#087892;background:#fff;box-shadow:0 3px 12px #17476114}.marine-hero{color:#fff;background:linear-gradient(125deg,#073b58,#087996 58%,#20a8b3);border-radius:20px;grid-template-columns:1fr 230px;min-height:220px;margin-bottom:15px;padding:30px 36px;display:grid;overflow:hidden;box-shadow:0 16px 35px #083a582a}.marine-hero>div:first-child{flex-direction:column;align-items:flex-start;display:flex}.marine-hero small{opacity:.76;font-size:11px;font-weight:750}.marine-hero strong{margin:9px 0 0;font-size:62px;line-height:1}.marine-hero sup{font-size:22px}.marine-hero b{margin-top:12px;font-size:17px}.marine-hero span{opacity:.78;margin-top:5px;font-size:11px}.marine-wave-visual{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff13;border:1px solid #ffffff30;border-radius:18px;align-content:center;place-items:center;display:grid}.marine-wave-visual svg{width:50px;height:50px}.marine-wave-visual b{font-size:28px}.marine-wave-visual span{font-size:10px}.marine-metric-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:15px;display:grid}.marine-metric-grid article{background:#fff;border:1px solid #d7e4ec;border-radius:13px;gap:5px;min-width:0;padding:16px 14px;display:grid;box-shadow:0 5px 16px #173b550c}.marine-metric-grid svg{color:#0b91a6;width:20px}.marine-metric-grid span{color:#718597;font-size:9px;font-weight:800}.marine-metric-grid b{color:#123c59;font-size:15px}.marine-metric-grid small{color:#8093a2;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.sun-card{grid-template-columns:1fr 1px 1fr;align-items:center;margin-bottom:15px;padding:18px;display:grid}.sun-card>div{text-align:center}.sun-card span,.sun-card b{display:block}.sun-card span{color:#718697;font-size:10px}.sun-card b{color:#153d59;margin-top:4px;font-size:18px}.sun-card i{background:#dce6ed;width:1px;height:35px}.marine-loading{color:#397188;place-items:center;gap:8px;min-height:260px;display:grid}.marine-loading svg{width:44px}.marine-forecast-panel{margin-bottom:15px;overflow:hidden}.marine-hour-list{gap:9px;padding:5px 0 9px;display:flex;overflow-x:auto}.marine-hour-list article{background:#fafdff;border:1px solid #dce7ee;border-radius:12px;flex:0 0 145px;gap:6px;padding:15px;display:grid}.marine-hour-list time,.marine-week-list time{color:#587287;font-size:10px;font-weight:850}.marine-hour-list svg{color:#1692ac;width:22px}.marine-hour-list b{color:#143b57;font-size:18px}.marine-hour-list span,.marine-hour-list em,.marine-hour-list strong{color:#718595;font-size:9px;font-style:normal}.marine-hour-list strong{color:#087d93}.marine-week-list{gap:7px;display:grid}.marine-week-list article{border:1px solid #e0e9ef;border-radius:10px;grid-template-columns:100px 26px 1fr 100px 90px 120px;align-items:center;gap:12px;padding:11px 14px;display:grid}.marine-week-list svg{color:#1692ac;width:20px}.marine-week-list>b{color:#123b57}.marine-week-list span,.marine-week-list em,.marine-week-list small{color:#6d8293;font-size:10px;font-style:normal}.marine-week-list span strong{color:#e3564c}.marine-week-list small b{color:#087d93}.marine-map-section{margin-top:15px;overflow:hidden}.marine-map-section .map-shell{min-height:420px}@media (width<=1050px){.marine-metric-grid{grid-template-columns:repeat(3,1fr)}.marine-week-list article{grid-template-columns:80px 22px 1fr 80px 70px 100px}}@media (width<=700px){.marine-location-bar,.marine-coordinates{flex-direction:column;align-items:stretch}.marine-place input,.marine-coordinates label,.marine-coordinates input{width:100%}.marine-hero{grid-template-columns:1fr;padding:24px}.marine-wave-visual{margin-top:18px;padding:18px}.marine-metric-grid{grid-template-columns:repeat(2,1fr)}.marine-week-list article{grid-template-columns:70px 22px 1fr}.marine-week-list article span,.marine-week-list article em,.marine-week-list article small{grid-column:3}.marine-weather-title{align-items:flex-start}.marine-weather-title>button{margin-top:10px}}.marine-place b,.marine-place em{display:block}.marine-place b{color:#123b57;margin-top:2px;font-size:15px}.marine-place em{color:#718697;margin-top:3px;font-size:10px;font-style:normal}.marine-location-open{white-space:nowrap;align-items:center;gap:7px;display:flex}.marine-location-open svg{width:17px}.marine-location-modal{z-index:1000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#051c2bcc;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.marine-location-dialog{background:#fff;border:1px solid #c9dae5;border-radius:22px;width:min(980px,100%);overflow:hidden;box-shadow:0 28px 80px #00142166}.marine-location-dialog>header{justify-content:space-between;align-items:flex-start;gap:25px;padding:22px 25px 18px;display:flex}.marine-location-dialog h2{color:#103b57;margin:4px 0;font-size:21px}.marine-location-dialog header p{color:#6d8292;margin:5px 0 0;font-size:11px}.marine-location-dialog header>button{color:#264b62;cursor:pointer;background:#fff;border:1px solid #d4e1e9;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.marine-location-dialog header>button svg{width:19px}.marine-location-map-wrap{background:#dbe8ef;height:min(58vh,560px);min-height:380px;position:relative}.marine-location-map{width:100%;height:100%}.marine-center-pin{color:#fff;pointer-events:none;background:#0a7895;border:4px solid #fff;border-radius:50% 50% 50% 5px;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);box-shadow:0 7px 18px #062f4680}.marine-center-pin svg{width:24px;transform:rotate(45deg)}.marine-map-step{color:#fff;pointer-events:none;background:#073b58e8;border-radius:10px;gap:2px;padding:10px 13px;display:grid;position:absolute;top:18px;right:18px;box-shadow:0 7px 18px #062f4640}.marine-map-step b{color:#42e3cb;font-size:9px}.marine-map-step span{font-size:10px;font-weight:850}.marine-map-error{color:#a43e38;background:#fff;border-radius:10px;padding:14px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 25px #1238}.marine-location-dialog>footer{justify-content:space-between;align-items:center;gap:20px;padding:18px 25px 22px;display:flex}.marine-location-dialog footer div{min-width:0}.marine-location-dialog footer small,.marine-location-dialog footer b,.marine-location-dialog footer span{display:block}.marine-location-dialog footer small{color:#758a99;font-size:9px;font-weight:850}.marine-location-dialog footer b{color:#123b57;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:15px;overflow:hidden}.marine-location-dialog footer span{color:#6d8292;margin-top:3px;font-size:10px}.marine-location-dialog footer button{min-width:170px}@media (width<=700px){.marine-location-modal{padding:0}.marine-location-dialog{border:0;border-radius:0;height:100%}.marine-location-dialog>header{padding:18px}.marine-location-dialog h2{font-size:17px}.marine-location-dialog header p{font-size:10px}.marine-location-map-wrap{height:calc(100vh - 245px);min-height:360px}.marine-location-dialog>footer{flex-direction:column;align-items:stretch;padding:15px 18px}.marine-location-dialog footer button{width:100%}}.marine-weather-page .marine-location-bar{padding:20px 24px}.marine-weather-page .marine-place small{font-size:12px}.marine-weather-page .marine-place b{font-size:20px}.marine-weather-page .marine-place em{font-size:13px}.marine-weather-page .marine-safety{padding:18px 22px}.marine-weather-page .marine-tabs button{height:48px;font-size:15px}.marine-weather-page .marine-metric-grid article{gap:8px;padding:20px 18px}.marine-weather-page .marine-metric-grid svg{width:25px;height:25px}.marine-weather-page .marine-metric-grid span{font-size:12px}.marine-weather-page .marine-metric-grid b{font-size:20px}.marine-weather-page .marine-metric-grid small{font-size:12px}.marine-weather-page .official-tide-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.marine-weather-page .official-tide-list article{gap:7px;padding:17px}.marine-weather-page .official-tide-list time{font-size:12px}.marine-weather-page .official-tide-list b{font-size:20px}.marine-weather-page .official-tide-list span{font-size:12px}.marine-weather-page .official-current-line{padding:16px 18px}.marine-weather-page .official-current-line b,.marine-weather-page .official-current-line span{font-size:13px}.marine-weather-page .official-current-line.unavailable{color:#687f8e;background:#f2f6f8}.marine-weather-page .official-sea-forecast{gap:14px}.marine-weather-page .official-sea-forecast article{grid-template-columns:110px 1fr;gap:8px 14px;padding:20px}.marine-weather-page .official-sea-forecast time{font-size:13px}.marine-weather-page .official-sea-forecast b{font-size:16px}.marine-weather-page .official-sea-forecast span,.marine-weather-page .official-sea-forecast em,.marine-weather-page .official-sea-forecast strong{font-size:13px}.marine-data-empty{color:#607b8d;text-align:center;background:#f8fbfd;border:1px dashed #c9dce6;border-radius:14px;place-items:center;gap:7px;min-height:150px;padding:24px;display:grid}.marine-data-empty svg{color:#1493a8;width:32px;height:32px}.marine-data-empty b{color:#274f67;font-size:16px}.marine-data-empty span{font-size:13px}@media (width<=1050px){.marine-weather-page .official-tide-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.marine-weather-page .marine-place b{font-size:17px}.marine-weather-page .marine-metric-grid b{font-size:18px}.marine-weather-page .official-sea-forecast article{grid-template-columns:90px 1fr;padding:16px}}.marine-weather-page .page-title{margin-bottom:12px}.marine-weather-page .marine-location-bar{margin-bottom:10px;padding:13px 18px}.marine-weather-page .marine-safety{margin-bottom:12px;padding:11px 16px}.marine-weather-page .marine-safety svg{width:21px}.marine-weather-page .marine-safety b{font-size:13px}.marine-weather-page .marine-safety span,.marine-weather-page .marine-safety em{font-size:10px}.marine-overview-layout{grid-template-columns:minmax(340px,.78fr) minmax(0,1.42fr);gap:12px;margin-bottom:12px;display:grid}.marine-now-card{color:#fff;background:radial-gradient(circle at 88% 4%,#31bfca55,#0000 38%),linear-gradient(135deg,#062f4b,#087994 62%,#16a4ae);border-radius:20px;justify-content:space-between;gap:20px;min-height:190px;padding:25px 27px;display:flex;position:relative;overflow:hidden;box-shadow:0 17px 35px #073c5826}.marine-now-card:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-80px;right:-40px}.marine-now-card>div:first-child{z-index:1;flex-direction:column;align-items:flex-start;display:flex}.marine-now-card small{opacity:.78;font-size:10px;font-weight:800}.marine-now-card strong{margin:9px 0 3px;font-size:52px;line-height:1}.marine-now-card sup{font-size:19px}.marine-now-card>div:first-child b{margin-top:8px;font-size:16px}.marine-now-card>div:first-child span{opacity:.75;margin-top:6px;font-size:10px}.marine-now-wave{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff30;border-radius:17px;align-content:center;place-items:center;min-width:130px;padding:12px;display:grid}.marine-now-wave svg{width:38px;height:38px}.marine-now-wave span{opacity:.76;font-size:9px}.marine-now-wave b{margin-top:2px;font-size:28px}.marine-now-wave em{opacity:.7;text-overflow:ellipsis;white-space:nowrap;max-width:125px;margin-top:3px;font-size:8px;font-style:normal;overflow:hidden}.marine-overview-layout .marine-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0}.marine-overview-layout .marine-metric-grid article{border-radius:14px;gap:3px;padding:13px 15px;box-shadow:0 7px 20px #173b550b}.marine-overview-layout .marine-metric-grid svg{width:20px;height:20px}.marine-overview-layout .marine-metric-grid span{font-size:9px}.marine-overview-layout .marine-metric-grid b{font-size:16px}.marine-overview-layout .marine-metric-grid small{font-size:9px}.marine-dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.55fr);gap:12px;margin-bottom:12px;display:grid}.marine-hourly-board,.marine-tide-board,.marine-week-board,.realtime-wave-panel{padding:19px 20px}.marine-section-head,.realtime-wave-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px;display:flex}.marine-section-head h2,.realtime-wave-head h2{color:var(--marine-ink);margin:3px 0 0;font-size:17px}.marine-section-head>small,.realtime-wave-head p{color:#718697;margin:4px 0 0;font-size:9px}.marine-section-head>svg{color:#0b91a6;width:25px}.marine-hourly-board{min-width:0;overflow:hidden}.marine-hourly-board .marine-hour-list{gap:7px;padding:0 0 3px}.marine-hourly-board .marine-hour-list article{background:linear-gradient(#f4fafc,#edf6f9);border:0;border-radius:12px;flex:1 0 102px;gap:4px;min-width:102px;padding:11px 10px}.marine-hourly-board .marine-hour-list time{color:#567589;font-size:9px}.marine-hourly-board .marine-hour-list svg{width:18px}.marine-hourly-board .marine-hour-list b{font-size:15px}.marine-hourly-board .marine-hour-list span,.marine-hourly-board .marine-hour-list em{font-size:8px}.marine-current-focus{color:#fff;background:linear-gradient(130deg,#087b9b,#20aeb8);border-radius:14px;grid-template-columns:1fr auto;align-items:end;gap:3px;padding:13px 14px;display:grid}.marine-current-focus span,.marine-current-focus em{opacity:.8;font-size:9px}.marine-current-focus b{grid-area:1/2/3;font-size:28px}.marine-current-focus small{font-size:10px}.marine-tide-mini{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px;display:grid}.marine-tide-mini div{text-align:center;background:#f1f7fa;border-radius:9px;gap:2px;padding:8px 4px;display:grid}.marine-tide-mini time{color:#718697;font-size:8px}.marine-tide-mini b{color:#12677d;font-size:11px}.marine-inline-empty{color:#718697;text-align:center;background:#f3f7f9;border-radius:9px;margin:10px 0 0;padding:12px;font-size:9px}.marine-week-board{margin-bottom:12px;overflow:hidden}.marine-week-grid{grid-template-columns:repeat(7,minmax(130px,1fr));gap:8px;padding-bottom:3px;display:grid;overflow-x:auto}.marine-week-grid article{background:linear-gradient(#fff,#f7fbfc);border:1px solid #deeaef;border-radius:13px;grid-template-rows:auto 25px minmax(31px,auto) auto auto;gap:5px;padding:13px;display:grid}.marine-week-grid time{color:#087b9b;font-size:10px;font-weight:900}.marine-week-grid svg{color:#18a2b2;width:20px}.marine-week-grid b{color:#163e58;font-size:10px;line-height:1.45}.marine-week-grid span{color:#768a99;font-size:8px}.marine-week-grid strong{color:#087b9b;align-items:center;gap:4px;font-size:9px;display:flex}.marine-week-grid strong svg{width:13px}.realtime-wave-panel{margin-bottom:10px;overflow:hidden}.wave-legend{color:#668094;align-items:center;gap:6px;font-size:8px;display:flex}.wave-legend i{border-radius:50%;width:7px;height:7px}.wave-legend i.calm{background:#1788f2}.wave-legend i.normal{background:#11a99a}.wave-legend i.care{background:#f39b32}.wave-legend i.high{background:#ef5350}.realtime-wave-map{background:#dbe8ef;height:390px;margin:0 -20px;position:relative}.realtime-wave-map>div:first-child{width:100%;height:100%}.wave-map-info{color:#173d58;gap:3px;min-width:120px;padding:2px;display:grid}.wave-map-info b{font-size:12px}.wave-map-info strong{color:#087b9b;font-size:17px}.wave-map-info span{color:#718697;font-size:9px}.wave-station-strip{z-index:2;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:-24px 0 0;display:grid;position:relative}.wave-station-strip article{border-top:3px solid var(--wave-color);background:#fff;border-radius:11px;grid-template-columns:1fr auto;gap:3px 7px;padding:11px 12px;display:grid;box-shadow:0 8px 22px #163b5624}.wave-station-strip span{color:#526f82;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800;overflow:hidden}.wave-station-strip b{color:var(--wave-color);grid-row:2/4;font-size:20px}.wave-station-strip em{color:var(--wave-color);justify-self:end;font-size:8px;font-style:normal;font-weight:900}.wave-station-strip small{color:#8294a1;justify-self:end;font-size:7px}.realtime-wave-panel .marine-map-error{z-index:2}.realtime-wave-panel:has(.wave-station-strip:empty) .wave-station-strip:after{content:"관측소 자료를 불러오고 있습니다.";color:#607b8d;text-align:center;background:#fff;border-radius:10px;grid-column:1/-1;padding:12px;font-size:10px;box-shadow:0 8px 22px #163b5624}@media (width<=1150px){.marine-overview-layout,.marine-dashboard-grid{grid-template-columns:1fr}.marine-week-grid{grid-template-columns:repeat(7,145px)}.wave-station-strip{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.marine-weather-page .marine-location-bar{padding:13px}.marine-overview-layout .marine-metric-grid{grid-template-columns:repeat(2,1fr)}.marine-now-card{min-height:180px;padding:20px}.marine-now-card strong{font-size:43px}.marine-now-wave{min-width:105px}.marine-hourly-board,.marine-tide-board,.marine-week-board,.realtime-wave-panel{padding:16px}.realtime-wave-map{height:350px;margin:0 -16px}.wave-station-strip{grid-template-columns:1fr 1fr;margin-top:8px}.realtime-wave-head{flex-direction:column;align-items:flex-start}.marine-weather-title h1{font-size:26px}}.marine-hourly-board .marine-hour-list article{gap:7px;padding:14px 13px}.marine-hourly-board .marine-hour-list time{font-size:11px;font-weight:900}.marine-hourly-board .marine-hour-list svg{width:22px;height:22px}.marine-hourly-board .marine-hour-list b{letter-spacing:-.6px;font-size:21px}.marine-hourly-board .marine-hour-list span{color:#42667b;font-size:12px;font-weight:850}.marine-hourly-board .marine-hour-list em{color:#607d8e;white-space:nowrap;font-size:10px;font-weight:700;line-height:1.4}@media (width<=700px){.marine-hourly-board .marine-hour-list span{font-size:11px}.marine-hourly-board .marine-hour-list em{font-size:9px}}.marine-dashboard-grid{align-items:start}.marine-hourly-board{align-self:start}.marine-current-focus b{letter-spacing:-1.5px;font-size:38px;line-height:.95}.marine-current-focus b small{letter-spacing:0;font-size:11px}.marine-tide-now{color:#087a9b;background:#ecf8fc;border-radius:11px;justify-content:space-between;align-items:center;margin-top:10px;padding:9px 12px;display:flex}.marine-tide-now.rising{color:#078eb2;background:linear-gradient(110deg,#e6f8ff,#e5fbf6)}.marine-tide-now.falling{color:#4b6dcc;background:linear-gradient(110deg,#eef4ff,#f0f2ff)}.marine-tide-now span,.marine-tide-now b{display:block}.marine-tide-now span{opacity:.7;font-size:7px;font-weight:800}.marine-tide-now b{margin-top:1px;font-size:15px}.marine-tide-now strong{letter-spacing:-1px;font-size:25px}.marine-tide-now strong small{letter-spacing:0;margin-left:2px;font-size:8px}.marine-tide-timeline{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:11px;display:grid}.marine-tide-timeline article{text-align:center;place-items:center;gap:2px;min-width:0;display:grid;position:relative}.tide-event-dot{width:100%;height:18px;position:relative}.tide-event-dot:before{content:"";background:linear-gradient(90deg,#19b7cd,#5bc8df);height:2px;position:absolute;top:7px;left:50%;right:-50%}.marine-tide-timeline article:last-child .tide-event-dot:before{display:none}.tide-event-dot>i{z-index:1;background:#12a9c4;border:3px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #12a9c433}.tide-event-dot>span{z-index:2;color:#41849b;white-space:nowrap;background:#effaff;border-radius:5px;padding:1px 4px;font-size:5px;font-weight:900;position:absolute;top:-4px;left:50%;transform:translate(17px)}.marine-tide-timeline time{color:#78909f;font-size:7px}.marine-tide-timeline b{color:#126f89;font-size:10px}.marine-tide-timeline strong{color:#0b4760;letter-spacing:-.4px;font-size:14px}.marine-tide-now.rising{color:#e64e45;background:linear-gradient(110deg,#fff2f0,#ffe4df);border:1px solid #ffc8c4}.marine-tide-now.falling{color:#2572d8;background:linear-gradient(110deg,#eef6ff,#e7f0ff);border:1px solid #c5dcff}.marine-tide-timeline{padding-top:13px;position:relative}.marine-tide-timeline article.high .tide-event-dot>i{background:#ef5148;box-shadow:0 0 0 2px #ef514833}.marine-tide-timeline article.high b{color:#df443c}.marine-tide-timeline article.low .tide-event-dot>i{background:#2879df;box-shadow:0 0 0 2px #2879df33}.marine-tide-timeline article.low b{color:#2569c5}.tide-event-dot>span.rising{color:#d94840;background:#fff0ee}.tide-event-dot>span.falling{color:#2569c5;background:#edf5ff}.marine-tide-current-marker{z-index:5;pointer-events:none;border-left:2px dashed #ff9b22;width:1px;height:30px;position:absolute;top:1px;transform:translate(-50%)}.marine-tide-current-marker span{color:#fff;white-space:nowrap;background:#ff9418;border-radius:999px;padding:2px 5px;font-size:6px;font-weight:900;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 3px 7px #c6651830}.marine-tide-current-marker i{background:#ff9418;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #ff941844}.marine-tide-timeline article.high strong{color:#df443c}.marine-tide-timeline article.low strong{color:#2569c5}.marine-tide-board .marine-current-focus b{letter-spacing:-2px;font-size:46px}.marine-tide-board .marine-current-focus b small{font-size:12px}.marine-tide-board .marine-tide-now strong{letter-spacing:-1.5px;font-size:33px}.marine-tide-board .marine-tide-now strong small{font-size:10px}.marine-tide-board .marine-tide-timeline strong{letter-spacing:-.6px;font-size:18px}.marine-tide-board .marine-tide-timeline b{font-size:11px}@media (width<=700px){.marine-tide-board .marine-current-focus b{font-size:39px}.marine-tide-board .marine-tide-now strong{font-size:29px}.marine-tide-board .marine-tide-timeline strong{font-size:16px}}.marine-now-card{background:radial-gradient(circle at 86% 8%,#b9fff06b,#0000 31%),radial-gradient(circle at 8% 108%,#005fcc75,#0000 42%),linear-gradient(125deg,#0874cf 0%,#079ed5 48%,#20c6c0 100%);border:1px solid #ffffff80;box-shadow:0 18px 38px #0788c62b,inset 0 1px #ffffff59}.marine-now-card:before{content:"";border:1px solid #c9fff45c;border-radius:50%;height:220px;position:absolute;inset:auto -10% -75% 31%;box-shadow:0 0 0 28px #d4fff00b,0 0 0 58px #d4fff00b}.marine-now-card:after{border-color:#d9fff455;width:225px;height:225px;bottom:-90px;right:-46px}.marine-now-card small,.marine-now-card>div:first-child span{opacity:.9}.marine-now-wave{background:linear-gradient(145deg,#ffffff2e,#c4fff01f);border-color:#d8fff080;box-shadow:inset 0 1px #fff5,0 10px 28px #006c9c24}.marine-now-wave svg{filter:drop-shadow(0 4px 8px #00719b40)}.marine-now-wave span,.marine-now-wave em{opacity:.88}.marine-overview-layout .marine-metric-grid article{background:linear-gradient(150deg,#fff 20%,#f0fbff);border-color:#d5eaf4;box-shadow:0 8px 22px #087daf0e}.marine-current-focus{background:radial-gradient(circle at 90% 0,#a5fff04a,#0000 35%),linear-gradient(130deg,#068bd0,#08b9c8 62%,#27cab3);box-shadow:0 9px 22px #058cb525}.marine-hourly-board .marine-hour-list article{background:linear-gradient(160deg,#f7fdff,#e9f9fe)}.marine-week-grid article{background:linear-gradient(160deg,#fff,#eefbff);border-color:#d7eaf2}.marine-weather-page .marine-direction-metric.wind{--flow:#058ee9;--flow-soft:#e4f6ff;--flow-glow:#058ee92d}.marine-direction-metric,.marine-wave-direction{flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;gap:5px!important;display:flex!important}.marine-direction-metric:after,.marine-wave-direction:after{content:"";background:var(--flow-glow,#119db00d);pointer-events:none;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-34px;right:-25px}.marine-direction-metric.wind{--flow:#1788f2;--flow-soft:#e8f3ff;--flow-glow:#1788f222}.marine-direction-metric.current{--flow:#11a99a;--flow-soft:#e5f8f4;--flow-glow:#11a99a22}.marine-wave-direction{--flow:#7259d6;--flow-soft:#f0edff;--flow-glow:#7259d622}.marine-direction-top{z-index:1;justify-content:space-between;align-items:center;gap:6px;display:flex}.marine-direction-top>span{font-weight:900;color:#536f82!important;font-size:9px!important}.marine-direction-top>em{color:var(--flow);background:var(--flow-soft);white-space:nowrap;border-radius:999px;padding:3px 6px;font-size:7px;font-style:normal;font-weight:900}.marine-flow-level.level-5{color:#d63f38!important;background:#fff0ef!important}.marine-flow-level.level-3,.marine-flow-level.level-4{color:#c87800!important;background:#fff5df!important}.marine-direction-body{z-index:1;align-items:center;gap:9px;display:flex}.marine-direction-dial{border:1px solid var(--flow);flex:0 0 45px;place-items:center;width:45px;height:45px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.marine-direction-dial{border:1px solid color-mix(in srgb,var(--flow) 30%,white)}}.marine-direction-dial{background:var(--flow-soft);border-radius:50%;box-shadow:inset 0 0 0 4px #fff}.marine-direction-dial:before{content:"";border:1px dashed var(--flow);position:absolute;inset:4px}@supports (color:color-mix(in lab, red, red)){.marine-direction-dial:before{border:1px dashed color-mix(in srgb,var(--flow) 45%,white)}}.marine-direction-dial:before{border-radius:50%}.marine-direction-dial i{z-index:1;color:var(--flow);transform-origin:50%;font-size:24px;font-style:normal;font-weight:900;line-height:1;transition:transform .3s}.marine-direction-dial small{z-index:2;background:var(--flow);text-align:center;border-radius:5px;min-width:21px;padding:2px 4px;font-weight:900;position:absolute;bottom:-3px;right:-4px;color:#fff!important;font-size:6px!important}.marine-direction-body>div:last-child{min-width:0;display:grid}.marine-direction-body b{line-height:1.1;color:#123c59!important;font-size:17px!important}.marine-direction-body b small{font-weight:800;color:#718697!important;font-size:7px!important}.marine-direction-body strong{color:var(--flow);white-space:nowrap;margin-top:3px;font-size:8px}.marine-speed-bars{z-index:1;align-items:flex-end;gap:3px;height:12px;display:flex}.marine-speed-bars i{background:#dce8ee;border-radius:4px;flex:1;height:4px}.marine-speed-bars i:nth-child(2){height:6px}.marine-speed-bars i:nth-child(3){height:8px}.marine-speed-bars i:nth-child(4){height:10px}.marine-speed-bars i:nth-child(5){height:12px}.marine-speed-bars i.active{background:var(--flow);box-shadow:0 2px 5px var(--flow-glow)}.marine-wave-direction .marine-direction-dial.wave{--flow:#7259d6;--flow-soft:#f0edff}.manual-route-tools{justify-content:space-between;align-items:center;gap:18px;padding:13px 2px 15px;display:flex}.manual-route-tools>p{color:#647a90;white-space:nowrap;align-items:center;gap:6px;margin:0;font-size:11px;font-weight:650;display:flex}.manual-route-tools>p svg{color:#1673e6;width:15px;height:15px}.manual-color-picker{align-items:center;gap:12px;display:flex}.manual-color-picker>span{color:#536a80;white-space:nowrap;font-size:11px;font-weight:800}.manual-color-picker>div{align-items:center;gap:8px;display:flex}.manual-color-picker button{cursor:pointer;background:#fff;border:1px solid #d8e3ed;border-radius:50%;place-items:center;width:27px;height:27px;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;position:relative;box-shadow:0 2px 7px #173c6114}.manual-color-picker button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #173c6126}.manual-color-picker button.selected{border-color:var(--line-color);box-shadow:0 0 0 3px var(--line-color)}@supports (color:color-mix(in lab, red, red)){.manual-color-picker button.selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--line-color) 18%,transparent)}}.manual-color-picker button>i{background:var(--line-color);border-radius:50%;width:17px;height:17px}.manual-color-picker button>svg{color:#fff;stroke-width:3px;width:11px;height:11px;position:absolute}.manual-map-notice{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#092b48e8;border:1px solid #ffffff2e;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:750;animation:.18s ease-out manual-notice-in;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00142840}@keyframes manual-notice-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width<=640px){.manual-route-tools{flex-direction:column;align-items:flex-start;gap:10px}.manual-route-tools>p{white-space:normal}.manual-color-picker{justify-content:space-between;width:100%}.manual-map-notice{text-align:center;white-space:normal;max-width:calc(100% - 32px)}}.marine-weather-page .marine-now-card small{font-size:13px}.marine-weather-page .marine-now-card strong{font-size:58px}.marine-weather-page .marine-now-card>div:first-child b{font-size:20px}.marine-weather-page .marine-now-card>div:first-child span{font-size:13px;line-height:1.5}.marine-weather-page .marine-now-wave span{font-size:12px}.marine-weather-page .marine-now-wave b{font-size:34px}.marine-weather-page .marine-now-wave em{font-size:11px}.marine-weather-page .marine-overview-layout .marine-metric-grid span{font-size:12px}.marine-weather-page .marine-overview-layout .marine-metric-grid b{font-size:22px}.marine-weather-page .marine-overview-layout .marine-metric-grid small{font-size:11px;line-height:1.4}.marine-weather-page .marine-section-head h2,.marine-weather-page .realtime-wave-head h2{font-size:20px}.marine-weather-page .marine-section-head>small,.marine-weather-page .realtime-wave-head p{font-size:12px}.marine-weather-page .marine-hourly-board .marine-hour-list span{font-size:13px}.marine-weather-page .marine-hourly-board .marine-hour-list em,.marine-weather-page .marine-current-focus span,.marine-weather-page .marine-current-focus em{font-size:12px}.marine-weather-page .marine-tide-now span{font-size:10px}.marine-weather-page .marine-tide-now b{font-size:18px}.marine-weather-page .marine-tide-timeline time{font-size:10px}.marine-weather-page .marine-tide-timeline b,.marine-weather-page .marine-week-grid time{font-size:13px}.marine-weather-page .marine-week-grid b{font-size:14px}.marine-weather-page .marine-week-grid span{font-size:11px;line-height:1.45}.marine-weather-page .marine-week-grid strong{font-size:12px}.marine-weather-page .wave-legend{font-size:11px}.marine-weather-page .wave-map-info b{font-size:14px}.marine-weather-page .wave-map-info strong{font-size:20px}.marine-weather-page .wave-map-info span,.marine-weather-page .wave-station-strip span{font-size:11px}.marine-weather-page .wave-station-strip b{font-size:23px}.marine-weather-page .wave-station-strip em{font-size:10px}.marine-weather-page .wave-station-strip small{font-size:9px}.marine-weather-page .marine-direction-top>span{font-size:11px!important}.marine-weather-page .marine-direction-top>em{font-size:9px}.marine-weather-page .marine-direction-body b{font-size:21px!important}.marine-weather-page .marine-direction-body b small{font-size:9px!important}.marine-weather-page .marine-direction-body strong{font-size:10px}@media (width<=700px){.marine-weather-page .marine-now-card small{font-size:12px}.marine-weather-page .marine-now-card strong{font-size:48px}.marine-weather-page .marine-overview-layout .marine-metric-grid b{font-size:20px}.marine-weather-page .marine-week-grid b{font-size:13px}}.marine-weather-page{--marine-ink:#092f55;--marine-blue:#1476e8;--marine-aqua:#23c8c3}.marine-weather-page .panel,.marine-weather-page .marine-location-bar{background:linear-gradient(155deg,#fff 55%,#f5faff);border-color:#d8e6f5;box-shadow:0 10px 28px #1b65a70d}.marine-weather-page .marine-now-card{background:radial-gradient(circle at 88% 5%,#8fffe75c,#0000 30%),radial-gradient(circle at 5% 110%,#0b51bc7a,#0000 44%),linear-gradient(128deg,#1267d4 0%,#078fd3 52%,#20c7bc 100%);box-shadow:0 18px 40px #1169c82e,inset 0 1px #ffffff70}.marine-weather-page .marine-overview-layout .marine-metric-grid article,.marine-weather-page .marine-hourly-board .marine-hour-list article,.marine-weather-page .marine-week-grid article{background:linear-gradient(155deg,#fff,#eef8ff);border-color:#d8e8f5}.marine-weather-page .marine-overview-layout .marine-metric-grid svg,.marine-weather-page .marine-hourly-board .marine-hour-list svg,.marine-weather-page .marine-week-grid svg{color:#168bd9}.marine-weather-page .marine-week-grid time,.marine-weather-page .marine-week-grid strong{color:#126fc7}.marine-weather-page .marine-current-focus{background:linear-gradient(130deg,#1178dc,#08a8cf 60%,#28c9b4)}.marine-weather-page .realtime-wave-panel{border-color:#cfe2f4}.marine-weather-page .realtime-wave-map{background:linear-gradient(145deg,#ddecf6,#c9e5ef)}.marine-weather-page .wave-station-strip article{border:1px solid #dbe9f5;border-top:4px solid var(--wave-color);box-shadow:0 10px 25px #174e7d1c}.marine-weather-page .wave-legend i{width:9px;height:9px;box-shadow:0 0 0 3px #fff,0 0 0 4px}.marine-weather-page .wave-legend i.calm{color:#1697e8;background:#1697e8}.marine-weather-page .wave-legend i.normal{color:#18b7a0;background:#18b7a0}.marine-weather-page .wave-legend i.care{color:#f4a12e;background:#f4a12e}.marine-weather-page .wave-legend i.high{color:#ef5b61;background:#ef5b61}.marine-weather-page .marine-now-card{align-items:stretch;min-height:210px;padding:27px 28px}.marine-weather-page .marine-now-card>div:first-child{justify-content:center}.marine-weather-page .marine-now-wave{border:2px solid #fff;border-top:5px solid var(--wave-color,#168bd9);color:#0b3c63;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(160deg,#fff,#eaf7ff);border-radius:21px;align-self:stretch;min-width:178px;padding:22px 18px 17px;position:relative;box-shadow:0 14px 32px #075b9638,inset 0 1px #fff}.marine-weather-page .marine-now-wave i{color:#fff;background:var(--wave-color,#168bd9);letter-spacing:.7px;border-radius:999px;padding:3px 7px;font-size:8px;font-style:normal;font-weight:950;position:absolute;top:10px;right:11px}.marine-weather-page .marine-now-wave svg{width:43px;height:43px;color:var(--wave-color,#168bd9);filter:drop-shadow(0 5px 8px #126da329)}.marine-weather-page .marine-now-wave span{color:#4d6e83;opacity:1;margin-top:5px;font-size:12px;font-weight:850}.marine-weather-page .marine-now-wave b{color:var(--wave-color,#168bd9);letter-spacing:-1.5px;margin-top:2px;font-size:42px;line-height:1}.marine-weather-page .marine-now-wave b small{color:#5e788a;letter-spacing:0;margin-left:2px;font-size:15px}.marine-weather-page .marine-now-wave em{color:#305b72;opacity:1;background:#dff0fa;border-radius:8px;max-width:160px;margin-top:8px;padding:5px 8px;font-size:11px;font-weight:800}.marine-weather-page .marine-direction-dial>svg{z-index:1;color:var(--flow);fill:var(--flow);position:relative;width:24px!important;height:24px!important}@supports (color:color-mix(in lab, red, red)){.marine-weather-page .marine-direction-dial>svg{fill:color-mix(in srgb,var(--flow) 22%,transparent)}}.marine-weather-page .marine-direction-dial>svg{stroke-width:2.7px;transform-origin:50%;filter:drop-shadow(0 2px 3px var(--flow-glow));transition:transform .3s}@media (width<=700px){.marine-weather-page .marine-now-card{min-height:195px;padding:20px}.marine-weather-page .marine-now-wave{min-width:132px;padding:19px 10px 14px}.marine-weather-page .marine-now-wave b{font-size:34px}.marine-weather-page .marine-now-wave em{max-width:120px;font-size:9px}}.ledger-catch-group{background:#fff;border:1px solid #dbe7f2;border-radius:16px;overflow:hidden}.ledger-catch-group+.ledger-catch-group{margin-top:14px}.ledger-catch-group>header{background:#eef6ff;border-bottom:1px solid #dbe7f2;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;display:flex}.ledger-catch-group>header div{flex-direction:column;gap:4px;display:flex}.ledger-catch-group>header b{color:#123b63;font-size:15px}.ledger-catch-group>header span{color:#71879b;font-size:12px}.ledger-catch-group>header em{color:#1976df;background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-style:normal;font-weight:800}.ledger-catch-group>article{border:0!important;border-radius:0!important}.ledger-catch-group>article+article{border-top:1px solid #e8eef4!important}.marine-verdict{color:#fff;background:radial-gradient(circle at 88% 6%,#b9fff05e,#0000 34%),radial-gradient(circle at 4% 104%,#0059c47a,#0000 46%),linear-gradient(125deg,#0a3f77 0%,#0874cf 44%,#0aa5cf 78%,#22c6be 100%);border-radius:22px;margin-bottom:12px;padding:20px 24px 18px;position:relative;overflow:hidden;box-shadow:0 18px 40px #07508a30,inset 0 1px #fff5}.marine-verdict:after{content:"";pointer-events:none;border:1px solid #ffffff2e;border-radius:50%;width:290px;height:290px;position:absolute;bottom:-120px;right:-70px;box-shadow:0 0 0 34px #ffffff0a}.marine-verdict-head{z-index:1;justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.marine-verdict-flag{background:var(--sea,#1697e8);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 13px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 8px 20px #00000026}.marine-verdict-flag svg{width:19px;height:19px}.marine-verdict-head em{opacity:.82;font-size:11px;font-style:normal;font-weight:800}.marine-verdict-body{z-index:1;grid-template-columns:minmax(210px,.85fr) minmax(0,1.5fr) minmax(180px,.75fr);gap:14px;margin-top:16px;display:grid;position:relative}.marine-verdict-wave{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff17;border:1px solid #fff3;border-radius:18px;flex-direction:column;justify-content:center;padding:16px 20px;display:flex}.marine-verdict-wave>span{opacity:.8;font-size:11px;font-weight:800}.marine-verdict-wave>b{letter-spacing:-2px;margin-top:2px;font-size:66px;font-weight:900;line-height:1.02}.marine-verdict-wave>b small{opacity:.85;margin-left:4px;font-size:22px;font-weight:800}.marine-verdict-wave>strong{color:var(--sea,#1697e8);background:#fff;border-radius:999px;align-self:flex-start;margin-top:8px;padding:4px 13px;font-size:12px;font-weight:900}.marine-verdict-wave>em{opacity:.78;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:10px;font-style:normal;overflow:hidden}.marine-verdict-flows{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.marine-verdict-flows .marine-direction-metric{background:linear-gradient(160deg,#fff 25%,#f0fbff);border:1px solid #d6ecf8;border-radius:18px;padding:15px 17px;box-shadow:0 10px 24px #04365f24}.marine-verdict-flows .marine-direction-top>span{font-size:11px!important}.marine-verdict-flows .marine-direction-top>em{padding:4px 8px;font-size:9px}.marine-verdict-flows .marine-direction-dial svg{width:26px;height:26px;color:var(--flow)}.marine-verdict-flows .marine-direction-dial small{min-width:24px;font-size:7px!important}.marine-verdict-flows .marine-direction-body b{letter-spacing:-1px;font-size:30px!important}.marine-verdict-air{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #fff3;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:10px;padding:15px 17px;display:grid}.marine-verdict-air>div{gap:2px;min-width:0;display:grid}.marine-verdict-air svg{opacity:.85;width:16px;height:16px}.marine-verdict-air span{opacity:.75;font-size:9px;font-weight:800}.marine-verdict-air b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;overflow:hidden}.marine-verdict-note{z-index:1;opacity:.85;border-top:1px solid #ffffff2b;margin:14px 0 0;padding-top:12px;font-size:11px;font-weight:750;position:relative}.marine-support-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.marine-support-grid>article{background:linear-gradient(150deg,#fff 20%,#f0fbff);border:1px solid #d5eaf4;border-radius:16px;align-content:start;gap:4px;min-width:0;padding:15px 16px;display:grid;box-shadow:0 8px 22px #087daf0e}.marine-support-grid>article>svg{color:#0b91a6;width:21px;height:21px}.marine-support-grid span{color:#718597;font-size:10px;font-weight:800}.marine-support-grid b{color:#123c59;font-size:19px;font-weight:900}.marine-support-grid small{color:#8093a2;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.marine-hourly-board .marine-hour-list article{flex:1 0 112px;min-width:112px}.marine-hourly-board .marine-hour-list strong{color:#0878a8;align-items:center;gap:3px;font-size:10px;font-weight:900;display:flex}.marine-hourly-board .marine-hour-list strong svg{width:12px;height:12px}@media (width<=1180px){.marine-verdict-body{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.marine-verdict-air{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=820px){.marine-verdict{padding:18px}.marine-verdict-body{grid-template-columns:minmax(0,1fr)}.marine-verdict-wave>b{font-size:54px}.marine-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.marine-verdict-flows{grid-template-columns:minmax(0,1fr)}.marine-verdict-air{grid-template-columns:repeat(2,minmax(0,1fr))}}.marine-verdict.level-normal{background:radial-gradient(circle at 88% 6%,#c6fff05e,#0000 34%),radial-gradient(circle at 4% 104%,#006f9c7a,#0000 46%),linear-gradient(125deg,#0a3f77 0%,#0b7fbe 42%,#0aa8b8 76%,#22c6ae 100%)}.marine-verdict.level-care{background:radial-gradient(circle at 88% 6%,#ffe1a85e,#0000 36%),radial-gradient(circle at 4% 104%,#b9640078,#0000 48%),linear-gradient(125deg,#0d3f6d 0%,#1f6fa8 34%,#b07615 78%,#e29b2a 100%);box-shadow:0 18px 40px #a4660030,inset 0 1px #fff5}.marine-verdict.level-high{background:radial-gradient(circle at 88% 6%,#ffd2cf5e,#0000 36%),radial-gradient(circle at 4% 104%,#a3232378,#0000 48%),linear-gradient(125deg,#10365f 0%,#305f92 30%,#b23c46 74%,#e0575c 100%);box-shadow:0 18px 40px #a03a4030,inset 0 1px #fff5}.marine-verdict.level-care .marine-verdict-wave,.marine-verdict.level-high .marine-verdict-wave{background:#ffffff1f;border-color:#ffffff4d}.marine-hourly-board .marine-hour-list strong{color:#06678f;background:#dff1fa;border-radius:999px;justify-self:start;margin-top:1px;padding:3px 8px}.marine-support-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.marine-sun-card{grid-template-columns:1fr 1px 1fr;align-items:center;gap:0 12px;display:grid!important}.marine-sun-card>div{text-align:center;justify-items:center;gap:3px;min-width:0;display:grid}.marine-sun-card svg{color:#0b91a6;width:20px;height:20px}.marine-sun-card b{font-size:17px}.marine-sun-card>i{background:#dce6ed;width:1px;height:40px}@media (width<=1180px){.marine-support-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.marine-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marine-sun-card{grid-column:1/-1}}.marine-verdict-air{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(160deg,#fff 25%,#f0fbff);border-color:#d6ecf8;box-shadow:0 10px 24px #04365f24}.marine-verdict-air svg{color:#0b91a6;opacity:1}.marine-verdict-air span{color:#536f82;opacity:1}.marine-verdict-air b{color:#123c59}.marine-verdict.level-care .marine-verdict-air,.marine-verdict.level-high .marine-verdict-air{border-color:#fff}.marine-zone-board{margin-bottom:12px;padding:19px 20px;overflow:hidden}.marine-zone-observation{color:#fff;background:radial-gradient(circle at 90% 0,#a5fff04a,#0000 35%),linear-gradient(130deg,#068bd0,#08b9c8 62%,#27cab3);border-radius:14px;gap:5px;margin-bottom:12px;padding:13px 15px;display:grid;box-shadow:0 9px 22px #058cb525}.marine-zone-observation>div{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.marine-zone-observation span{opacity:.82;font-size:9px;font-weight:800}.marine-zone-observation b{font-size:15px;font-weight:900}.marine-zone-observation em{opacity:.85;font-size:10px;font-style:normal}.marine-zone-observation small{opacity:.9;font-size:9px;font-weight:750}.marine-zone-table{overflow-x:auto}.marine-zone-head,.marine-zone-row{grid-template-columns:68px repeat(5,minmax(0,1fr));align-items:center;gap:8px;min-width:560px;padding:9px 12px;display:grid}.marine-zone-head{color:#587287;background:#eef7fb;border-radius:10px;font-size:10px;font-weight:900}.marine-zone-head span:not(:first-child),.marine-zone-row>span:not(:first-child){text-align:center;justify-self:center}.marine-zone-date{color:#fff;background:linear-gradient(130deg,#0874cf,#17a8c4);border-radius:8px;margin:12px 0 5px;padding:6px 12px;font-size:11px;font-weight:900}.marine-zone-row{border-radius:9px}.marine-zone-row:nth-child(2n){background:#eff7fb}.marine-zone-time{color:#123c59;font-size:12px;font-weight:900}.marine-zone-value{justify-content:center;align-items:baseline;gap:2px;display:flex}.marine-zone-value b{color:#123c59;font-size:15px;font-weight:900}.marine-zone-value.wave b{color:#0878a8}.marine-zone-value small{color:#8093a2;font-size:9px;font-weight:800}.marine-zone-dir{justify-items:center;gap:1px;display:grid}.marine-zone-dir svg{color:#1692ac;width:17px;height:17px;transition:transform .3s}.marine-zone-dir small{color:#6d8293;font-size:9px;font-weight:800}@media (width<=700px){.marine-zone-observation>div{gap:4px 10px}.marine-zone-observation b{font-size:13px}}.marine-weather-page .marine-tabs{z-index:6;background:#eef6fa;border:1px solid #cfe3ee;border-radius:14px;gap:4px;margin-bottom:12px;padding:5px;position:sticky;top:72px;box-shadow:0 6px 18px #12507514}.marine-weather-page .marine-tabs button{color:#52738a;height:42px;font-size:13px;font-weight:850;transition:background .18s,color .18s}.marine-weather-page .marine-tabs button:hover{color:#0a7ea8}.marine-weather-page .marine-tabs button.active{color:#fff;background:linear-gradient(130deg,#0874cf,#17a8c4);box-shadow:0 6px 16px #0876c936}@media (width<=760px){.marine-weather-page .marine-tabs{top:62px}}@media (width<=560px){.marine-weather-page .marine-tabs button{height:38px;font-size:11px}}.marine-weather-page{--ink:#16324b;--ink-soft:#6b8299;--edge:#e3eaf1;--accent-wave:#0e8f9e;--accent-wind:#1476e8;--accent-current:#0f9d76;--accent-water:#e08b2c;--accent-sun:#ef7a45;--accent-tide:#6a5ae0;--accent-rain:#4a7fb5}.marine-weather-page .marine-support-grid>article,.marine-weather-page .marine-hourly-board .marine-hour-list article,.marine-weather-page .marine-week-grid article,.marine-weather-page .marine-verdict-flows .marine-direction-metric,.marine-weather-page .marine-verdict-air{border:1px solid var(--edge);background:#fff}.marine-weather-page .marine-support-grid>article{box-shadow:0 6px 18px #1633550a}.marine-support-grid>article>svg{color:var(--metric,var(--accent-wave))}.marine-support-grid .metric-water{--metric:var(--accent-water)}.marine-support-grid .metric-period{--metric:var(--accent-wave)}.marine-support-grid .metric-rain{--metric:var(--accent-rain)}.marine-support-grid .marine-sun-card{--metric:var(--accent-sun)}.marine-support-grid .marine-sun-card svg{color:var(--accent-sun)}.marine-support-grid .metric-water b{color:var(--accent-water)}.marine-support-grid .marine-sun-card b{color:var(--ink)}.marine-weather-page .marine-wave-direction,.marine-weather-page .marine-wave-direction .marine-direction-dial.wave{--flow:var(--accent-wave);--flow-soft:#e6f7f9;--flow-glow:#0e8f9e22}.marine-weather-page .marine-direction-metric.current{--flow:var(--accent-current);--flow-soft:#e6f8f1;--flow-glow:#0f9d7622}.marine-weather-page .marine-tabs{border-color:var(--edge);background:#eaf0f6}.marine-weather-page .marine-tabs button.active{color:var(--ink);box-shadow:0 3px 12px #16335518, inset 0 -2px 0 var(--accent-wind);background:#fff}.marine-weather-page .marine-current-focus{background:linear-gradient(130deg,#0b8f6d,#17b58c);box-shadow:0 9px 22px #0f9d7626}.marine-weather-page .marine-zone-observation{border:1px solid var(--edge);border-left:4px solid var(--accent-wave);color:var(--ink);background:#fff;border-radius:12px;box-shadow:0 6px 18px #1633550a}.marine-weather-page .marine-zone-observation span{color:var(--ink-soft);opacity:1}.marine-weather-page .marine-zone-observation b{color:var(--ink)}.marine-weather-page .marine-zone-observation em{color:var(--ink-soft);opacity:1}.marine-weather-page .marine-zone-observation small{color:var(--accent-wave);opacity:1}.marine-weather-page .marine-zone-date{border-bottom:1px solid var(--edge);color:var(--ink);background:0 0;border-radius:0;padding:5px 0 6px;font-size:12px}.marine-weather-page .marine-zone-head{color:var(--ink-soft);background:#f2f6fa}.marine-weather-page .marine-zone-row:nth-child(2n){background:#f7fafc}.marine-weather-page .marine-zone-value.wave b{color:var(--accent-wave)}.marine-weather-page .marine-zone-dir svg{color:var(--accent-wind)}.marine-weather-page .marine-hourly-board .marine-hour-list svg{color:var(--accent-rain)}.marine-weather-page .marine-hourly-board .marine-hour-list strong{color:var(--accent-wave);background:#e8f4f6}.marine-weather-page .marine-week-grid time{color:var(--ink-soft)}.marine-weather-page .marine-week-grid svg{color:var(--accent-rain)}.marine-weather-page .marine-week-grid strong{color:var(--accent-wave)}.marine-weather-page .marine-section-head>svg{color:var(--accent-tide)}.marine-verdict-flows{gap:9px}.marine-verdict-flows .marine-direction-metric{padding:12px 13px;gap:4px!important}.marine-verdict-flows .marine-direction-metric:after{display:none}.marine-verdict-flows .marine-direction-body{gap:8px}.marine-verdict-flows .marine-direction-dial{flex:0 0 44px;width:44px;height:44px}.marine-verdict-flows .marine-direction-dial svg{width:21px;height:21px}.marine-verdict-flows .marine-direction-body b{font-size:25px!important}.marine-verdict-flows .marine-direction-body b small{font-size:10px!important}.marine-verdict-flows .marine-direction-body strong{margin-top:2px;font-size:9px}.marine-verdict-flows .marine-speed-bars{height:9px}.marine-verdict-flows .marine-speed-bars i{height:3px}.marine-verdict-flows .marine-speed-bars i:nth-child(2){height:4px}.marine-verdict-flows .marine-speed-bars i:nth-child(3){height:6px}.marine-verdict-flows .marine-speed-bars i:nth-child(4){height:7px}.marine-verdict-flows .marine-speed-bars i:nth-child(5){height:9px}@media (width<=1180px) and (width>=821px){.marine-verdict-body{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)}}@media (width<=820px){.marine-verdict-body{grid-template-columns:minmax(0,1fr)}.marine-verdict-flows{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.marine-verdict-flows{grid-template-columns:minmax(0,1fr)}}.stats-period{justify-items:end;gap:4px;display:grid}.stats-period input{border:1px solid var(--line);color:#16324b;background:#fff;border-radius:9px;height:40px;padding:0 12px;font-size:14px;font-weight:800}.stats-period em{color:var(--muted);font-size:11px;font-style:normal;font-weight:700}.marine-verdict-body{grid-template-columns:minmax(230px,1.15fr) minmax(150px,.72fr) minmax(190px,.92fr)}.marine-verdict-wave{justify-content:flex-start}.marine-verdict-wind{border-top:1px solid #fff3;align-items:center;gap:9px;margin-top:12px;padding-top:11px;display:flex}.marine-verdict-wind>svg{opacity:.9;width:22px;height:22px;transition:transform .3s}.marine-verdict-wind>div{display:grid}.marine-verdict-wind small{opacity:.78;font-size:9px;font-weight:800}.marine-verdict-wind b{font-size:21px;font-weight:900;line-height:1.1}.marine-verdict-wind b i{opacity:.82;margin-left:2px;font-size:10px;font-style:normal;font-weight:800}.marine-verdict-wind>span{opacity:.8;text-align:right;margin-left:auto;font-size:9px;font-weight:750}.marine-verdict-tide{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff17;border:1px solid #fff3;border-radius:18px;flex-direction:column;justify-content:center;padding:16px 18px;display:flex}.marine-verdict-tide>span{opacity:.8;font-size:11px;font-weight:800}.marine-verdict-tide>b{letter-spacing:-1px;margin-top:2px;font-size:40px;font-weight:900;line-height:1.05}.marine-verdict-tide>strong{color:var(--sea,#1697e8);background:#fff;border-radius:999px;align-self:flex-start;margin-top:8px;padding:4px 12px;font-size:12px;font-weight:900}.marine-verdict-tide>em{opacity:.8;margin-top:8px;font-size:10px;font-style:normal;line-height:1.4}@media (width<=1180px) and (width>=821px){.marine-verdict-body{grid-template-columns:minmax(0,1.15fr) minmax(0,.72fr)}}@media (width<=820px){.marine-verdict-body{grid-template-columns:minmax(0,1fr)}}.marine-verdict-tide-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.marine-verdict-tide-values>div{gap:1px;min-width:0;display:grid}.marine-verdict-tide-values small{opacity:.75;font-size:9px;font-weight:800}.marine-verdict-tide-values b{font-size:15px;font-weight:900}.marine-verdict-tide-values b i{opacity:.82;margin-left:1px;font-size:9px;font-style:normal;font-weight:800}.tide-strength{gap:5px;margin-top:12px;display:grid}.tide-strength-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tide-strength-head small{opacity:.75;font-size:9px;font-weight:800}.tide-strength-head b{font-size:12px;font-weight:900}.tide-strength-bar{background:#ffffff38;border-radius:999px;height:8px;overflow:hidden}.tide-strength-bar span{opacity:.92;background:currentColor;border-radius:999px;height:100%;transition:width .35s;display:block}.tide-strength em{opacity:.7;font-size:9px;font-style:normal;font-weight:700;line-height:1.4}.today-advice{margin-bottom:16px}.today-advice-value{color:var(--navy);margin-top:14px;font-size:26px;font-weight:700;display:block}.today-advice-areas{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.today-advice-areas li{border:1px solid var(--line);background:var(--surface-soft,#f5f9fd);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.today-advice-areas b{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.today-advice-areas span{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:700}.tide-phase-panel .weekday-chart{grid-template-columns:repeat(15,minmax(30px,1fr));gap:4px;overflow-x:auto}.tide-phase-panel .weekday-chart strong{font-size:11px}.tide-phase-panel .weekday-chart small,.tide-phase-panel .weekday-chart span{font-size:9px}.tide-phase-panel .weekday-chart i b{width:min(18px,80%)}.tide-phase-note{color:var(--muted);margin:12px 0 0;font-size:12px}.ground-map{border:1px solid var(--line);border-radius:14px;width:100%;height:620px;margin-top:12px;overflow:hidden}.ground-map-empty{background:var(--surface-muted,#f4f7f9);color:var(--muted,#5a6b75);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.ground-condition{background:#eaf5fd;border:1px solid #bfe0f7;border-radius:14px;margin-top:14px;padding:14px 16px}.ground-condition>b{letter-spacing:.08em;color:#0b66c3;font-size:13px}.ground-condition>div{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ground-condition span{color:#fff;background:#0c8ce0;border-radius:999px;padding:5px 12px;font-size:15px;font-weight:700}.ground-condition p{color:#2c5876;margin:10px 0 0;font-size:14px}.ground-advice-item{border:1px solid var(--line);text-align:left;cursor:pointer;width:100%;font:inherit;background:#fff;border-radius:14px;margin-top:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:block}.ground-advice-item:hover,.ground-advice-item:focus-visible{border-color:#0c8ce0;box-shadow:0 2px 10px #0c8ce02e}.ground-advice-item header svg{color:#0c8ce0;width:20px;height:20px;margin-left:auto}.ground-advice-coordinate{color:#2c5876;font-variant-numeric:tabular-nums;background:#f2f6f9;border-radius:8px;margin:10px 0 0;padding:6px 10px;font-size:14px;font-weight:700}.ground-advice-item header{align-items:center;gap:12px;display:flex}.ground-advice-rank{color:#fff;background:#0c8ce0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:flex}.ground-advice-item b{color:var(--ink,#17323d);font-size:17px;display:block}.ground-advice-item header small{color:var(--muted,#5a6b75);font-size:14px}.ground-advice-factors{gap:6px;margin-top:12px;display:grid}.ground-advice-factors>div{grid-template-columns:68px 1fr 40px;align-items:center;gap:10px;display:grid}.ground-advice-factors span{color:#5a6b75;font-size:13px}.ground-advice-factors i{background:#e7eef3;border-radius:999px;height:8px;display:block;overflow:hidden}.ground-advice-factors i b{background:linear-gradient(90deg,#17b8d4,#0c8ce0);border-radius:999px;height:100%;display:block}.ground-advice-factors small{color:#8a99a4;text-align:right;font-size:12px}.ground-advice-tie{color:#8a5a12;background:#fff5e6;border:1px solid #ffd9a0;border-radius:10px;margin:10px 0 0;padding:8px 12px;font-size:14px}.ground-advice-item ul{margin:10px 0 0;padding-left:20px;font-size:15px;line-height:1.8}.ground-advice-item li{color:#405a6b}.ground-season-tabs{gap:6px;margin-top:12px;display:flex}.ground-season-tabs button{border:1px solid var(--line);width:96px;color:var(--muted);cursor:pointer;text-align:center;background:#fff;border-radius:999px;flex:none;padding:8px 0;font-size:12px;font-weight:700}.ground-season-tabs button.active{color:#0c8ce0;background:#eaf5fd;border-color:#0c8ce0}.ledger-draft-badge{color:#8a5a12;background:#fff5e6;border:1px solid #ffd9a0;border-radius:999px;margin-top:4px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:700;display:inline-block}.cast-gap-label{white-space:nowrap!important;background:#ffffffed!important;border:1px solid #0284c757!important;border-radius:999px!important;padding:4px 8px!important;box-shadow:0 2px 8px #07598524!important}.tide-track{background:linear-gradient(160deg,#fbfeff,#eef8fd);border:1px solid #d6e9f2;border-radius:16px;margin-top:14px;padding:16px 18px 14px}.tide-track-ends{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.tide-track-end{gap:2px;display:grid}.tide-track-end.right{text-align:right}.tide-track-end small{color:#6c8798;font-size:12px;font-weight:800}.tide-track-end b{letter-spacing:-1.2px;font-size:30px;line-height:1.05}.tide-track-end em{color:#5d7889;font-size:13px;font-style:normal;font-weight:700}.tide-track-end.high b{color:#df443c}.tide-track-end.low b{color:#2569c5}.tide-track-bar{background:#dbeaf3;border-radius:999px;height:14px;margin:34px 4px 30px;position:relative}.tide-track-fill{background:linear-gradient(90deg,#22b8d8,#0d8ccd);border-radius:999px;height:100%;position:absolute;top:0;left:0}.tide-track-mark{border-radius:2px;width:4px;height:24px;position:absolute;top:-5px;transform:translate(-50%)}.tide-track-mark em{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:12px;font-style:normal;font-weight:800;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.tide-track-mark.slack{background:#12a37a}.tide-track-mark.slack em{color:#0b7a5b;background:#dcf7ec}.tide-track-mark.peak{background:#f08a1d}.tide-track-mark.peak em{color:#a35c07;background:#fdeed7}.tide-track-now{z-index:3;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.tide-track-now i{background:#0b4a6f;border:4px solid #fff;border-radius:50%;width:20px;height:20px;display:block;box-shadow:0 3px 10px #0b4a6f4d}.tide-track-now em{color:#fff;white-space:nowrap;background:#0b4a6f;border-radius:999px;padding:4px 10px;font-size:13px;font-style:normal;font-weight:900;position:absolute;top:26px;left:50%;transform:translate(-50%)}.tide-track-note{color:#4d6f83;margin:0;font-size:13px;line-height:1.6}.tide-track-note b{color:#0b7a5b;font-weight:900}.tide-day-list{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px;margin-top:12px;display:grid}.tide-day-list article{text-align:center;background:#f2f8fb;border-radius:12px;gap:3px;padding:12px 8px;display:grid}.tide-day-list b{font-size:14px}.tide-day-list time{color:#6c8798;font-size:15px;font-weight:800}.tide-day-list strong{letter-spacing:-.5px;font-size:17px}.tide-day-list small{letter-spacing:0;font-size:11px}.tide-day-list article.high b,.tide-day-list article.high strong{color:#df443c}.tide-day-list article.low b,.tide-day-list article.low strong{color:#2569c5}@media (width<=700px){.tide-track{padding:14px}.tide-track-end b{font-size:25px}.tide-track-bar{margin:32px 2px 28px}.tide-track-mark em{padding:2px 6px;font-size:11px}}.marine-verdict-air{gap:10px 14px;grid-template-columns:repeat(4,minmax(0,1fr))!important}.marine-verdict-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.marine-verdict-foot .marine-verdict-note{flex:240px;margin:0}.marine-verdict-sun{gap:10px;display:flex}.marine-verdict-sun span{background:#ffffff1f;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:flex}.marine-verdict-sun svg{width:16px;height:16px}.marine-verdict-sun small{opacity:.8;font-size:11px;font-weight:800}.marine-verdict-sun b{font-size:14px;font-weight:900}.marine-tide-board{margin-bottom:12px}.tide-board-row{grid-template-columns:minmax(150px,.62fr) minmax(150px,.62fr) minmax(340px,2.1fr);align-items:stretch;gap:12px;display:grid}.tide-board-row .marine-current-focus,.tide-board-row .marine-tide-now,.tide-board-row .tide-track{margin:0}.tide-board-row .marine-current-focus{align-content:end}.tide-board-row .marine-tide-now{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:14px 16px}.marine-tide-board .tide-day-list{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1100px){.tide-board-row{grid-template-columns:1fr 1fr}.tide-board-row .tide-track{grid-column:1/-1}}@media (width<=700px){.marine-verdict-air{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tide-board-row{grid-template-columns:1fr}.marine-tide-board .tide-day-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.tide-track-bar{overflow:visible}.tide-track-band{border-radius:999px;place-items:center;height:100%;display:grid;position:absolute;top:0}.tide-track-band.flood{background:linear-gradient(90deg,#ff8f73,#ef5148)}.tide-track-band.ebb{background:linear-gradient(90deg,#5da2f0,#2569c5)}.tide-track-band.unsure{background:#b9c9d5}.tide-track-band em{color:#fff;letter-spacing:.5px;text-shadow:0 1px 2px #0003;font-size:10px;font-style:normal;font-weight:900}.tide-track-change{z-index:2;background:#0e9e77;border-radius:2px;width:3px;height:32px;position:absolute;top:-9px;transform:translate(-50%)}.tide-track-change em{color:#fff;white-space:nowrap;background:#0e9e77;border-radius:999px;padding:3px 9px;font-size:12px;font-style:normal;font-weight:900;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #0e9e7740}.tide-flow-now{border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 8px;padding:12px 16px;display:flex}.tide-flow-now.flood{color:#c9382f;background:linear-gradient(110deg,#fff2f0,#ffe4df)}.tide-flow-now.ebb{color:#1f5fb5;background:linear-gradient(110deg,#eef6ff,#e3eeff)}.tide-flow-now.unsure{color:#5b7284;background:#f1f5f8}.tide-flow-now b{letter-spacing:-.5px;font-size:22px;font-weight:900}.tide-flow-now span{font-size:14px;font-weight:800}.tide-flow-now small{opacity:.7;margin-left:auto;font-size:11px;font-weight:700}.marine-verdict-air>div.divide{position:relative}.marine-verdict-air>div.divide:before{content:"";background:#ffffff40;width:1px;position:absolute;top:-4px;bottom:-4px;left:-7px}@media (width<=700px){.marine-verdict-air>div.divide:before{width:auto;height:1px;inset:-6px 0 auto}}.marine-hourly-board{margin-bottom:12px}.marine-week-board{margin-top:12px}.marine-verdict-body{margin-bottom:10px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important}.marine-verdict-air{background:#ffffffef;border-radius:16px;gap:14px 0;margin-bottom:10px;padding:16px 20px;display:grid;box-shadow:0 10px 26px #05365512;grid-template-columns:repeat(8,minmax(0,1fr))!important}.marine-verdict-air>div{color:#123c59;padding:0 14px}.marine-verdict-air svg{color:#0b91a6;opacity:1;width:17px;height:17px}.marine-verdict-air span{color:#6d8497;font-size:12px;font-weight:800}.marine-verdict-air b{color:#0d3b58;letter-spacing:-.4px;font-size:19px;font-weight:900}.marine-verdict-air>div.divide{border-left:1px solid #d5e5ee}.marine-verdict-foot{align-items:center}.marine-verdict-sun span{color:#0d3b58;background:#fff;border:0;border-radius:999px;padding:8px 15px;box-shadow:0 6px 16px #05365522}.marine-verdict-sun svg{color:#e08b1f;opacity:1}.marine-verdict-sun small{color:#6d8497;font-size:12px}.marine-verdict-sun b{color:#0d3b58;font-size:15px}@media (width<=1100px){.marine-verdict-air{grid-template-columns:repeat(4,minmax(0,1fr))!important}.marine-verdict-air>div.divide{border-top:1px solid #d5e5ee;border-left:0;margin-top:2px;padding-top:12px}.marine-verdict-air>div:nth-child(n+5){border-top:1px solid #d5e5ee;margin-top:2px;padding-top:12px}}@media (width<=700px){.marine-verdict-body{grid-template-columns:minmax(0,1fr)!important}.marine-verdict-air{padding:14px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.marine-verdict-air>div{padding:0 8px}.marine-verdict-air>div:nth-child(n+3){border-top:1px solid #d5e5ee;margin-top:2px;padding-top:12px}.marine-verdict-foot{flex-direction:column;align-items:flex-start}}.marine-top-grid{grid-template-columns:minmax(0,1fr) minmax(232px,.29fr);align-items:stretch;gap:12px;margin-bottom:12px;display:grid}.marine-top-grid .marine-verdict{margin-bottom:0}.marine-air-panel{flex-direction:column;padding:18px 20px;display:flex}.marine-air-panel .marine-air-list{flex:1;align-content:space-between}.marine-air-head{margin-bottom:12px}.marine-air-head .eyebrow{color:#0b91a6}.marine-air-head h2{color:#082f49;margin:3px 0 0;font-size:17px}.marine-air-list{gap:11px;display:grid}.marine-air-list>div{border-bottom:1px solid #eaf1f5;grid-template-columns:20px 1fr auto;align-items:center;gap:9px;padding-bottom:10px;display:grid}.marine-air-list>div:last-child{border-bottom:0;padding-bottom:0}.marine-air-list svg{color:#0b91a6;grid-column:1;width:17px;height:17px}.marine-air-list span{color:#6d8497;grid-column:2;font-size:13px;font-weight:800}.marine-air-list b{color:#0d3b58;letter-spacing:-.3px;grid-column:3;font-size:17px;font-weight:900}.marine-verdict-water{align-items:center;gap:8px;margin-top:9px;display:flex}.marine-verdict-water svg{opacity:.9;width:18px;height:18px}.marine-verdict-water small{opacity:.78;font-size:11px;font-weight:800;display:block}.marine-verdict-water b{letter-spacing:-.4px;font-size:19px;font-weight:900}@media (width<=1100px){.marine-top-grid{grid-template-columns:minmax(0,1fr)}.marine-air-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px}.marine-air-list>div{border-bottom:0;padding-bottom:0}}@media (width<=700px){.marine-air-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.marine-verdict-stats{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end;gap:14px;display:grid}.marine-verdict-stats .marine-verdict-wind{margin:0}.marine-verdict-water{margin-top:0}@media (width<=520px){.marine-verdict-stats{grid-template-columns:minmax(0,1fr)}}.tide-day-list article.past{opacity:.5}.marine-top-grid{align-items:start}.marine-air-panel{display:block}.marine-verdict-foot{margin-top:14px}@media (width<=700px){.marine-verdict-foot{gap:12px}.marine-verdict-sun{width:100%}.marine-verdict-sun span{flex:1;justify-content:center}}.tide-track-end b i{vertical-align:middle;letter-spacing:0;border-radius:999px;margin-right:5px;padding:2px 7px;font-size:12px;font-style:normal;font-weight:900}.tide-track-end.high b i{color:#fff;background:#df443c}.tide-track-end.low b i{color:#fff;background:#2569c5}.marine-top-grid>.marine-verdict,.marine-top-grid>.marine-air-panel{align-self:start;height:fit-content}.haul-pick{cursor:pointer;color:#c4d2dc;place-items:center;width:34px;display:grid}.haul-pick svg{width:22px;height:22px}.haul-pick:hover{color:#8fa6b5}.haul-pick.picked{color:#0b8ccd}.haul-pick:focus-visible{outline-offset:2px;border-radius:50%;outline:2px solid #0b8ccd}.ledger-pending-table .tr:has(.haul-pick.picked){background:#eef7fd}.haul-pick-bar{z-index:3;background:#f5fbff;border:1px solid #cfe6f5;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:10px;padding:14px 18px;display:flex;position:sticky;bottom:0;box-shadow:0 -6px 18px #0836551a}.haul-pick-bar>div:first-child{gap:3px;display:grid}.haul-pick-bar b{color:#0d3b58;font-size:15px}.haul-pick-bar small{color:#5f7b8d;font-size:12px;line-height:1.5}.haul-pick-bar>div:last-child{align-items:center;gap:10px;display:flex}.haul-pick-bar.mixed{background:#fff8f1;border-color:#f3c9a8}.haul-pick-bar.mixed small{color:#a35c07}@media (width<=700px){.haul-pick-bar{flex-direction:column;align-items:stretch}.haul-pick-bar>div:last-child{justify-content:flex-end}}.app-group-table .haul-area-group>.tr{grid-template-columns:34px 90px minmax(180px,1fr) auto}@media (width<=700px){.app-group-table .haul-area-group>.tr{grid-template-columns:34px 64px minmax(0,1fr)}}.marine-zone-raw{color:#78909f;letter-spacing:0;margin-top:2px;font-size:11px;font-style:normal;font-weight:700;display:block}.marine-zone-value{flex-wrap:wrap}.marine-zone-value .marine-zone-raw{text-align:center;flex:0 0 100%}.tide-calendar-nav{align-items:center;gap:10px;display:flex}.tide-calendar-nav b{text-align:center;min-width:92px;font-size:14px;font-weight:900}.tide-calendar-nav button{border:1px solid var(--line);background:var(--surface);width:30px;height:30px;color:inherit;cursor:pointer;border-radius:10px;font-size:17px;line-height:1}.tide-calendar-nav button:hover{background:var(--surface-strong,#0000000a)}.tide-calendar-list{overscroll-behavior:contain;gap:6px;max-height:60vh;margin-top:12px;padding-right:4px;display:grid;position:relative;overflow-y:auto}.tide-calendar-list::-webkit-scrollbar{width:8px}.tide-calendar-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.tide-calendar-list article{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:46px 68px minmax(90px,1fr) minmax(0,1.5fr);align-items:center;gap:12px;padding:9px 12px;display:grid}.tide-calendar-list article.today{border-color:var(--accent,#1f7ae0);box-shadow:0 0 0 1px var(--accent,#1f7ae0) inset}.tide-calendar-date{align-items:baseline;gap:5px;display:flex}.tide-calendar-date b{font-size:16px;font-weight:900}.tide-calendar-date small{opacity:.65;font-size:11px;font-weight:800}.tide-calendar-date small.sun{color:#d9453c;opacity:.9}.tide-calendar-date small.sat{color:#2f6fd0;opacity:.9}.tide-calendar-phase{gap:1px;display:grid}.tide-calendar-phase b{font-size:13px;font-weight:900}.tide-calendar-phase small{opacity:.62;font-size:10px;font-weight:700}.tide-calendar-strength{gap:4px;min-width:0;display:grid}.tide-calendar-bar{background:var(--line);border-radius:999px;height:7px;overflow:hidden}.tide-calendar-bar span{background:linear-gradient(90deg,#4c9be8,#d9453c);border-radius:999px;height:100%;display:block}.tide-calendar-strength small{opacity:.62;font-size:10px;font-weight:700}.tide-calendar-extremes{flex-wrap:wrap;gap:4px 6px;min-width:0;display:flex}.tide-calendar-extremes span{white-space:nowrap;border-radius:999px;align-items:baseline;gap:3px;padding:2px 7px;font-size:11px;font-weight:800;display:inline-flex}.tide-calendar-extremes span.high{color:#b3352d;background:#d9453c1f}.tide-calendar-extremes span.low{color:#2560b8;background:#2f6fd01f}.tide-calendar-extremes i{opacity:.8;font-size:9px;font-style:normal;font-weight:900}.tide-calendar-extremes em{opacity:.72;font-size:9px;font-style:normal;font-weight:700}.tide-calendar-note{opacity:.68;margin-top:12px;font-size:11px;line-height:1.6}@media (width<=720px){.tide-calendar-list article{grid-template-columns:46px 64px minmax(0,1fr);row-gap:8px}.tide-calendar-extremes{grid-column:1/-1}}.sea-loading{text-align:center;align-content:center;justify-items:center;gap:10px;min-height:180px;padding:38px 20px;display:grid}.sea-loading b{color:var(--text);font-size:14px;font-weight:800}.sea-loading small{opacity:.62;font-size:12px;font-weight:600;line-height:1.5}.sea-loading-dots{align-items:flex-end;gap:7px;height:26px;display:flex}.sea-loading-dots i{border-radius:50%;width:10px;height:10px;animation:1.05s linear infinite sea-loading-bob;display:block}.sea-loading-dots i:first-child{background:#1f6feb;animation-delay:0s}.sea-loading-dots i:nth-child(2){background:#13a6e2;animation-delay:.14s}.sea-loading-dots i:nth-child(3){background:#2acfc5;animation-delay:.28s}@keyframes sea-loading-bob{0%,to{opacity:.45;transform:translateY(4px)scale(.78)}50%{opacity:1;transform:translateY(-6px)scale(1.12)}}.sea-loading-rows{gap:8px;width:100%;max-width:560px;margin-top:6px;display:grid}.sea-loading-rows span{background:linear-gradient(90deg, var(--line) 25%, #7f7f7f14 37%, var(--line) 63%);background-size:400% 100%;border-radius:10px;height:34px;animation:1.4s infinite sea-loading-sheen;display:block}@keyframes sea-loading-sheen{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.sea-loading-dots i,.sea-loading-rows span{animation-duration:2.4s}.sea-loading-dots i{animation-name:sea-loading-fade}}@keyframes sea-loading-fade{0%,to{opacity:.45}50%{opacity:1}}.spinning{animation:1s linear infinite sea-spin}@keyframes sea-spin{to{transform:rotate(360deg)}}.wind-outlook-panel{margin-top:15px}.wind-outlook-caveat{color:#8a5a00;background:#fff8ec;border:1px solid #ffd8a8;border-radius:10px;margin:12px 0 14px;padding:11px 14px;font-size:12px;line-height:1.65}.wind-outlook-caveat b{font-weight:900}.wind-outlook-list{gap:6px;display:grid}.wind-outlook-head{color:#fff;background:#17323d;border-radius:10px;grid-template-columns:84px 26px 46px minmax(0,1fr) 76px;align-items:center;gap:10px;margin-bottom:2px;padding:8px 13px;font-size:11px;font-weight:850;display:grid}.wind-outlook-head-dir{grid-column:2/4}.wind-outlook-head-speed{text-align:right;grid-column:4/6}.wind-outlook-list article{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:84px 26px 46px minmax(0,1fr) 76px;align-items:center;gap:10px;padding:9px 13px;display:grid}.wind-outlook-list article.today{border-color:var(--accent,#1f7ae0);box-shadow:0 0 0 1px var(--accent,#1f7ae0) inset}.wind-outlook-list time{font-size:12px;font-weight:850}.wind-outlook-list small{opacity:.7;font-size:11px;font-weight:750}.wind-outlook-list b{text-align:right;font-size:15px;font-weight:900}.wind-outlook-list b i{opacity:.75;margin-left:2px;font-size:9px;font-style:normal;font-weight:800}.wind-outlook-arrow{place-items:center;display:grid}.wind-outlook-arrow svg{color:#1f8ba3;width:17px;height:17px}.wind-outlook-bar{background:var(--line);border-radius:999px;height:8px;overflow:hidden}.wind-outlook-bar span{background:linear-gradient(90deg,#3f9ad8,#e4a13c 62%,#d9453c);border-radius:999px;height:100%;display:block}.wind-outlook-note{opacity:.68;margin-top:12px;font-size:11px;line-height:1.6}@media (width<=620px){.wind-outlook-list article,.wind-outlook-head{grid-template-columns:72px 24px minmax(0,1fr) 68px;gap:8px}.wind-outlook-list small{display:none}.wind-outlook-head-dir{grid-column:2/3}.wind-outlook-head-speed{grid-column:3/5}}.wave-kind{vertical-align:middle;background:#ffffff38;border-radius:5px;margin-left:5px;padding:1px 5px;font-size:8px;font-style:normal;font-weight:800}.wave-spread{border-top:1px solid #fff3;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin-top:10px;padding-top:9px;display:grid}.wave-spread>div{align-items:baseline;gap:5px;display:flex}.wave-spread small{opacity:.72;font-size:9px;font-weight:800}.wave-spread b{font-size:15px;font-weight:900}.wave-spread b i{opacity:.8;margin-left:1px;font-size:9px;font-style:normal;font-weight:800}.wave-spread .peak b{color:#ffd9d4}.wave-spread em{opacity:.68;grid-column:1/-1;font-size:9px;font-style:normal;font-weight:700;line-height:1.45}.marine-zone-spread{opacity:.78;margin-top:4px;font-size:12px;font-weight:800;display:block}.wave-map-info small{opacity:.72;margin-top:2px;font-size:10px;font-weight:700;display:block}.marine-rougher-warning{color:#8a5a00;background:#fff8ec;border:1px solid #ffd8a8;border-radius:10px;margin-top:8px;padding:9px 12px;font-size:12px;font-weight:800;line-height:1.5}.crab-page{--ink:#12243d;--ink-2:#3f5c80;--soft:var(--muted,#718096);--hair:var(--line,#dfe7f1);--up:#e0453f;--down:var(--blue,#1677f2);border:1px solid var(--hair);max-width:820px;color:var(--ink);font-variant-numeric:tabular-nums;background:#fff;border-radius:12px;margin-inline:auto;padding:21px;box-shadow:0 2px 6px #16375b0a}.crab-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.crab-head h2{color:var(--navy,#0b2b55);margin:0 0 5px;font-size:18px;font-weight:800}.crab-head p{color:var(--soft);margin:0;font-size:13px;font-weight:500}.crab-refresh{border:1px solid var(--hair);color:var(--blue,#1677f2);cursor:pointer;white-space:nowrap;background:#fff;border-radius:9px;align-items:center;gap:5px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex}.crab-refresh:hover{background:var(--pale,#f3f7fb);border-color:#c6d8ee}.crab-lead{background:var(--pale,#f3f7fb);border-radius:11px;margin-top:18px;padding:16px 18px}.crab-lead-where{color:var(--ink-2);margin:0;font-size:12px;font-weight:800}.crab-lead-figure{flex-wrap:wrap;align-items:baseline;gap:9px;margin-top:8px;display:flex}.crab-lead-figure strong{letter-spacing:-2px;color:var(--navy,#0b2b55);font-size:46px;font-weight:800;line-height:1}.crab-lead .crab-unit{color:var(--ink-2);font-size:15px;font-weight:700}.crab-lead .crab-tag{align-self:center;height:27px;padding:0 12px;font-size:13px}.crab-lead-foot{color:var(--soft);margin:11px 0 0;font-size:12px;font-weight:500}.crab-stale{color:#8a5f10;margin:11px 0 0;font-size:12px;font-weight:700}.crab-range{color:var(--soft);letter-spacing:0;margin-top:1px;font-size:11px;font-weight:600;display:block}.crab-row strong{flex-wrap:wrap}.crab-section{border-top:1px solid var(--hair);margin-top:28px;padding-top:17px}.crab-section-head h3{color:var(--navy,#0b2b55);margin:0;font-size:15px;font-weight:800}.crab-section-head>span{color:var(--soft);margin-top:4px;font-size:12px;font-weight:500;line-height:1.6;display:block}.crab-group{margin-top:16px}.crab-group-name{color:var(--ink-2);margin:0 0 6px;font-size:12px;font-weight:800}.crab-group-name span{color:var(--soft);margin-left:6px;font-size:11px;font-weight:600}.crab-group.quiet{margin-top:20px}.crab-group.quiet .crab-row strong{font-size:15px;font-weight:700}.crab-rows{display:grid}.crab-row{border-bottom:1px solid var(--hair);grid-template-columns:52px minmax(0,1fr) 128px 74px;align-items:center;column-gap:12px;padding:11px 0;display:grid}.crab-row.head{color:var(--soft);padding:0 0 7px;font-size:11px;font-weight:700}.crab-row.head span:not(:first-child){text-align:right}.crab-row strong{letter-spacing:-.5px;color:var(--ink);justify-content:flex-end;align-items:baseline;gap:9px;font-size:20px;font-weight:800;display:flex}.crab-origin{color:var(--ink-2);text-align:left;flex:1;order:-1;font-size:13px;font-weight:700}.crab-qty{text-align:right;color:var(--soft);font-size:12px;font-weight:600}.crab-qty small{color:#a9bdd0;margin-top:1px;font-size:10px;font-weight:600;display:block}.crab-west{border-top:1px dashed var(--hair);margin-top:26px;padding-top:16px}.crab-west>h4{color:var(--soft);margin:0 0 4px;font-size:12px;font-weight:800}.crab-west .crab-row strong{font-size:16px;font-weight:700}.crab-fold{border:1px solid var(--hair);background:var(--pale,#f3f7fb);width:100%;color:var(--ink-2);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:14px;padding:11px 14px;font-size:13px;font-weight:800;display:flex}.crab-fold:hover{border-color:#c6d8ee}.crab-fold svg{transition:transform .18s}.crab-fold.on svg{transform:rotate(180deg)}.crab-fold.on{color:var(--soft);background:#fff;font-weight:700}.crab-total{color:var(--soft);text-align:right;margin:9px 0 0;font-size:12px;font-weight:600}.crab-tag{--tone:#3f5c80;--on:#fff;background:var(--tone);min-width:34px;height:23px;color:var(--on);letter-spacing:-.2px;white-space:nowrap;border-radius:7px;justify-self:start;place-items:center;padding:0 9px;font-size:12px;font-style:normal;font-weight:800;display:inline-grid}.crab-tag[data-grade=대]{--tone:#0b2b55}.crab-tag[data-grade=대중]{--tone:#1c4478}.crab-tag[data-grade=중]{--tone:#2f66a8}.crab-tag[data-grade=중소]{--tone:#5b93cc}.crab-tag[data-grade=소]{--tone:#9fc3e4;--on:#0b2b55}.crab-tag[data-grade=소소]{--tone:#cfe2f4;--on:#0b2b55}.crab-tag[data-grade=등급없음],.crab-tag[data-grade=B급],.crab-tag[data-grade=전체],.crab-tag[data-grade=""]{--tone:transparent;--on:var(--soft,#718096);box-shadow:inset 0 0 0 1px var(--line,#dfe7f1)}.crab-change{white-space:nowrap;justify-self:end;font-size:13px;font-weight:800}.crab-change i{opacity:.82;font-style:normal;font-weight:600}.crab-change.up{color:var(--up)}.crab-change.down{color:var(--down)}.crab-change.flat{color:var(--soft);font-size:12px;font-weight:700}.crab-change.none{color:#a9bdd0;font-size:12px;font-weight:600}.crab-change.big{background:#fff;border-radius:8px;place-self:center;padding:5px 11px;font-size:14px}.crab-aside{border-left:3px solid var(--orange,#f59e0b);color:#8a5f10;background:#fff8ec;border-radius:0 9px 9px 0;margin:15px 0 0;padding:11px 14px;font-size:13px;font-weight:700}.crab-aside b{margin-right:7px;font-weight:800}.crab-aside small{color:#a8823c;margin-top:4px;font-size:11px;font-weight:500;line-height:1.5;display:block}.crab-thin{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);text-align:center;color:var(--soft);margin:16px 0 0;padding:22px 0;font-size:13px;font-weight:600}.crab-source{color:#9aabbd;margin:13px 0 0;font-size:11px;font-weight:500;line-height:1.5}.crab-species{background:var(--pale,#f3f7fb);border-radius:10px;gap:3px;margin-top:11px;padding:3px;display:inline-flex}.crab-species button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 17px;font-size:13px;font-weight:800}.crab-species button.on{background:var(--blue,#1677f2);color:#fff}.crab-empty{color:var(--soft);justify-items:center;gap:7px;padding:56px 20px;display:grid}.crab-empty b{color:var(--ink);font-size:15px;font-weight:800}.crab-empty small{font-size:12px;font-weight:500}.crab-empty button{background:var(--blue,#1677f2);color:#fff;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:5px;margin-top:8px;padding:9px 16px;font-size:13px;font-weight:800;display:inline-flex}@media (width<=480px){.crab-page{border-inline:0;border-radius:0;padding:16px}.crab-lead-figure strong{letter-spacing:-1.4px;font-size:38px}.crab-lead-figure .crab-change.big{flex-basis:100%;margin-top:2px}.crab-row{grid-template-columns:46px minmax(0,1fr) 104px;column-gap:9px}.crab-row strong{font-size:18px}.crab-row .crab-qty{grid-column:2/4;margin-top:2px}.crab-row.head span:last-child{display:none}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}