:root{--navy:#012b66;--navy-deep:#001d47;--azure:#0155a0;--cyan:#00d4ff;--ink:#0b1a2e;--muted:#5b6b82;--paper:#f6f8fb;--card:#ffffff;--line:#dfe7f1;--danger:#b3261e;--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.5;-webkit-text-size-adjust:100%}a{color:var(--azure)}img{max-width:100%;height:auto}.container{max-width:720px;margin:0 auto;padding:1.25rem 1rem 3rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;box-shadow:0 1px 2px rgba(1,43,102,.06)}.page-title{margin:0 0 .25rem;font-size:1.5rem;color:var(--navy)}.page-sub{margin:0 0 1.25rem;color:var(--muted)}.field{margin-bottom:1rem}.field label{display:block;font-weight:600;margin-bottom:.375rem;color:var(--navy)}.input,textarea.input{width:100%;padding:.75rem .875rem;font-size:1rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink)}.input:focus{outline:2px solid var(--azure);outline-offset:1px;border-color:var(--azure)}.checkbox-row{display:flex;gap:.625rem;align-items:flex-start;margin-bottom:1rem}.checkbox-row input[type=checkbox]{width:1.25rem;height:1.25rem;margin-top:.15rem;accent-color:var(--azure)}.btn{display:inline-block;width:100%;padding:.875rem 1rem;font-size:1rem;font-weight:700;text-align:center;color:#fff;background:var(--azure);border:none;border-radius:var(--radius);cursor:pointer;text-decoration:none}.btn:hover{background:var(--navy)}.btn:disabled{opacity:.6;cursor:wait}.btn-secondary{background:#fff;color:var(--navy);border:1px solid var(--navy)}.btn-secondary:hover{background:var(--paper);color:var(--navy)}.btn-danger{background:var(--danger)}.btn-inline{width:auto;padding:.5rem .875rem;font-size:.875rem}.error{background:#fdecea;color:var(--danger);border:1px solid #f5c6c2;border-radius:var(--radius)}.error,.success{padding:.75rem 1rem;margin-bottom:1rem}.success{background:#e8f7ef;color:#146c43;border:1px solid #bfe6cd;border-radius:var(--radius)}.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.25rem;background:linear-gradient(160deg,var(--navy-deep) 0,var(--navy) 55%,#013b8f 100%);color:#fff}.hero-mark{width:168px;margin-bottom:1.5rem;filter:drop-shadow(0 8px 24px rgba(0,212,255,.25))}.hero h1{margin:0 0 .5rem;font-size:2rem;letter-spacing:.01em}.hero .tagline{margin:0 0 2rem;color:var(--cyan);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.875rem}.hero-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:320px}.hero .btn{background:var(--cyan);color:var(--navy-deep)}.hero .btn:hover{background:#fff}.hero .btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.hero .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}.shell-header{background:var(--navy);color:#fff;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.shell-header-inner{max-width:960px;margin:0 auto;gap:.75rem}.brand,.shell-header-inner{display:flex;align-items:center}.brand{gap:.625rem;color:#fff;text-decoration:none;font-weight:700;font-size:1.05rem;margin-right:auto}.brand img{width:34px;height:34px}.shell-email{font-size:.8rem;opacity:.85;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-nav{background:#fff;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:58px;z-index:9}.shell-nav-inner{max-width:960px;margin:0 auto;display:flex;gap:.25rem;padding:0 1rem;overflow-x:auto}.shell-nav a,.shell-nav button{padding:.75rem .875rem;font-size:.95rem;font-weight:600;color:var(--muted);text-decoration:none;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;font-family:inherit}.shell-nav a.active{color:var(--navy);border-bottom-color:var(--cyan)}.shell-main{max-width:960px;margin:0 auto;padding:1.25rem 1rem 3rem}.sync-banner{position:-webkit-sticky;position:sticky;top:0;z-index:50;text-align:center;font-size:.85rem;font-weight:600;padding:.5rem 1rem;background:#fff8e6;color:#8a6d00;border-bottom:1px solid #f0d98c}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:.9rem}table.data td,table.data th{text-align:left;padding:.625rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}table.data th{color:var(--navy);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}@media (max-width:639px){table.data thead{display:none}table.data,table.data tbody,table.data td,table.data tr{display:block;width:100%}table.data tr{border:1px solid var(--line);border-radius:12px;margin-bottom:.75rem;padding:.35rem .75rem;background:#fff}table.data td{border-bottom:none;padding:.3rem 0}table.data td:before{content:attr(data-label);display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.1rem}table.data td.no-label:before{content:none}.link-row{flex-wrap:wrap}.link-row .mono{word-break:break-all;white-space:normal;font-size:.78rem}}.pill{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--paper);border:1px solid var(--line);color:var(--muted)}.pill-pending{background:#fff8e6;border-color:#f0d98c;color:#8a6d00}.pill-accepted,.pill-approved{background:#e8f7ef;border-color:#bfe6cd;color:#146c43}.pill-declined,.pill-revoked{background:#fdecea;border-color:#f5c6c2;color:var(--danger)}.row-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;word-break:break-all}.link-row{display:flex;gap:.5rem;align-items:center}.link-row .mono{flex:1 1;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:.5rem .625rem}.dashboard-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.catch-thumb{width:96px;height:96px;flex-shrink:0}.catch-thumb,.lure-thumb{object-fit:cover;border-radius:8px}.lure-thumb{width:72px;height:72px}.trip-thumb{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;display:block}@media (min-width:640px){.dashboard-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:2.5rem}}.noaa-strip{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.noaa-strip-item{flex:0 0 auto;min-width:4.5rem;text-align:center;border:1px solid var(--line);border-radius:8px;padding:.5rem .375rem;background:var(--paper)}.noaa-strip-time{font-weight:700;color:var(--navy);font-size:.85rem}.noaa-strip-temp{font-size:1.1rem;font-weight:700;margin:.125rem 0}.noaa-strip-meta{font-size:.75rem;color:var(--muted)}.noaa-alert{border-left:4px solid var(--azure);border-radius:0 8px 8px 0;padding:.625rem .75rem;margin-bottom:.5rem}.noaa-alert,.sig-chip{background:var(--paper)}.sig-chip{display:inline-block;padding:.1rem .5rem;border:1px solid var(--line);border-radius:999px;color:var(--navy);font-size:.78rem;font-weight:600;white-space:nowrap}.sig-row{display:flex;gap:.9rem;align-items:flex-start;padding:.9rem 0;border-top:1px solid var(--line)}.sig-row:first-of-type{border-top:none;padding-top:.2rem}.sig-play{flex:0 0 auto;width:3rem;height:3rem;border-radius:50%;border:none;background:var(--azure);color:#fff;font-size:1.05rem;cursor:pointer}.sig-play:hover{background:var(--navy)}.sig-play.playing{background:var(--danger)}.tab-row{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.aid-tab{flex:1 1;padding:.75rem .5rem;border-radius:var(--radius);border:1px solid var(--line);background:#fff;font-weight:700;color:var(--navy);cursor:pointer;font-size:1rem}.aid-tab.active{background:var(--azure);border-color:var(--azure);color:#fff}.flag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));grid-gap:.6rem;gap:.6rem}.flag-tile{border:1px solid var(--line);border-radius:var(--radius);padding:.6rem .7rem;background:var(--paper)}.flag-letter{font-size:1.35rem;font-weight:800;color:var(--navy);line-height:1}.shape-figure{width:3rem}.buoy-figure,.shape-figure{flex:0 0 auto;display:flex;justify-content:center}.buoy-figure{width:3.4rem}.light-toggle{display:flex;gap:.5rem;margin:0 0 .8rem}.light-toggle-btn{flex:1 1;padding:.6rem .5rem;border-radius:var(--radius);border:1px solid var(--line);background:#fff;font-weight:700;color:var(--navy);cursor:pointer;font-size:.95rem}.light-toggle-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}.lights-figure{flex:0 0 auto;width:3rem;display:flex;flex-direction:column;align-items:center;gap:5px;padding-top:2px}.light-dot{width:26px;height:26px;border-radius:50%;border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.light-dot-bw{background:#fff;border-color:var(--ink);color:var(--ink);font-weight:800;font-size:.85rem}