:root{color-scheme:dark;--lime:#c8ff65;--ink:#09180e;--card:#173120;--line:#3a6041;--text:#f3fff1;--muted:#c4d6c5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 90% 0,#23482a 0,transparent 53%),#09180e;color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
a{color:var(--lime);text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.wrap{max-width:1180px;width:min(92%,1180px);margin:auto}header{background:#0c1d13e9;border-bottom:1px solid #39553f;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}header .wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{font-size:29px;font-weight:1000;letter-spacing:-1.5px;text-decoration:none;color:white}.brand span{color:var(--lime)}.navigation{display:flex;gap:13px;flex-wrap:wrap;align-items:center}.navigation a{color:#e9f5e6;text-decoration:none;padding:9px 15px;border-radius:12px;font-size:14px;font-weight:800}.navigation a.active,.navigation a:hover{background:#25442c;color:var(--lime)}
main{padding:65px 0 100px}.eyebrow{font-size:13px;color:var(--lime);font-weight:950;letter-spacing:2px;text-transform:uppercase}h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:15px 0 20px}h2{font-size:clamp(25px,3vw,36px);line-height:1.2;letter-spacing:-.03em;margin:0 0 15px}h3{font-size:19px;margin:0 0 8px}.lead{font-size:19px;color:#d5e4d1;max-width:850px;margin-bottom:30px}
.quicklinks{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 35px}.btn{border-radius:12px;display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid #607e5e;background:#28432e;color:#f4ffee;text-decoration:none;padding:13px 20px;font-weight:900;font-size:14px}.btn.main{background:var(--lime);color:var(--ink);border-color:var(--lime)}.btn:hover{border-color:var(--lime)}.btn.danger{background:#3b2020;border-color:#b86d6d;color:#fff0e9}.btn:disabled{opacity:.55;cursor:not-allowed}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:40px 0}.stat{background:#173520;border:1px solid var(--line);border-radius:18px;padding:24px}.stat strong{display:block;color:var(--lime);font-size:43px;line-height:1.2}.stat span{font-size:14px;color:#c0d6bd}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:linear-gradient(145deg,#173421,#0d2416);border:1px solid #385842;border-radius:23px;padding:30px;margin-bottom:24px}.panel>p{color:var(--muted)}.items{display:grid;gap:12px}.item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;border-radius:14px;border:1px solid #446749;background:#193a24;text-decoration:none;color:white}.item:hover{border-color:var(--lime)}.item strong{display:block;font-size:17px}.item small{color:#c2d4c2}.item em{font-style:normal;font-size:13px;font-weight:800;color:var(--lime)}.empty{font-size:14px;color:#b7cdbb;background:#122c1b;border-radius:13px;padding:18px}
.form{display:grid;gap:15px;max-width:540px}.form label{font-size:14px;font-weight:800}.form input{display:block;width:100%;margin-top:7px;border:1px solid #567b5b;background:#081b10;border-radius:10px;color:white;padding:14px 16px;font-size:16px}.form input[readonly]{opacity:.7}.fieldnote{font-size:12px;color:#bfccbf;margin-top:0}.notice{min-height:23px;color:var(--lime);font-size:14px;font-weight:800}.notice.error{color:#ffc5b2}.dangerzone{border-color:#804b4b;background:linear-gradient(135deg,#301d1d,#171c17)}.dangerzone p{color:#f4d7ce}.dangerzone strong{color:#ffd6c5}
.status{min-height:24px;font-size:15px;color:var(--lime);font-weight:800}.status.error{color:#ffd0ad}
footer{border-top:1px solid #344c35;color:#b6cbb7;padding:28px 0;font-size:13px}
[hidden]{display:none!important}
@media(max-width:800px){main{padding:45px 0 70px}.grid{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:18px}.stat strong{font-size:32px}}
@media(max-width:550px){header .wrap{min-height:70px}.brand{font-size:24px}.navigation{gap:3px}.navigation a{padding:8px;font-size:12px}.panel{padding:22px}.stats{grid-template-columns:repeat(3,1fr)}.stat{padding:13px 9px}.stat strong{font-size:26px}.stat span{font-size:11px}.item{align-items:flex-start;flex-direction:column}}

/* Owner-only audience overview */
.traffic-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.traffic-heading p,.traffic-disclosure{color:var(--muted);font-size:14px}
.traffic-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 0 30px}
.traffic-grid{margin-bottom:26px}.traffic-grid h3{margin-bottom:14px}
.traffic-list{display:grid;gap:8px}
.traffic-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 15px;background:#0e2617;border:1px solid #33553b;border-radius:12px}
.traffic-row span{min-width:0;overflow-wrap:anywhere}.traffic-row strong{font-size:14px;display:block}.traffic-row small{display:block;color:#bed1c0;font-size:12px}
.traffic-row b{color:var(--lime);font-size:21px;white-space:nowrap}
.traffic-chart{display:grid;gap:8px;margin:16px 0 22px}
.traffic-day{display:grid;grid-template-columns:60px minmax(0,1fr) 45px;gap:12px;align-items:center;font-size:13px}
.traffic-day b{color:var(--lime);text-align:right}
.traffic-bar{height:12px;border-radius:30px;background:#082013;overflow:hidden}.traffic-bar i{display:block;height:100%;background:var(--lime);border-radius:30px;min-width:2px}
@media(max-width:800px){.traffic-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Owner-only visitor feedback inbox */
.owner-feedback{margin-top:28px;padding-top:24px;border-top:1px solid #426947}
.owner-feedback-list{display:grid;gap:12px;margin-top:16px}
.owner-feedback-card{background:#0c2616;border:1px solid #3c6644;border-radius:15px;padding:18px}
.owner-feedback-card p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;margin:12px 0 0;color:#e1f2e0}
.owner-feedback-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.owner-feedback-meta strong{color:var(--lime)}
.owner-feedback-meta time{font-size:12px;color:var(--muted)}

/* Private owner statistics must remain hidden even if another style declares display */
#ownerPanel[hidden],#trafficPanel[hidden]{display:none!important}