:root{color:#eef5ff;font-synthesis:none;--navy-950:#061126;--navy-900:#091a36;--navy-800:#10264a;--navy-700:#17365f;--blue:#2f8fff;--cyan:#4dd4ff;--gold:#f4bf55;--muted:#9fb0c8;--card:#0e2345e6;--line:#9fb8da29;background:#061126;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--navy-950)}body{background:radial-gradient(circle at 78% -10%, #2f8fff33, transparent 34%), var(--navy-950);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.brand{align-items:center;gap:14px;display:flex}.brand img{object-fit:contain;filter:drop-shadow(0 8px 18px #2686f647);width:62px;height:62px}.brand div{gap:1px;display:grid}.brand strong{letter-spacing:.08em;font-size:19px}.brand span{color:var(--muted);font-size:14px}.brand--compact img{width:48px;height:48px}.brand--compact strong{font-size:16px}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-card{z-index:1;border:1px solid var(--line);background:linear-gradient(160deg,#0f274df7,#07162ffa);border-radius:30px;width:min(100%,480px);padding:34px;position:relative;box-shadow:0 34px 100px #00000061}.login-copy{margin:42px 0 28px}.eyebrow{letter-spacing:.16em;margin:0 0 8px;font-weight:800;color:var(--cyan)!important;font-size:13px!important}.login-copy h1,.inner-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(30px,7vw,42px);line-height:1.08}.login-copy p,.inner-heading p{color:var(--muted);font-size:17px;line-height:1.55}.login-form{gap:12px;display:grid}.login-form label{color:#cbd9ed;font-size:15px;font-weight:700}.login-form input{color:#fff;background:#040f21b3;border:1px solid #9fb8da42;border-radius:15px;outline:none;width:100%;min-height:62px;padding:0 18px;font-size:20px;transition:all .2s}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2f8fff24}.login-form .code-input{text-align:center;letter-spacing:.24em;font-size:28px;font-weight:800}.login-form>button:not(.text-button){background:linear-gradient(135deg, var(--blue), #176ad0);color:#fff;border:0;border-radius:15px;min-height:60px;margin-top:6px;font-size:17px;font-weight:800;box-shadow:0 12px 28px #1e6fd64d}.login-form button:disabled{cursor:not-allowed;opacity:.5}.text-button{color:#8fc3ff;background:0 0;border:0;padding:10px;font-weight:700}.form-error{color:#ffbbc0;background:#9e23332e;border:1px solid #ff6f7a4d;border-radius:13px;margin-top:15px;padding:13px 15px;line-height:1.4}.privacy-note{color:#7f91aa;margin:22px 0 0;font-size:13px;line-height:1.45}.demo-code{color:#d7eaff;text-align:center;background:#2f8fff24;border-radius:11px;padding:10px 13px}.demo-access-card{color:#d9efff;text-align:left;background:#2f8fff1a;border:1px solid #4dd4ff47;border-radius:14px;gap:3px;width:100%;padding:14px 16px;display:grid}.demo-access-card span{color:var(--cyan);letter-spacing:.1em;font-size:11px;font-weight:800}.demo-access-card strong{font-size:19px}.demo-access-card small{color:var(--muted)}.water-glow{background:var(--blue);filter:blur(110px);opacity:.2;border-radius:50%;width:760px;height:380px;position:absolute;bottom:-290px;left:50%;transform:translate(-50%)}.loading-screen{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:24px;display:grid}.loader{border:3px solid #82b0e833;border-top-color:var(--blue);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cabinet-shell{min-height:100vh;padding-bottom:92px}.desktop-header{display:none}.page-content{width:min(100%,1040px);margin:0 auto;padding:30px 20px 48px}.welcome{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.welcome p{color:var(--muted);margin:0 0 3px;font-size:17px}.welcome h1{letter-spacing:-.03em;margin:0;font-size:32px}.profile-avatar{color:#fff;background:linear-gradient(145deg,#1c73cc,#123d70);border:1px solid #5fb8ff66;border-radius:18px;place-items:center;width:54px;height:54px;font-size:18px;font-weight:800;display:grid;box-shadow:0 10px 26px #0f5caa4d}.passport-card{background:linear-gradient(135deg,#174a85,#0d2b53 55%,#122a4c);border:1px solid #58b4ff40;border-radius:25px;padding:25px;position:relative;overflow:hidden;box-shadow:0 22px 44px #00081847}.passport-card:after{content:"";border:40px solid #56c0ff17;border-radius:50%;width:220px;height:220px;position:absolute;top:-120px;right:-100px}.passport-card__top,.passport-level{z-index:1;justify-content:space-between;align-items:flex-start;gap:20px;display:flex;position:relative}.passport-card__top div{gap:5px;display:grid}.passport-card__top span{color:#b9d7fa;letter-spacing:.14em;font-size:12px;font-weight:800}.passport-card__top strong{letter-spacing:-.04em;font-size:39px}.passport-card__top .passport-mark{color:#fff;letter-spacing:.03em;background:#ffffff1a;border-radius:15px;place-items:center;width:48px;height:48px;font-size:16px;display:grid}.passport-level{align-items:end;margin:30px 0 11px}.passport-level div{gap:3px;display:grid}.passport-level span{font-size:16px;font-weight:800}.passport-level small{color:#b6cae6}.passport-level>strong{color:#b8d9ff;font-size:12px}.progress{background:#9ec0e429;border-radius:20px;height:7px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--cyan));height:100%;display:block}.stats-grid{grid-template-columns:repeat(3,1fr);gap:11px;margin:16px 0 30px;display:grid}.stats-grid article{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:18px;justify-items:center;gap:3px;padding:18px 8px;display:grid}.stats-grid .stat-icon{font-size:22px}.stats-grid strong{font-size:24px}.stats-grid small{color:var(--muted);font-size:12px}.section-block{margin-top:28px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-heading h2{margin:0;font-size:21px}.section-heading button{color:#75b8ff;background:0 0;border:0;font-weight:700}.achievement-preview__row{border:1px solid var(--line);background:var(--card);border-radius:19px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.achievement-icon{background:#f4bf5521;border-radius:16px;place-items:center;width:52px;height:52px;font-size:25px;display:grid}.achievement-preview__row>div{gap:5px;display:grid}.achievement-preview__row small{color:var(--muted)}.achievement-preview__row b{color:var(--cyan)}.achievement-preview__row .progress{margin-top:5px}.species-list{border:1px solid var(--line);background:var(--card);border-radius:19px;gap:13px;padding:18px;display:grid}.species-list>div{grid-template-columns:minmax(80px,1fr) 2fr auto;align-items:center;gap:13px;display:grid}.species-list span{font-weight:700}.species-list strong{color:#d9eaff;font-size:13px}.visit-card{border:1px solid var(--line);background:var(--card);border-radius:19px;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:13px;padding:17px;display:grid}.visit-card+.visit-card{margin-top:10px}.visit-date{background:#2f8fff1f;border-radius:13px;place-items:center;padding:7px 3px;display:grid}.visit-date span{font-size:20px;font-weight:800}.visit-date small{color:#80bdff;text-transform:uppercase}.visit-main{gap:4px;min-width:0;display:grid}.visit-main>strong{font-size:16px}.visit-main>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.visit-total{color:var(--cyan);white-space:nowrap;font-size:14px}.catch-tags{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.catch-tags span{color:#bcdcff;background:#2a76cc24;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:700}.muted{color:#73859c}.inner-page{padding-top:34px}.inner-heading{margin-bottom:26px}.inner-heading h1{font-size:34px}.inner-heading p{margin:8px 0 0;font-size:15px}.filter-pills{scrollbar-width:none;gap:8px;margin:0 -20px 20px;padding:0 20px 5px;display:flex;overflow-x:auto}.filter-pills button{border:1px solid var(--line);background:var(--card);color:#b5c3d6;border-radius:30px;flex:none;padding:11px 15px;font-weight:700}.filter-pills button.active{color:#fff;background:#1766b7;border-color:#429dff80}.history-list{gap:1px;display:grid}.empty-state{text-align:center;color:var(--muted);justify-items:center;padding:60px 20px;display:grid}.empty-state span{font-size:42px}.empty-state h2{color:#fff;margin:12px 0 4px}.empty-state p{margin:0}.achievement-summary{background:linear-gradient(135deg,#9865143d,#0e2345e6);border:1px solid #f4bf5533;border-radius:19px;grid-template-columns:auto 1fr;align-items:baseline;gap:8px;margin-bottom:22px;padding:19px;display:grid}.achievement-summary strong{color:var(--gold);font-size:34px}.achievement-summary span{color:#d6c49b}.achievement-summary .progress{grid-column:1/-1}.achievements-grid{gap:11px;display:grid}.achievements-grid article{border:1px solid var(--line);background:var(--card);border-radius:19px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.achievements-grid article.locked{filter:saturate(.45);opacity:.68}.achievement-badge{background:#f4bf551f;border-radius:17px;place-items:center;width:54px;height:54px;font-size:27px;display:grid}.achievements-grid article>div{gap:4px;display:grid}.achievements-grid small{color:var(--muted)}.achievements-grid b{color:var(--gold);font-size:12px}.achievements-grid article>.progress{width:58px}.profile-hero{text-align:center;justify-items:center;padding:18px 0 27px;display:grid}.profile-avatar--large{border-radius:26px;width:82px;height:82px;font-size:25px}.profile-hero h1{margin:15px 0 4px;font-size:29px}.profile-hero p{color:var(--muted);margin:0 0 12px}.profile-hero>span{color:#badaff;background:#2f8fff21;border-radius:20px;padding:7px 12px;font-size:13px;font-weight:800}.profile-info{border:1px solid var(--line);background:var(--card);border-radius:19px;overflow:hidden}.profile-info div{justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.profile-info div+div{border-top:1px solid var(--line)}.profile-info span{color:var(--muted)}.profile-info strong{text-align:right}.support-card{border:1px solid var(--line);background:#0e2345a6;border-radius:19px;gap:5px;margin-top:18px;padding:20px;display:grid}.support-card span{color:var(--cyan);font-size:13px;font-weight:800}.support-card p{color:var(--muted);margin:4px 0 0;line-height:1.5}.logout-button{color:#ffb7bd;background:#9f2a3721;border:1px solid #ff748040;border-radius:15px;width:100%;min-height:54px;margin-top:20px;font-weight:800}.bottom-nav{z-index:10;min-height:72px;padding:7px max(8px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07142bf0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#8192aa;background:0 0;border:0;align-content:center;justify-items:center;gap:3px;font-size:11px;font-weight:700;display:grid}.bottom-nav button>span{place-items:center;width:29px;height:25px;font-size:20px;font-weight:500;display:grid}.bottom-nav button.active{color:#71baff}@media (width<=420px){.login-page{padding:12px}.login-card{border-radius:24px;padding:25px 21px}.login-copy{margin-top:34px}.page-content{padding-left:14px;padding-right:14px}.filter-pills{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.passport-card{padding:21px}.stats-grid article{padding:15px 4px}.stats-grid small{font-size:11px}.achievement-preview__row{grid-template-columns:auto 1fr}.achievement-preview__row>b{grid-column:2}.visit-card{grid-template-columns:44px minmax(0,1fr)}.visit-total{grid-column:2}.achievements-grid article{grid-template-columns:auto 1fr}.achievements-grid article>b,.achievements-grid article>.progress{grid-column:2;width:100%}}@media (width>=780px){.cabinet-shell{padding:0}.desktop-header{border-bottom:1px solid var(--line);background:#061126bf;justify-content:space-between;align-items:center;min-height:76px;padding:10px 32px;display:flex}.desktop-header>div:last-child{text-align:right;display:grid}.desktop-header>div:last-child span{color:var(--muted);font-size:13px}.page-content{padding-top:42px;padding-bottom:110px}.welcome{margin-bottom:30px}.passport-card{padding:32px}.stats-grid{gap:16px}.stats-grid article{align-content:center;min-height:128px}.stats-grid strong{font-size:31px}.achievements-grid{grid-template-columns:repeat(2,1fr)}.bottom-nav{border:1px solid var(--line);border-radius:22px;width:min(620px,100% - 40px);min-height:72px;bottom:22px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 20px 60px #0006}}