.template:after{content:attr(data-tag);position:absolute;right:8px;top:8px;border-radius:20px;background:#202b26;color:#8f9c95;padding:3px 6px;font:500 5px var(--mono);letter-spacing:.8px}.template.active:after{background:var(--lime);color:#122012}.download-all #exportLabel{font:800 11px var(--font)}
.create-graph{width:100%;margin-top:10px;border:1px solid #4c7043;background:linear-gradient(120deg,#18271c,#111713);border-radius:9px;color:#edf5ef;padding:10px 11px;display:grid;grid-template-columns:36px 1fr auto;grid-template-rows:1fr 1fr;text-align:left;align-items:center;cursor:pointer}.create-graph>span{grid-row:1/3;width:31px;height:31px;border-radius:7px;background:#22351f;display:flex;align-items:end;justify-content:center;gap:2px;padding:6px}.create-graph>span i{display:block;width:3px;background:var(--lime);border-radius:2px}.create-graph>span i:nth-child(1){height:7px}.create-graph>span i:nth-child(2){height:13px}.create-graph>span i:nth-child(3){height:9px}.create-graph>span i:nth-child(4){height:18px}.create-graph b{font-size:10px}.create-graph small{grid-column:2/4;font:400 6px var(--mono);letter-spacing:.4px;color:#88a17f}.create-graph:hover{border-color:var(--lime);transform:translateY(-1px)}
.reveal-line{display:flex;align-items:baseline;gap:6px;margin-top:-9px;margin-bottom:4px}.reveal-line span{font:500 6px var(--mono);letter-spacing:1px;color:#7b8780}.reveal-line b{font-size:10px;color:var(--lime)}.template-catch .metric-row{height:58px}.template-catch .insight-card{margin-top:8px;border-color:#3b4b43}.template-catch .catch-title h3{font-size:34px}.template-catch .story-photo{height:57%}.template-catch .story-data{height:43%;background:linear-gradient(160deg,#121c17,#0c1210)}
.social-card.template-map,.social-card.template-activity,.social-card.template-recap{background-color:#111614;background-image:linear-gradient(45deg,#171d1a 25%,transparent 25%),linear-gradient(-45deg,#171d1a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#171d1a 75%),linear-gradient(-45deg,transparent 75%,#171d1a 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;box-shadow:0 32px 80px #000,0 0 0 1px #405048}.overlay-template{position:absolute;inset:0;padding:24px 22px;color:#f5faf6;overflow:hidden}.overlay-template:before{content:'';position:absolute;inset:12px;border:1px dashed rgba(174,198,184,.13);border-radius:12px;pointer-events:none}.overlay-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.overlay-top>span{font:500 6px var(--mono);letter-spacing:1px;color:#92a198;border:1px solid #415048;border-radius:30px;padding:6px 8px;background:#101613}.viral-kicker{display:inline-block;font:500 6px var(--mono);letter-spacing:.9px;color:#071109;background:var(--lime);padding:5px 7px;transform:rotate(-1deg)}.viral-kicker.coral{background:#ff654c;color:#fff}.viral-kicker.amber{background:#ffbd53;color:#211404}
.overlay-heading{position:relative;margin-top:34px;z-index:2}.overlay-heading h3,.forecast-title h3,.recap-hook h3{font-size:35px;line-height:.9;letter-spacing:-1.9px;margin:10px 0 8px}.overlay-heading h3 em{color:var(--lime);font-style:normal}.overlay-heading p,.forecast-title p,.recap-hook p{font:400 6px var(--mono);letter-spacing:.6px;color:#839089;margin:0}
.lake-panel{position:relative;height:342px;margin-top:19px;border:1px solid #35433c;background:rgba(8,14,12,.91);border-radius:15px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.35)}.lake-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(156,229,111,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(156,229,111,.045) 1px,transparent 1px);background-size:20px 20px}.lake-shape{position:absolute;left:8px;top:6px;width:255px;height:300px}.lake-body{fill:url(#lakeFill);stroke:#6ba754;stroke-width:2}.contour{fill:none;stroke:rgba(156,229,111,.28);stroke-width:1}.route{fill:none;stroke:#f7f9f7;stroke-width:1.5;stroke-dasharray:4 5}.zone{position:absolute;z-index:2;display:flex;align-items:center;gap:6px}.zone>i{width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#ff5a43;box-shadow:0 0 0 6px rgba(255,90,67,.18),0 0 14px #ff5a43}.zone>b{width:21px;height:21px;display:grid;place-items:center;background:#eff6f0;color:#111914;border-radius:50%;font-size:8px}.zone strong,.zone small{display:block}.zone strong{font-size:7px}.zone small{font:400 5px var(--mono);color:#8e9b93;margin-top:2px}.zone-one{top:91px;left:154px}.zone-two{top:184px;left:68px}.zone-two>i{background:#ffb84f;box-shadow:0 0 0 6px rgba(255,184,79,.16),0 0 14px #ffb84f}.zone-three{top:254px;left:164px}.zone-three>i{background:var(--lime);box-shadow:0 0 0 6px rgba(156,229,111,.16),0 0 14px var(--lime)}.map-legend{position:absolute;left:12px;right:12px;bottom:10px;border-top:1px solid #2d3933;padding-top:8px;display:flex;justify-content:space-between;font:400 5px var(--mono);color:#7f8c84}.map-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff5a43;margin-right:4px}.overlay-footer{margin-top:11px;background:rgba(10,16,13,.94);border:1px solid #35423c;border-radius:11px;padding:11px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.overlay-footer small,.overlay-footer b{display:block}.overlay-footer small{font:400 5px var(--mono);color:#77837c}.overlay-footer b{font-size:8px;margin-top:3px}.overlay-footer button{grid-column:1/-1;border:0;border-radius:6px;background:var(--lime);color:#122012;padding:7px;font:600 7px var(--mono);letter-spacing:.7px}
.forecast-overlay{padding-top:24px}.forecast-title{position:relative;margin-top:42px}.forecast-title h3{font-size:38px}.forecast-title h3 em{font-style:normal;color:#ff694f}.bite-score{margin-top:23px;display:flex;align-items:end;justify-content:space-between}.bite-score small{display:block;font:400 6px var(--mono);letter-spacing:1px;color:#829087}.bite-score b{font-size:57px;line-height:.9}.bite-score div>span{font:500 8px var(--mono);color:#839087}.bite-score>em{font:500 7px var(--mono);font-style:normal;color:#ff765e;border:1px solid #754337;background:#2c1b17;border-radius:20px;padding:6px 9px}.forecast-chart{margin-top:10px;background:rgba(9,14,13,.94);border:1px solid #3a4540;border-radius:15px;padding:14px 13px;box-shadow:0 18px 45px rgba(0,0,0,.35)}.chart-header{display:flex;justify-content:space-between;align-items:end}.chart-header small,.chart-header b{display:block}.chart-header small{font:400 5px var(--mono);color:#7f8b84;letter-spacing:.8px}.chart-header b{font-size:9px;margin-top:2px}.chart-header>em{font:500 6px var(--mono);font-style:normal;color:#ff735b}.forecast-chart svg{width:100%;height:140px;overflow:visible;margin-top:4px}.forecast-area{fill:url(#forecastArea)}.forecast-line{fill:none;stroke:#ff684f;stroke-width:3}.forecast-chart line{stroke:#ff725a;stroke-width:1;stroke-dasharray:3 3}.forecast-chart circle{fill:#ff684f;stroke:#fff;stroke-width:2}.forecast-chart text{font:600 9px var(--mono);fill:#ff765f}.chart-hours{display:flex;justify-content:space-between;font:400 5px var(--mono);color:#758078}.chart-hours .active{color:#ff765f;font-weight:600}.condition-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.condition-pills>span{background:rgba(9,14,13,.94);border:1px solid #344039;border-radius:9px;padding:9px;color:#93a097}.condition-pills small,.condition-pills b{display:block;margin-left:13px}.condition-pills small{font:400 4px var(--mono);letter-spacing:.6px;color:#66736b}.condition-pills b{font-size:8px;margin-top:2px}.lure-callout{display:flex;align-items:center;gap:8px;margin-top:9px;background:#251915;border:1px solid #66392f;border-radius:10px;padding:10px}.lure-callout>span{width:26px;height:26px;display:grid;place-items:center;background:#3b211b;border-radius:7px}.lure-callout small,.lure-callout b{display:block}.lure-callout small{font:400 5px var(--mono);color:#b36d5e}.lure-callout b{font-size:7px;margin-top:2px}.lure-callout button{margin-left:auto;border:0;background:#ff674e;color:#fff;border-radius:6px;width:25px;height:25px}
.wrapped-title{position:absolute;right:22px;top:61px;text-align:right}.wrapped-title span,.wrapped-title b{display:block}.wrapped-title span{font:500 6px var(--mono);letter-spacing:1px;color:#9ca69f}.wrapped-title b{font-size:27px;color:#ffbd53;line-height:1}.recap-hook{position:relative;margin-top:75px}.recap-hook h3{font-size:34px}.recap-hook h3 em{font-style:normal;color:#ffc15a}.big-catch{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;margin-top:22px;background:rgba(11,15,13,.94);border:1px solid #464039;border-radius:15px;padding:14px}.catch-ring{width:128px;height:128px;border-radius:50%;background:conic-gradient(#ffbd53 0 86%,#332d25 86%);display:grid;place-items:center;position:relative}.catch-ring:before{content:'';position:absolute;inset:6px;border-radius:50%;background:#0d1210}.catch-ring>span{position:relative;text-align:center}.catch-ring small,.catch-ring b,.catch-ring em{display:block}.catch-ring small{font:400 5px var(--mono);letter-spacing:.8px;color:#9c968c}.catch-ring b{font-size:36px;line-height:1}.catch-ring em{font:600 7px var(--mono);font-style:normal;color:#ffc15a}.big-catch>div:last-child small{font:400 5px var(--mono);letter-spacing:.8px;color:#8f9992}.big-catch>div:last-child b{display:block;font-size:24px;color:#ffc15a}.big-catch>div:last-child p{font-size:6px;color:#8b958e;margin:2px 0 0}.recap-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.recap-grid>div{background:rgba(11,15,13,.94);border:1px solid #383e3a;border-radius:10px;padding:11px;position:relative}.recap-grid span{position:absolute;right:9px;top:9px;color:#ffbd53}.recap-grid small,.recap-grid b{display:block}.recap-grid small{font:400 5px var(--mono);letter-spacing:.5px;color:#7f8a83}.recap-grid b{font-size:20px;margin-top:4px}.recap-footer{display:flex;justify-content:space-between;margin-top:10px;border-top:1px solid #45403a;padding-top:9px;font:500 6px var(--mono);color:#9b9f9b}.recap-footer b{color:#ffc15a}
.social-card.post{height:min(560px,calc(100vh - 225px))}.social-card.post .overlay-template{padding:18px}.social-card.post .overlay-template:before{inset:9px}.social-card.post .overlay-top>span{padding:4px 6px}.social-card.post .overlay-heading,.social-card.post .forecast-title,.social-card.post .recap-hook{margin-top:16px}.social-card.post .overlay-heading h3,.social-card.post .forecast-title h3,.social-card.post .recap-hook h3{font-size:26px;line-height:.88;margin:7px 0 5px}.social-card.post .viral-kicker{font-size:5px;padding:4px 6px}.social-card.post .lake-panel{height:248px;margin-top:10px}.social-card.post .lake-shape{width:215px;height:252px;top:0}.social-card.post .zone{transform:scale(.82);transform-origin:left center}.social-card.post .zone-one{top:65px;left:131px}.social-card.post .zone-two{top:135px;left:58px}.social-card.post .zone-three{top:194px;left:139px}.social-card.post .overlay-footer{margin-top:7px;padding:8px}.social-card.post .overlay-footer button{padding:5px}.social-card.post .bite-score{margin-top:10px}.social-card.post .bite-score b{font-size:42px}.social-card.post .forecast-chart{margin-top:6px;padding:10px 11px}.social-card.post .forecast-chart svg{height:96px;margin-top:0}.social-card.post .condition-pills{display:none}.social-card.post .lure-callout{margin-top:6px;padding:7px}.social-card.post .big-catch{margin-top:8px;padding:9px;grid-template-columns:100px 1fr}.social-card.post .catch-ring{width:88px;height:88px}.social-card.post .catch-ring b{font-size:27px}.social-card.post .wrapped-title{top:50px;right:18px}.social-card.post .recap-grid{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:6px}.social-card.post .recap-grid>div{padding:8px 6px}.social-card.post .recap-grid span{display:none}.social-card.post .recap-grid b{font-size:15px}.social-card.post .recap-footer{margin-top:6px;padding-top:6px}.social-card.post.template-catch .story-photo{height:55%}.social-card.post.template-catch .story-data{height:45%;padding:0 20px 12px}.social-card.post.template-catch .catch-title{bottom:14px;left:20px}.social-card.post.template-catch .catch-title h3{font-size:26px;margin:7px 0 4px}.social-card.post.template-catch .metric-row{height:52px}.social-card.post.template-catch .insight-card{padding:8px;margin-top:5px}.social-card.post.template-catch .sparkline{height:30px}.social-card.wide{display:block}.social-card.wide .overlay-template{display:grid;grid-template-columns:44% 56%;gap:20px}.social-card.wide .overlay-top{position:absolute;left:22px;right:22px}.social-card.wide .overlay-heading,.social-card.wide .forecast-title,.social-card.wide .recap-hook{margin-top:72px}.social-card.wide .lake-panel,.social-card.wide .forecast-chart,.social-card.wide .big-catch{margin-top:54px;height:auto}.social-card.wide .overlay-footer,.social-card.wide .condition-pills,.social-card.wide .recap-grid{position:absolute;left:22px;bottom:20px;width:39%}