:root{font-family:system-ui,-apple-system,sans-serif;background:#0d1511;color:#f5f4ea}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:auto;padding:18px}header{display:flex;justify-content:space-between;align-items:center;margin:8px 0 22px}h1{margin:0;font-size:28px}h2{margin:6px 0 10px}small,.muted{color:#aab7ad}.card{background:#17241d;border:1px solid #2a3a31;border-radius:18px;padding:18px;margin-bottom:14px}.datebar{display:flex;gap:8px;align-items:center}.datebar input{flex:1}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid .card{margin:0}.actions{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:16px 0}button,input,select,textarea{font:inherit;border-radius:12px;border:1px solid #405348;padding:13px;background:#101a15;color:#fff}button{cursor:pointer;font-weight:700}.primary{background:#d9b44a;color:#111;border:0}.ghost{background:transparent}#login{max-width:420px;margin:60px auto}#login input{width:100%;margin:6px 0}#login button{width:100%;margin-top:8px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:15px}.metric{background:#101a15;border-radius:13px;padding:11px}.metric b{display:block;font-size:18px}.hourly{display:flex;overflow:auto;gap:7px;margin-top:12px}.hour{min-width:92px;background:#101a15;border-radius:12px;padding:9px;font-size:12px}.hour b{display:block;font-size:14px}.spot,.event,.period{padding:10px 0;border-bottom:1px solid #2a3a31}.spot:last-child,.event:last-child{border:0}.badge{display:inline-block;padding:3px 7px;border-radius:99px;background:#2a3a31;font-size:11px;margin-left:5px}dialog{border:0;border-radius:18px;background:#17241d;color:#fff;width:min(92vw,520px);padding:0}dialog::backdrop{background:#000a}.modal{padding:20px}.modal input,.modal select,.modal textarea{display:block;width:100%;margin:8px 0}.modal textarea{min-height:80px}.row{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}@media(max-width:700px){.grid{grid-template-columns:1fr}.actions{grid-template-columns:1fr 1fr}.actions .primary{grid-column:1/-1}.metrics{grid-template-columns:repeat(2,1fr)}h1{font-size:23px}}
.locrow{display:flex;gap:12px;justify-content:space-between;align-items:center}.tiny{padding:8px 10px;font-size:12px}.fishingnow{border:1px solid #e4bc43}.fishingnow h2{margin:6px 0}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.quick button{padding:18px 8px}.recommendation{padding:8px 0;border-bottom:1px solid #304239}@media(max-width:650px){.quick{grid-template-columns:repeat(2,1fr)}.locrow{align-items:flex-start;flex-direction:column}}
.mapcard{overflow:hidden}.maphead{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.maphead h2{margin-bottom:0}#map{height:420px;border-radius:15px;margin:14px 0;border:1px solid #405348;background:#101a15;z-index:1}.maptools{display:flex;gap:8px;margin-bottom:10px}.spot-actions{float:right;display:flex;gap:6px}.spot-actions button{padding:5px 8px;font-size:11px}.rec{padding:10px 0;border-bottom:1px solid #304239}.rec:last-child{border:0}.rec strong{font-size:17px}.scorepill{display:inline-block;margin-left:6px;padding:3px 7px;border-radius:99px;background:#2a3a31;font-size:11px}.why{font-size:12px;color:#aab7ad;margin-top:4px}@media(max-width:650px){#map{height:360px}.maphead{display:block}.maptools{display:grid;grid-template-columns:1fr 1fr}}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:52px;height:52px;border-radius:14px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.14)}.brand h1{margin:0}.brand small{display:block;margin-top:3px}@media(max-width:600px){.brand img{width:44px;height:44px;border-radius:12px}.brand h1{font-size:1.35rem}}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:8px}.twocol label,.photowrap label{font-size:12px;color:#aab7ad}.twocol input,.photowrap input{margin-top:5px}.fishloghead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.fishstats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 16px}.fishstat{background:#101a15;border-radius:12px;padding:10px}.fishstat b{display:block;font-size:20px}.fishgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fishcard{background:#101a15;border-radius:14px;overflow:hidden;border:1px solid #2a3a31}.fishphoto{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:#0d1511}.fishbody{padding:12px}.fishbody h3{margin:0 0 4px}.photowrap{padding:9px;border:1px dashed #405348;border-radius:12px;margin:8px 0}.driveok{border-color:#4d8a61;color:#b9e8c5}@media(max-width:650px){.twocol{grid-template-columns:1fr 1fr}.fishstats{grid-template-columns:repeat(2,1fr)}.fishgrid{grid-template-columns:1fr}}