@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800;900&display=swap";
*{box-sizing:border-box}:root{--bg:#f4f6fb;--card:#fff;--border:#e5e7eb;--text:#111827;--muted:#6b7280;--brand:#00bcd4;--brand-rgb:0,188,212;--primary:var(--brand);--primary-dark:var(--brand);--accent:var(--brand);--primary-soft:rgba(var(--brand-rgb),.12);--shadow:0 18px 40px #11182714;--shadow-soft:0 10px 24px #1118270f}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{color:var(--text);background:radial-gradient(circle at top,#fff,#f4f6fb 45%,rgba(var(--brand-rgb),.08)100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Sora,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.page{flex-direction:column;min-height:100vh;display:flex}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:18px;padding:20px}.input{background:#fff;border:1px solid #e2e8f0;border-radius:14px;outline:none;width:100%;padding:12px 14px;font-size:15px;transition:border-color .15s}.input:focus{border-color:var(--primary)}.button{cursor:pointer;color:#fff;background:linear-gradient(135deg,rgba(var(--brand-rgb),1),rgba(var(--brand-rgb),.85));width:100%;box-shadow:0 14px 26px rgba(var(--brand-rgb),.25);border:none;border-radius:999px;padding:12px 18px;font-size:15px;font-weight:800}.button.secondary{color:var(--primary);border:1px solid var(--primary);box-shadow:none;background:#fff}.muted{color:var(--muted)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{padding:16px;padding-bottom:calc(96px + env(safe-area-inset-bottom));flex:1}.tab-bar{background:var(--primary);border-top:1px solid rgba(var(--brand-rgb),.6);padding:8px 10px calc(12px + env(safe-area-inset-bottom));z-index:10;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-item{color:#ffffffb8;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:11px;font-weight:700;line-height:1.05;display:flex}.tab-item.active{color:#fff}.tab-icon-wrap{place-items:center;display:grid;position:relative}.tab-item-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.tab-item-badge{color:#fff;background:#ef4444;border:1.5px solid #fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-6px;right:-10px}.top-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-bottom:1px solid #edf2f7;align-items:center;gap:16px;padding:18px 56px;display:none;position:sticky;top:0}.nav-left{flex-direction:column;gap:4px;min-width:200px;display:flex}.brand{letter-spacing:.4px;color:var(--brand);font-family:Sora,Segoe UI,sans-serif;font-size:28px;font-weight:900}.brand-tag{color:var(--muted);font-size:12px;font-weight:600}.nav-search{box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.05);background:#fff;border:1px solid #e2e8f0;border-radius:999px;flex:1;align-items:center;gap:10px;padding:10px 16px;display:flex}.nav-search-input{background:0 0;border:none;outline:none;width:100%;font-size:15px}.nav-links{align-items:center;gap:12px;display:flex}.nav-link{color:var(--muted);border-radius:999px;padding:8px 14px;font-weight:700;transition:all .2s}.nav-link:hover{color:var(--primary-dark);background:var(--primary-soft)}.nav-link.active{color:#fff;background:var(--primary-dark)}.nav-download{border:1px solid rgba(var(--brand-rgb),.35);background:rgba(var(--brand-rgb),.08);height:38px;color:var(--primary-dark);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex}.nav-download:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.nav-profile{justify-content:flex-end;min-width:160px;display:flex}.nav-actions{align-items:center;gap:10px;display:flex}.nav-auth{align-items:center;gap:10px;margin-left:auto;display:flex}.nav-auth-link{color:var(--primary-dark);background:#fff;border:1px solid #dbeafe;border-radius:999px;padding:6px 12px;font-weight:700}.nav-auth-link.primary{color:#fff;background:var(--primary-dark);border-color:var(--primary-dark)}.nav-icon{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:999px;place-items:center;width:38px;height:38px;transition:all .2s;display:grid;position:relative}.nav-icon:hover{background:var(--primary-soft);color:var(--primary-dark)}.nav-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.profile-menu{position:relative}.profile-summary{cursor:pointer;color:var(--text);background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:700;list-style:none;display:flex}.profile-summary::-webkit-details-marker{display:none}.profile-dot{background:var(--primary);border-radius:999px;width:8px;height:8px}.profile-dropdown{min-width:180px;box-shadow:var(--shadow-soft);background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:8px;padding:12px;display:grid;position:absolute;top:48px;right:0}.profile-dropdown a,.profile-dropdown button{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:6px 8px;font-weight:600}.profile-dropdown a:hover,.profile-dropdown button:hover{background:var(--primary-soft)}.pill{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700}@media (min-width:960px){.top-nav{display:flex}.tab-bar{display:none}.app-main{width:100%;max-width:1200px;margin:0 auto;padding:36px 64px 48px}}@media (max-width:1280px){.nav-download{display:none}}