/* FishWizz premium Northwoods design system */
:root{
  --pine-950:#07110d;--pine-900:#0b1812;--pine-850:#102119;--pine-800:#152b22;--pine-700:#1d3a2e;
  --spruce:#284f40;--spruce-2:#34634f;--canvas:#d9cfb6;--canvas-soft:#c8bea6;--brass:#b88b4a;--brass-2:#d1aa69;
  --lake:#7e9ea7;--lake-2:#9bb6bc;--text:#f5f4ec;--muted:#b7c0b8;--muted-2:#87958d;--line:rgba(232,227,211,.11);
  --danger:#8e4f49;--success:#8ac49b;--shadow:0 18px 50px rgba(0,0,0,.24);--shadow-soft:0 8px 24px rgba(0,0,0,.14);
  --r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:26px;--max:1180px;
}
*{box-sizing:border-box}html{background:var(--pine-950);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font:15px/1.52 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;background:
 radial-gradient(circle at 12% -4%,rgba(126,158,167,.13),transparent 28%),
 radial-gradient(circle at 88% 8%,rgba(184,139,74,.08),transparent 22%),
 linear-gradient(180deg,var(--pine-950),#091711 48%,#0a1712 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23d8cfb8' stroke-width='.8'%3E%3Cpath d='M-20 45c30-20 61-19 92 1s64 21 100 2 70-18 102 3'/%3E%3Cpath d='M-15 76c37-19 72-17 105 5s68 24 104 6 65-15 91 0'/%3E%3Cpath d='M-25 111c27-17 57-15 91 6s68 22 101 3 67-18 103 1'/%3E%3Cpath d='M-18 150c36-20 71-18 105 4s67 23 101 4 67-17 96 1'/%3E%3C/g%3E%3C/svg%3E");background-size:220px 220px;z-index:-1}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}.page{display:none}.page.active{display:block}
header{position:sticky;top:0;z-index:30;background:rgba(8,20,15,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:10px 14px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:var(--max);margin:auto}.brand{font-weight:950;letter-spacing:-.03em}.account-link{border:1px solid rgba(216,207,184,.18);background:rgba(216,207,184,.05);color:var(--text);border-radius:999px;padding:8px 12px;font-weight:850}.account-link:hover,.account-link:focus-visible{outline:none;background:rgba(216,207,184,.1);border-color:rgba(216,207,184,.3)}
.nav{display:flex;gap:6px;overflow:auto;max-width:var(--max);margin:9px auto 0;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav button{white-space:nowrap;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:999px;padding:8px 13px;font-weight:800}.nav button:hover{color:var(--text);background:rgba(216,207,184,.04)}.nav .active{background:var(--canvas);color:#1a241e;border-color:var(--canvas);box-shadow:0 5px 18px rgba(0,0,0,.16)}
main{max-width:var(--max);margin:auto;padding:16px 14px 50px}.status{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(216,207,184,.025);margin-bottom:12px;font-size:.86rem;width:max-content;max-width:100%}.status.ok{color:var(--success)}.status.err{color:#efb4ae;background:rgba(142,79,73,.12)}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(16,35,28,.98),rgba(29,58,46,.96));border:1px solid rgba(216,207,184,.09);border-radius:var(--r-xl);padding:30px 26px;margin-bottom:14px;box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='180' viewBox='0 0 260 180'%3E%3Cg fill='none' stroke='%23d8cfb8' stroke-width='1'%3E%3Cpath d='M-20 38c46-25 87-20 127 6s82 27 129 3 79-18 111 1'/%3E%3Cpath d='M-28 78c50-20 94-15 133 11s81 28 126 8 77-14 106 2'/%3E%3Cpath d='M-22 124c43-24 85-20 126 7s83 29 130 5 78-17 111 1'/%3E%3C/g%3E%3C/svg%3E");background-size:260px 180px}.hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-120px;background:radial-gradient(circle,rgba(184,139,74,.16),transparent 68%)}.hero>*{position:relative;z-index:1}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(31px,5vw,48px);line-height:1.03;letter-spacing:-.025em;margin:5px 0 8px;font-weight:700}.hero p{margin:0;color:#d7ded7;max-width:760px;font-size:1rem}.eyebrow{color:var(--brass-2);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.15em}
.grid{display:grid;grid-template-columns:minmax(300px,.86fr) minmax(0,1.44fr);gap:14px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.card{background:linear-gradient(180deg,rgba(15,31,25,.97),rgba(12,26,21,.97));border:1px solid rgba(216,207,184,.08);border-radius:var(--r-lg);padding:17px;box-shadow:var(--shadow-soft)}.card h2,.card h3{margin-top:0;letter-spacing:-.015em}.card h2{font-size:1.23rem}.card h3{font-size:1.05rem}
label{display:block;font-weight:800;margin:10px 0;color:#eceee7}input,select,textarea{width:100%;background:#0a1a14;color:var(--text);border:1px solid rgba(155,182,188,.28);border-radius:var(--r-sm);padding:11px 12px;min-height:44px;margin-top:5px;transition:.15s ease}input::placeholder,textarea::placeholder{color:#73847b}input:hover,select:hover,textarea:hover{border-color:rgba(155,182,188,.44)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brass-2);box-shadow:0 0 0 3px rgba(184,139,74,.12);background:#0c2018}textarea{min-height:90px;resize:vertical}
.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.btn{border:1px solid transparent;border-radius:11px;padding:10px 14px;min-height:42px;font-weight:900;background:var(--spruce);color:#fff;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.btn:hover{background:var(--spruce-2);transform:translateY(-1px)}.btn:active{transform:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(184,139,74,.2)}.btn.gold{background:var(--brass);color:#1b211c;box-shadow:0 5px 16px rgba(184,139,74,.15)}.btn.gold:hover{background:var(--brass-2)}.btn.ghost{background:rgba(216,207,184,.045);border-color:rgba(216,207,184,.13);color:var(--text)}.btn.ghost:hover{background:rgba(216,207,184,.08)}.btn.bad{background:rgba(142,79,73,.65);color:#fff}.btn.bad:hover{background:var(--danger)}
.result{display:block;width:100%;text-align:left;background:#0b1c16;color:var(--text);border:1px solid rgba(216,207,184,.075);border-radius:12px;padding:12px;margin:7px 0}.result:hover{border-color:rgba(155,182,188,.3);background:#0d241c}.pill{display:inline-flex;align-items:center;background:rgba(126,158,167,.12);border:1px solid rgba(155,182,188,.13);border-radius:999px;padding:5px 9px;margin:2px;font-size:12px;line-height:1.2}.muted{color:var(--muted)}.tiny{font-size:12px}.warning{padding:11px 12px;border-left:3px solid var(--brass);background:rgba(184,139,74,.09);border-radius:10px;margin:10px 0;color:#eee0c5}
.tabs{display:flex;gap:6px;overflow:auto;margin:11px 0;padding-bottom:2px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{border:1px solid rgba(216,207,184,.11);background:#0b1d17;color:var(--muted);border-radius:999px;padding:8px 11px;font-weight:800}.tabs button.active{background:var(--canvas);color:#19231d;border-color:var(--canvas)}.panel{display:none}.panel.active{display:block}.plan{border-top:3px solid var(--spruce-2)}.plan.primary{border-color:var(--brass)}.feedback button{flex:1;min-width:115px}
.suggestions{border:1px solid rgba(216,207,184,.12);border-radius:12px;background:#0b1d17;overflow:hidden;margin-top:-3px;margin-bottom:10px;box-shadow:var(--shadow)}.suggestion{display:flex;width:100%;justify-content:space-between;gap:12px;text-align:left;border:0;border-bottom:1px solid rgba(216,207,184,.07);background:#0b1d17;color:var(--text);padding:11px}.suggestion:last-child{border-bottom:0}.suggestion:hover,.suggestion:focus{background:#143126;outline:none}.suggestion span{color:var(--muted);font-size:12px;white-space:nowrap}details{border-radius:12px}summary{cursor:pointer;color:#f0f1ea;font-weight:800}::selection{background:rgba(184,139,74,.32);color:#fff}
@media(max-width:800px){.grid{grid-template-columns:1fr}}
@media(max-width:760px){body{font-size:15px}header{padding:8px 10px}.top{gap:8px}.nav{margin-top:7px}.nav button{padding:8px 12px}.hero{padding:22px 18px;border-radius:20px}.hero h1{font-size:clamp(30px,9vw,40px)}main{padding:10px 9px calc(36px + env(safe-area-inset-bottom))}.card{padding:14px;border-radius:15px}.row{display:grid;grid-template-columns:1fr}.row>*{width:100%}.top .row{display:flex}.top .row>*{width:auto}.feedback button{min-width:0}.status{margin-bottom:9px}.suggestion{flex-direction:column;gap:3px}.suggestion span{white-space:normal}}
@media(max-width:430px){.account-link{padding:7px 10px}.nav{gap:4px}.nav button{font-size:.92rem;padding-left:11px;padding-right:11px}.hero{padding:19px 15px}.card{padding:13px}.cards{gap:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}