.tmp-tide-app{--tmp-blue:#0f75bc;--tmp-cyan:#00a9c7;--tmp-sand:#fff6df;--tmp-ink:#17324d;--tmp-muted:#627083;--tmp-good:#12a150;--tmp-alert:#f59e0b;--tmp-low:#0ea5e9;font-family:inherit;color:var(--tmp-ink);max-width:1100px;margin:24px auto;padding:0 14px}.tmp-tide-shell{border-radius:28px;background:linear-gradient(135deg,#e8f8ff 0%,#fff9e8 100%);box-shadow:0 18px 45px rgba(17,48,78,.14);overflow:hidden;border:1px solid rgba(15,117,188,.14)}.tmp-hero{position:relative;padding:28px;background:radial-gradient(circle at top right,rgba(0,169,199,.2),transparent 34%),linear-gradient(135deg,#0f75bc,#05a9c7);color:#fff}.tmp-hero:after{content:"🌊";position:absolute;right:24px;top:14px;font-size:80px;opacity:.18}.tmp-eyebrow{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}.tmp-hero h2{margin:16px 0 8px;font-size:clamp(26px,4vw,44px);line-height:1.05;color:#fff}.tmp-hero p{margin:0;max-width:680px;font-size:16px;opacity:.95}.tmp-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tmp-btn{border:0;border-radius:999px;padding:10px 15px;font-weight:800;cursor:pointer;background:#17324d;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.12);transition:.2s}.tmp-btn:hover{transform:translateY(-1px)}.tmp-btn.is-active{background:#17324d;color:#fff}.tmp-body{padding:22px}.tmp-status-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:16px;margin-bottom:20px}.tmp-panel{background:rgba(255,255,255,.86);border:1px solid rgba(15,117,188,.12);border-radius:24px;padding:18px;box-shadow:0 12px 24px rgba(17,48,78,.08)}.tmp-panel h3{margin:0 0 8px;font-size:20px;color:var(--tmp-ink)}.tmp-big-number{font-size:36px;font-weight:900;line-height:1;color:var(--tmp-blue)}.tmp-muted{color:var(--tmp-muted);font-size:14px}.tmp-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font-weight:900;font-size:13px}.tmp-badge.good{background:rgba(18,161,80,.12);color:var(--tmp-good)}.tmp-badge.alert{background:rgba(245,158,11,.14);color:#a16207}.tmp-badge.low{background:rgba(14,165,233,.12);color:#0369a1}.tmp-meter{height:14px;background:#dcecf5;border-radius:999px;overflow:hidden;margin-top:12px}.tmp-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#0ea5e9,#12a150);border-radius:999px;transition:width .5s}.tmp-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}.tmp-day-card{background:#fff;border:1px solid rgba(15,117,188,.12);border-radius:22px;padding:16px;box-shadow:0 12px 24px rgba(17,48,78,.07);position:relative;overflow:hidden}.tmp-day-card.is-today{border:2px solid var(--tmp-cyan);box-shadow:0 16px 30px rgba(0,169,199,.18)}.tmp-day-card.is-past{display:none}.tmp-day-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.tmp-date-title{font-weight:900;font-size:17px}.tmp-date-sub{font-size:13px;color:var(--tmp-muted);margin-top:3px}.tmp-today-pill{background:#0f75bc;color:#fff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.tmp-event{display:grid;grid-template-columns:66px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:16px;background:#f6fbff;margin-top:8px}.tmp-event.next{outline:2px solid rgba(18,161,80,.22);background:#f1fff7}.tmp-event-icon{font-size:22px}.tmp-event-time{font-weight:900;color:var(--tmp-ink)}.tmp-event-type{font-size:12px;color:var(--tmp-muted);font-weight:800;text-transform:uppercase;letter-spacing:.03em}.tmp-event-height{font-weight:900}.tmp-empty{background:#fff;border-radius:22px;padding:22px;text-align:center;border:1px solid rgba(15,117,188,.12)}.tmp-cta{margin-top:18px;padding:16px;border-radius:20px;background:var(--tmp-sand);border:1px dashed rgba(15,117,188,.3);font-weight:700}.tmp-loading,.tmp-error{text-align:center;padding:20px;background:#fff7ed;border-radius:16px}.tmp-link{margin-top:18px;text-align:center}.tmp-link a{font-weight:900;color:var(--tmp-blue)}@media(max-width:760px){.tmp-status-grid{grid-template-columns:1fr}.tmp-hero{padding:22px}.tmp-body{padding:14px}.tmp-event{grid-template-columns:58px 1fr auto}.tmp-hero:after{font-size:52px}}

.tmp-btn small{font-weight:800;opacity:.85}.tmp-month-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding:12px;border-radius:18px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22)}.tmp-month-title{width:100.tmp-btn small{font-weight:800;opacity:.85}.tmp-month-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding:12px;border-radius:18px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22)}.tmp-month-title{width:100%;font-weight:900;font-size:13px;opacity:.95}.tmp-month-btn{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.16);color:#fff;border-radius:999px;padding:8px 12px;font-weight:900;cursor:pointer}.tmp-month-btn.is-active,.tmp-month-btn:hover{background:#fff;color:#0f75bc}