:root{--bg:#f6f4ee;--panel:#fff;--ink:#172019;--muted:#6f796f;--line:#e1e6df;--forest:#16361f;--forest2:#214f30;--accent:#438e5c;--accent-soft:#e9f3eb;--sand:#efe8dc;--danger:#a44747;--warning:#a96d16;--shadow:0 14px 40px rgba(23,53,31,.08) }*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{width:248px;background:linear-gradient(180deg,#17371f,#102819);color:#fff;padding:22px 15px;position:fixed;inset:0 auto 0 0;box-shadow:12px 0 36px #0c251414}.brand{font-size:25px;font-weight:850;padding:9px 10px 28px;letter-spacing:-.02em}.brand span{color:#8fd3a2}.nav{display:grid;gap:5px}.nav button{width:100%;border:0;background:transparent;color:#d7e2da;text-align:left;padding:13px 14px;border-radius:13px;margin:0;font-weight:650}.nav button.active,.nav button:hover{background:#ffffff1c;color:#fff}.main{margin-left:248px;width:calc(100% - 248px);padding:34px;max-width:1450px}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:25px}.top h1{margin:0;font-size:34px;letter-spacing:-.035em}.sub{color:var(--muted);margin-top:6px;max-width:620px}.muted{color:var(--muted);font-size:13px}.btn{border:0;border-radius:13px;padding:11px 16px;background:var(--forest);color:#fff;font-weight:750;box-shadow:none}.btn:hover{background:var(--forest2)}.btn.secondary{background:var(--accent-soft);color:var(--forest)}.btn.danger{background:#f7e8e8;color:var(--danger)}.btn.small{padding:8px 11px;font-size:13px}.link-btn{border:0;background:transparent;color:var(--accent);padding:8px}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 4px 18px #1f34240a}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards .card{position:relative;overflow:hidden}.cards .card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}.stat{font-size:31px;font-weight:850;margin:7px 0;letter-spacing:-.03em}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:17px;margin-top:18px}.section-title{font-weight:800;font-size:18px;margin-bottom:14px}.task,.history-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.task:last-child,.history-row:last-child{border-bottom:0}.tag{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--forest);font-size:11px;font-weight:800;letter-spacing:.02em}.search{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:14px;margin-bottom:16px;background:#fff;outline:none}.search:focus{border-color:#86b895;box-shadow:0 0 0 4px #438e5c1a}.animals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.animal{cursor:pointer;padding:0;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.animal:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.avatar{height:180px;border-radius:0;background:linear-gradient(135deg,#dfeadd,#f2ede3);display:flex;align-items:center;justify-content:center;font-size:72px;margin:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.animal h3{margin:16px 17px 5px;font-size:20px;letter-spacing:-.015em}.animal p{margin:0 17px 4px;color:var(--muted);font-size:13px}.animal p:last-child{margin-bottom:17px}.profile{display:grid;grid-template-columns:310px 1fr;gap:20px;padding:0;overflow:hidden}.profile>div:first-child{padding:18px;background:#fafbf8;border-right:1px solid var(--line)}.profile>div:last-child{padding:24px}.profile-photo{height:310px;border-radius:18px;background:linear-gradient(135deg,#dfeadd,#f4efe6);display:flex;align-items:center;justify-content:center;font-size:118px;overflow:hidden}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile h2{font-size:32px;letter-spacing:-.03em}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.profile-grid .card{background:#f8faf7;box-shadow:none;padding:16px}.metric{font-size:23px;font-weight:850;margin-top:5px;letter-spacing:-.02em}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 13px}.tabs button{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:999px;color:#435047}.tabs button.active{background:var(--forest);color:#fff;border-color:var(--forest)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{margin-top:9px}.field label{display:block;font-size:12px;font-weight:750;margin-bottom:7px;color:#344138}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#86b895;box-shadow:0 0 0 4px #438e5c1a}.field.full{grid-column:1/-1}.modal{position:fixed;inset:0;background:#07160c94;display:none;align-items:center;justify-content:center;padding:20px;z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal.open{display:flex}.modalbox{background:#fff;border-radius:24px;width:min(700px,100%);max-height:90vh;overflow:auto;padding:26px;box-shadow:0 30px 80px #07160c40}.modalbox h2{margin:0 0 10px;font-size:25px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.auth-wrap{min-height:100vh;max-width:none;margin:0;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at 15% 10%,rgba(67,142,92,.14),transparent 36%),linear-gradient(135deg,#f5f2ea,#edf4ee)}.auth-wrap .card{width:min(460px,100%);padding:30px;border-radius:26px;box-shadow:var(--shadow)}.auth-wrap h1{font-size:32px;letter-spacing:-.03em;margin-bottom:4px}.status{margin:8px 0 16px;font-weight:700}.status.ok{color:var(--accent)}.status.err{color:var(--danger)}.row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}canvas{width:100%;height:250px;background:#fff;border-radius:14px}@media(max-width:1050px){.cards,.animals{grid-template-columns:1fr 1fr}.profile{grid-template-columns:1fr}.profile>div:first-child{border-right:0;border-bottom:1px solid var(--line)}.profile-photo{max-width:440px}}@media(max-width:760px){.sidebar{width:72px;padding:14px 8px}.brand{font-size:0;text-align:center;padding:8px 0 25px}.brand:after{content:"🦎";font-size:28px}.nav button{font-size:0;text-align:center}.nav button:first-letter{font-size:20px}.main{margin-left:72px;width:calc(100% - 72px);padding:20px}.grid2{grid-template-columns:1fr}.top{flex-direction:column}.top h1{font-size:30px}}@media(max-width:520px){.main{padding:15px}.cards,.animals,.profile-grid,.formgrid{grid-template-columns:1fr}.avatar{height:205px}.profile>div:last-child{padding:17px}.profile-photo{height:300px}.auth-actions{grid-template-columns:1fr}}.password-rules{margin-top:12px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:#f8faf7;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.password-rules strong{width:100%;font-size:12px;color:#344138}.password-rules span{font-size:11px;padding:5px 8px;border-radius:999px;background:#eef2ed;color:#687269}.password-rules span.pass{background:var(--accent-soft);color:var(--forest);font-weight:750}.muted-inline{font-weight:500;color:var(--muted);font-size:11px}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:12px}.security-message{margin-top:10px;font-size:13px;font-weight:700}.security-message.ok{color:var(--accent)}.security-message.err{color:var(--danger)}@media(max-width:520px){.security-grid{grid-template-columns:1fr}}.public-site{min-height:100vh;background:#f5f1e8;color:#17351f}.landing-nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#f5f1e8;position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(23,53,31,.08)}.landing-brand{font-size:22px;font-weight:850;color:#17351f;text-decoration:none}.landing-nav nav{display:flex;gap:24px;align-items:center}.landing-nav a{color:#46584a;text-decoration:none;font-weight:650;font-size:14px}.landing-login,.landing-cta{border:0;border-radius:999px;padding:10px 18px;font-weight:800}.landing-login{background:transparent;color:#17351f;border:1px solid #cbd4ca}.landing-cta{background:#17351f;color:#fff}.landing-login.large,.landing-cta.large{padding:14px 22px;font-size:15px}.landing-hero{min-height:650px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:42px;padding:64px max(6vw,30px) 74px;background:radial-gradient(circle at 18% 15%,#e3eadc,transparent 38%),#f5f1e8}.hero-copy{max-width:680px}.hero-kicker,.landing-heading>span,.landing-final span{font-size:12px;letter-spacing:.16em;font-weight:900;color:#4d815b}.hero-copy h1{font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.045em;margin:15px 0 24px}.hero-copy h1 em{font-style:normal;color:#3f7b50}.hero-copy>p{font-size:19px;line-height:1.65;color:#5d695f;max-width:610px}.hero-buttons{display:flex;gap:11px;margin:30px 0 18px}.trust-line{font-size:12px;color:#718074}.hero-photo{position:relative;height:530px;border-radius:32px;overflow:hidden;box-shadow:0 28px 60px #18311e2e}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,27,14,.38))}.photo-chip{position:absolute;left:24px;bottom:22px;z-index:2;background:#fafaf6f0;padding:13px 17px;border-radius:15px;display:flex;flex-direction:column}.photo-chip span{font-size:12px;color:#667268}.landing-section{padding:90px max(6vw,30px);max-width:1500px;margin:auto}.landing-heading{text-align:center;max-width:680px;margin:0 auto 38px}.landing-heading h2,.landing-final h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.035em;margin:10px 0}.landing-heading p{color:#68746b;font-size:17px}.habitat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.habitat-card{height:420px;border-radius:24px;overflow:hidden;position:relative;background:#263a2b;color:#fff;box-shadow:0 12px 30px #17351f14}.habitat-card img,.habitat-art{width:100%;height:100%;object-fit:cover}.habitat-art{display:grid;place-items:center;font-size:110px;background:radial-gradient(circle,#7f9c6f,#2f4937)}.aquatic .habitat-art{background:radial-gradient(circle,#668f88,#193c3d)}.habitat-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#06150bdb)}.habitat-card>div:last-child{position:absolute;z-index:2;left:20px;right:20px;bottom:20px}.habitat-card span{font-size:10px;letter-spacing:.14em;color:#c9e1cf;font-weight:900}.habitat-card h3{font-size:25px;margin:5px 0}.habitat-card p{font-size:13px;line-height:1.5;color:#e0e7e1;margin:0}.feature-band{background:#17351f;color:#fff;padding:90px max(6vw,30px)}.landing-heading.light h2{color:#fff}.feature-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid>div{background:#fff1;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:24px;font-size:28px}.feature-grid b{display:block;font-size:17px;margin:12px 0 5px}.feature-grid p{font-size:13px;color:#bed0c2;line-height:1.55;margin:0}.landing-final{text-align:center;padding:105px 25px;background:linear-gradient(135deg,#e7eddf,#f6efe4)}.landing-final>div{max-width:750px;margin:auto}.landing-final p{font-size:17px;color:#68746b;margin-bottom:26px}.landing-footer{display:flex;justify-content:space-between;align-items:center;padding:28px max(6vw,30px);background:#102718;color:#d7e3da;font-size:13px}.auth-dialog{position:fixed;inset:0;background:#05140ab3;z-index:100;display:none;place-items:center;padding:20px}.auth-dialog.open{display:grid}.auth-card{position:relative}.auth-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:28px;color:#657068}.auth-dialog.signup-mode .signup-only{display:block}.auth-dialog.login-mode .signup-only{display:none}@media(max-width:950px){.landing-hero{grid-template-columns:1fr}.hero-photo{height:430px}.habitat-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.landing-nav{height:66px}.landing-nav nav>a{display:none}.landing-nav nav{gap:7px}.landing-nav .landing-login,.landing-nav .landing-cta{padding:8px 11px;font-size:12px}.landing-hero{padding:44px 18px 55px;gap:30px}.hero-copy h1{font-size:47px}.hero-copy>p{font-size:16px}.hero-buttons{flex-direction:column}.hero-photo{height:360px}.landing-section,.feature-band{padding:65px 18px}.habitat-grid,.feature-grid{grid-template-columns:1fr}.habitat-card{height:360px}.landing-footer{flex-direction:column;gap:8px;text-align:center}}