*{box-sizing:border-box;margin:0;padding:0}html,body{color:#eee;overscroll-behavior:none;background:#111;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100dvh;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}:root{--safe-top:env(safe-area-inset-top);--safe-right:env(safe-area-inset-right);--safe-bottom:env(safe-area-inset-bottom);--safe-left:env(safe-area-inset-left);--native-chrome-top:0px;--native-chrome-bottom:0px}html.aifish-ios-native,body.aifish-ios-native{--native-chrome-top:58px;--native-chrome-bottom:8px;background:#0f0f23}a{color:inherit}button,input,select,textarea{font:inherit}.ui-button{color:#fff;cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:8px 14px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;transition:border-color .12s,background-color .12s,color .12s,opacity .12s;display:inline-flex}.ui-button:disabled,.ui-button[aria-disabled=true]{cursor:not-allowed;opacity:.55}.ui-button--primary{color:#29adff;background:#124;border-color:#29adff}.ui-button--secondary{color:#ddd;background:#1a1a2e;border-color:#555}.ui-button--danger{color:#ff6e8f;background:#2a0715;border-color:#ff004d}.ui-button--success{color:#00e436;background:#062a16;border-color:#00a650}.ui-button--ghost{color:#29adff;background:0 0;border-color:#0000}.ui-button--compact{min-height:30px;padding:5px 10px;font-size:12px}.ui-back-link{color:#29adff;align-items:center;gap:6px;min-height:32px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.ui-page-shell{color:#fff;min-height:100dvh;padding:calc(16px + var(--native-chrome-top)) 16px calc(16px + var(--native-chrome-bottom));background:#0f0f23}.ui-page-header{align-items:center;gap:12px;margin-bottom:18px;display:flex}.ui-page-title{margin:0;font-size:20px;line-height:1.2}body.aifish-ios-native .ui-page-header{opacity:.82;min-height:28px;margin-bottom:12px}body.aifish-ios-native .ui-page-header .ui-back-link,body.aifish-ios-native .native-soft-header .ui-back-link{display:none}body.aifish-ios-native .ui-page-title,body.aifish-ios-native .native-soft-header h1{color:#a9b3c9;font-size:15px;font-weight:700}.ui-card{background:#1a1a2e;border:1px solid #333;border-radius:8px}.ui-status{border:1px solid #333;border-radius:6px;margin-bottom:16px;padding:9px 12px;font-size:13px}.ui-status--success{color:#00e436;background:#092413;border-color:#008751}.ui-status--error{color:#ff6e8f;background:#2a0715;border-color:#ff004d}.ui-status--info{color:#29adff;background:#0b1a2a;border-color:#1d4f7a}.ui-toolbar{padding:12px max(16px, var(--safe-right)) max(12px, calc(var(--safe-bottom) + var(--native-chrome-bottom))) max(16px, var(--safe-left));background:#0f0f23;border-top:1px solid #1f2440;align-items:center;gap:10px;display:flex}.native-app-page{padding-top:var(--native-chrome-top);padding-right:max(0px, var(--safe-right));padding-bottom:var(--native-chrome-bottom);padding-left:max(0px, var(--safe-left))}.native-soft-header{flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;display:flex}body.aifish-ios-native .native-soft-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f0f23b8;border-bottom:1px solid #29adff14;min-height:42px;padding-top:8px;padding-bottom:6px}.native-home-page{padding:calc(16px + var(--native-chrome-top)) max(16px, var(--safe-right)) calc(38px + var(--native-chrome-bottom) + var(--safe-bottom)) max(16px, var(--safe-left))}.fixed-safe-left,.fixed-safe-right{bottom:max(8px, calc(var(--safe-bottom) + 8px))}.fixed-safe-left{left:max(8px, calc(var(--safe-left) + 8px))}.fixed-safe-right{right:max(8px, calc(var(--safe-right) + 8px))}body.aifish-ios-native .fixed-safe-right{display:none!important}.muted{color:#a9b3c9;font-size:14px}.error-text{color:#ff6e59}.center-block{text-align:center;margin-top:40px}.page-intro{margin:-6px 0 20px}.eyebrow{color:#29adff;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:700}.inline-actions{flex-wrap:wrap;gap:10px;display:flex}.section-row{justify-content:space-between;align-items:flex-end;gap:16px;margin:26px 0 14px;display:flex}.section-row h2{margin-bottom:4px;font-size:18px}.empty-state{text-align:center;color:#a9b3c9;background:#171b31;border:1px solid #303650;border-radius:8px;padding:24px}.modal-backdrop{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-panel{text-align:center;background:#1a1a2e;border:1px solid #555;border-radius:8px;width:min(360px,100%);padding:24px}.text-input{color:#fff;background:#0f0f23;border:1px solid #555;border-radius:6px;outline:none;width:100%;margin-bottom:12px;padding:8px 12px}.onboarding-panel{text-align:left;background:#111d2a;border:1px solid #2e4960;border-radius:8px;padding:16px}.onboarding-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.onboarding-header h2{margin-top:2px;font-size:18px}.onboarding-progress{color:#a9b3c9;align-items:center;gap:10px;margin-top:8px;font-size:12px;display:flex}.onboarding-progress-track{background:#0b1020;border-radius:999px;width:130px;height:6px;overflow:hidden}.onboarding-progress-fill{border-radius:inherit;background:#00e436;height:100%;transition:width .16s}.onboarding-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.onboarding-step{background:#14172b;border:1px solid #27334e;border-radius:8px;grid-template-columns:28px 1fr;gap:10px;padding:12px;display:grid}.onboarding-step--current{background:#101e35;border-color:#29adff}.onboarding-step--done{background:#0d2418;border-color:#008751}.step-index{color:#29adff;background:#223a54;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:flex}.onboarding-step--done .step-index{color:#fff;background:#008751}.onboarding-step-title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.onboarding-step h3{margin-bottom:4px;font-size:14px}.onboarding-step-status{color:#a9b3c9;border:1px solid #44506d;border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:11px;line-height:1.3}.onboarding-step-status.is-done{color:#00e436;border-color:#008751}.onboarding-step p{color:#a9b3c9;min-height:54px;margin-bottom:10px;font-size:12px;line-height:1.5}.fish-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.fish-card{color:inherit;background:#171b31;border:1px solid #303650;border-radius:8px;flex-direction:column;gap:8px;padding:10px;text-decoration:none;display:flex}.fish-card-image{aspect-ratio:1;width:100%;image-rendering:pixelated;object-fit:contain;background:#0a1628;border-radius:6px}.fish-card-title{font-size:14px;font-weight:700}.fish-card-meta{color:#a9b3c9;font-size:12px}.profile-hero,.fish-detail{background:#171b31;border:1px solid #303650;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:20px;display:grid}.profile-hero h1,.fish-detail-info h1{margin:4px 0 8px;font-size:28px}.profile-stats,.metric-grid{grid-template-columns:repeat(3,minmax(72px,1fr));gap:10px;display:grid}.profile-stats div,.metric-grid div{text-align:center;background:#111529;border:1px solid #27334e;border-radius:8px;padding:10px}.profile-stats strong,.metric-grid strong{color:#fff;font-size:20px;display:block}.profile-stats span,.metric-grid span{color:#a9b3c9;font-size:12px}.achievement-list,.leaderboard-list{flex-direction:column;gap:12px;display:flex}.achievement-card,.leaderboard-row{background:#171b31;border:1px solid #303650;border-radius:8px;align-items:center;gap:14px;padding:14px;display:grid}.achievement-card{grid-template-columns:48px 1fr auto}.achievement-card--done{background:#0d2418;border-color:#008751}.achievement-icon,.rank-number{color:#29adff;background:#10162a;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.achievement-body h2,.rank-main h2{margin-bottom:4px;font-size:16px}.achievement-body p,.rank-main p{color:#a9b3c9;font-size:13px}.progress-track{background:#0b1020;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:#29adff;height:100%}.achievement-meta{color:#a9b3c9;margin-top:5px;font-size:12px}.leaderboard-row{color:inherit;grid-template-columns:44px 58px 1fr auto;text-decoration:none}.rank-image{width:58px;height:58px;image-rendering:pixelated;object-fit:contain;background:#0a1628;border-radius:8px}.rank-score{text-align:right}.rank-score strong{color:#fff;font-size:18px;display:block}.rank-score span{color:#a9b3c9;font-size:12px}.fish-detail{grid-template-columns:minmax(220px,320px) 1fr}.fish-detail-art{background:#0a1628;border:1px solid #27334e;border-radius:8px;padding:18px}.fish-detail-art img{aspect-ratio:1;width:100%;image-rendering:pixelated;object-fit:contain}.fish-detail-info{flex-direction:column;gap:16px;display:flex}@media (max-width:720px){.onboarding-steps,.profile-hero,.fish-detail{grid-template-columns:1fr}.section-row,.onboarding-header{flex-direction:column;align-items:flex-start}.achievement-card{grid-template-columns:42px 1fr}.achievement-card .ui-button{grid-column:2;justify-self:start}.leaderboard-row{grid-template-columns:34px 48px 1fr}.rank-score{text-align:left;grid-column:3}}