: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-logo{justify-content:center;display:flex}.login-logo img{filter:drop-shadow(0 14px 30px #03081c6b);border-radius:22px;width:min(100%,300px);height:auto;display:block}.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}.call-verification{text-align:center}.call-button{color:#fff;background:linear-gradient(135deg,#2f8fff,#176ad0);border-radius:15px;place-items:center;min-height:62px;padding:12px 18px;font-size:18px;font-weight:800;text-decoration:none;display:grid;box-shadow:0 12px 28px #1e6fd64d}.call-status{color:#d9efff;background:#2f8fff1a;border:1px solid #4dd4ff3d;border-radius:13px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:12px 14px;line-height:1.4;display:flex}.call-status__loader{border:2px solid #8fc3ff40;border-top-color:var(--cyan);border-radius:50%;flex:none;width:19px;height:19px;animation:.8s linear infinite spin}.call-verification small{color:var(--muted);font-size:13px;line-height:1.5}.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}.host-access-card{background:linear-gradient(135deg,#174a85,#0d2b53 58%,#122a4c);border:1px solid #58b4ff47;border-radius:25px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:28px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 44px #00081847}.host-access-card:after{content:"";border:38px solid #56c0ff14;border-radius:50%;width:210px;height:210px;position:absolute;top:-105px;right:-115px}.host-access-card>div{z-index:1;position:relative}.host-access-card span{color:var(--cyan);letter-spacing:.14em;font-size:12px;font-weight:800}.host-access-card h2{letter-spacing:-.035em;margin:8px 0 7px;font-size:clamp(24px,6vw,36px)}.host-access-card p{color:#bdd0e9;max-width:680px;margin:0;line-height:1.55}.host-access-card .host-access-card__mark{z-index:1;color:#fff;letter-spacing:.03em;background:#ffffff1a;border-radius:19px;place-items:center;width:64px;height:64px;font-size:20px;display:grid;position:relative}.host-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:16px 0 30px;display:grid}.host-stats-grid article{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:18px;justify-items:center;gap:4px;padding:18px 8px;display:grid}.host-stats-grid article>span{font-size:22px}.host-stats-grid strong{font-size:24px}.host-stats-grid small{color:var(--muted);font-size:12px}.host-leaders-list{border:1px solid var(--line);background:var(--card);border-radius:20px;overflow:hidden}.host-leaders-list article{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px;display:grid}.host-leaders-list article+article{border-top:1px solid var(--line)}.host-leaders-list article>span{text-align:center;font-size:24px}.host-leaders-list article>div{gap:3px;min-width:0;display:grid}.host-leaders-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.host-leaders-list small{color:var(--muted)}.host-leaders-list b{color:var(--cyan);white-space:nowrap}.host-ranking-empty{margin-top:0}.section-block{margin-top:28px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-heading>div{gap:3px;display:grid}.section-heading h2{margin:0;font-size:21px}.section-heading button{color:#75b8ff;background:0 0;border:0;font-weight:700}.section-heading>span{color:var(--muted);font-size:13px}.section-kicker{color:var(--cyan);letter-spacing:.13em;font-size:11px;font-weight:800}.monthly-mission__card{background:linear-gradient(145deg,#71470d3b,#0e2345e6);border:1px solid #f4bf5538;border-radius:20px;gap:17px;padding:20px;display:grid}.mission-streak{align-items:center;gap:12px;display:flex}.mission-streak>span{background:#f4933729;border-radius:15px;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.mission-streak div{gap:2px;display:grid}.mission-streak small{color:#c6b898}.mission-goal{gap:8px;display:grid}.mission-goal>div{color:#d9e5f5;justify-content:space-between;gap:16px;font-size:14px;display:flex}.mission-goal strong{color:#fff;text-align:right;font-size:13px}.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}.ranking-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:22px;display:grid}.ranking-heading>div>p:last-child{max-width:650px}.month-select{gap:6px;min-width:180px;display:grid}.month-select span{color:var(--muted);font-size:12px;font-weight:700}.month-select select{border:1px solid var(--line);color:#fff;min-height:46px;font:inherit;text-transform:capitalize;background:#0e2345;border-radius:13px;outline:none;padding:0 38px 0 14px;font-weight:700}.reward-banner{background:linear-gradient(135deg,#905d0f47,#0e2345e6);border:1px solid #f4bf5540;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:15px;padding:19px;display:grid}.reward-banner__icon{background:#f4bf5524;border-radius:17px;place-items:center;width:54px;height:54px;font-size:28px;display:grid}.reward-banner div{gap:4px;display:grid}.reward-banner p{color:#c6b898;margin:0;font-size:13px;line-height:1.4}.ranking-podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:10px;margin:18px 0;display:grid}.podium-place{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:19px;justify-items:center;gap:5px;min-width:0;padding:20px 8px;display:grid}.podium-place>span{font-size:30px}.podium-place strong{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:14px;overflow:hidden}.podium-place b{color:var(--cyan);font-size:18px}.podium-place small{color:var(--muted)}.podium-place--1{background:linear-gradient(160deg,#895b1459,#0e2345f2);border-color:#f4bf556b;min-height:166px;padding-top:27px}.podium-place.is-current,.ranking-list article.is-current{border-color:#4dd4ff7a;box-shadow:inset 0 0 0 1px #4dd4ff1f}.ranking-list-block{margin-top:27px}.ranking-list{border:1px solid var(--line);background:var(--card);border-radius:20px;overflow:hidden}.ranking-list article{border:1px solid #0000;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 17px;display:grid}.ranking-list article+article{border-top-color:var(--line)}.ranking-position{color:#bcd5f3;text-align:center;font-size:18px;font-weight:800}.ranking-list article>div{gap:3px;min-width:0;display:grid}.ranking-list article strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-list article small{color:var(--muted)}.ranking-list article>b{color:var(--cyan);white-space:nowrap}.ranking-empty{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:20px;justify-items:center;gap:5px;margin:18px 0;padding:42px 20px;display:grid}.ranking-empty>span{font-size:38px}.ranking-empty h2{margin:8px 0 0}.ranking-empty p{color:var(--muted);margin:0}.current-rank-card{background:#2f8fff1f;border:1px solid #4dd4ff66;border-radius:17px;grid-template-columns:1fr auto auto;align-items:center;gap:18px;margin-top:13px;padding:17px 19px;display:grid}.current-rank-card span{color:var(--muted)}.current-rank-card strong{font-size:20px}.current-rank-card b{color:var(--cyan)}.ranking-note{color:#73859c;text-align:center;margin:18px 4px 0;font-size:12px;line-height:1.5}.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(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav--host{grid-template-columns:repeat(3,1fr)}.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-logo img{border-radius:18px;width:min(100%,250px)}.login-copy{margin-top:28px}.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}.host-access-card{grid-template-columns:1fr;padding:22px}.host-access-card .host-access-card__mark{display:none}.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%}.ranking-heading{grid-template-columns:1fr;align-items:stretch}.month-select{min-width:0}.ranking-podium{gap:6px}.podium-place{padding-left:5px;padding-right:5px}.podium-place b{font-size:15px}.ranking-list article{padding-left:12px;padding-right:12px}.bottom-nav button{font-size:10px}}@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}.host-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.host-stats-grid article{align-content:center;min-height:128px}.host-stats-grid strong{font-size:28px}.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}}