@import"https://fonts.cdnfonts.com/css/open-runde";.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:none;border:var(--border-width) solid var(--border);border-radius:var(--radius-full);color:var(--foreground-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-out);flex-shrink:0;position:relative;overflow:hidden}.theme-toggle:hover{background:var(--surface);color:var(--foreground);border-color:var(--border-strong)}.theme-toggle:active{transform:scale(.93)}.theme-toggle>div{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.nav-spacer{height:4rem;width:100%;flex-shrink:0}.nav-shell{position:fixed;top:0;left:0;right:0;z-index:100;pointer-events:none;display:flex;flex-direction:column}.nav-inner{display:flex;align-items:center;height:4rem;width:100%;min-width:320px;border:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,var(--background) 80%,transparent);pointer-events:all;overflow:visible;position:relative}.nav-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;min-width:320px;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);height:100%}.nav-border{position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--border)}.nav-brand{display:flex;align-items:center;gap:.5rem;font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--foreground);text-decoration:none;flex-shrink:0;letter-spacing:-.02em;justify-self:start}.nav-links{display:flex;align-items:center;gap:2rem;justify-self:center}.nav-link{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--foreground-secondary);text-decoration:none;transition:color .15s ease-out;white-space:nowrap}.nav-link.active{color:var(--foreground)}@media(hover:hover)and (pointer:fine){.nav-link:hover{color:var(--foreground)}}.nav-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;justify-self:end}.nav-signin-wrap{overflow:visible}.nav-signin-btn{height:2.25rem!important;min-width:100px!important;padding:0 .875rem!important;border-radius:9999px!important;line-height:1!important;white-space:nowrap!important;box-shadow:0 1px 3px color-mix(in srgb,var(--foreground-secondary) 8%,transparent);transition:box-shadow var(--duration-fast) var(--ease-standard),height var(--duration-normal) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.nav-signin-btn:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--foreground-secondary) 20%,transparent)}}.nav-menu-btn{display:none;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:none;border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--foreground-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform .1s ease-out}.nav-menu-btn:active{transform:scale(.93)}@media(hover:hover)and (pointer:fine){.nav-menu-btn:hover{background:var(--surface);color:var(--foreground)}}.nav-drawer-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--color-gray-950) 40%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200}.nav-drawer{position:fixed;left:0;right:0;bottom:0;z-index:201;background:var(--background);border-top:var(--border-width) solid var(--border);border-radius:20px 20px 0 0;padding:var(--space-5) var(--space-5) var(--space-8)}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.nav-drawer-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--surface);border:none;border-radius:var(--radius-full);color:var(--foreground-secondary);cursor:pointer;transition:background-color .15s ease-out,transform .1s ease-out}.nav-drawer-close:active{transform:scale(.93)}.nav-drawer-links{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-6)}.nav-drawer-links .nav-link{font-size:var(--text-md);font-weight:var(--weight-semibold);padding:var(--space-3) var(--space-2);border-radius:var(--radius)}.nav-drawer-links .nav-link.active{background:var(--surface)}.nav-drawer-actions{display:flex;flex-direction:column;gap:var(--space-2)}.nav-drawer-actions .btn{width:100%;justify-content:center}@media(max-width:900px){.nav-links{gap:1.5rem}.nav-link{font-size:var(--text-md)}.nav-brand{font-size:var(--text-lg)}}@media(max-width:640px){.nav-links{display:none}.nav-brand{font-size:var(--text-lg)}.nav-spacer{height:3.75rem}.nav-cta-desktop{display:none}.nav-signin-wrap{display:none!important}.nav-menu-btn{display:flex}.nav-inner{height:3.75rem}.nav-content{grid-template-columns:1fr auto;padding:0 var(--space-3)}}@media(max-width:400px){.nav-content{padding:0 var(--space-2)}.nav-brand{font-size:var(--text-md)}.nav-menu-btn{width:32px;height:32px;min-width:32px}}.footer{width:100%;border-top:var(--border-width) solid var(--border);background:var(--background);overflow:hidden}.footer-container{max-width:var(--container-max);margin:0 auto;padding:var(--space-16) var(--container-padding) var(--space-8)}.footer-top{position:relative;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--space-12);padding-bottom:var(--space-8)}.footer-top:after{content:"";position:absolute;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);height:1px;background:var(--border)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer-logo{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--foreground);text-decoration:none;letter-spacing:-.02em}.footer-tagline{font-size:var(--text-sm);color:var(--foreground-secondary);line-height:1.6;max-width:230px}.footer-col{display:flex;flex-direction:column;gap:var(--space-3)}.footer-col-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--foreground);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-1)}.footer-col a{font-size:var(--text-base);color:var(--foreground-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard);width:fit-content}@media(hover:hover)and (pointer:fine){.footer-col a:hover{color:var(--foreground)}}.footer-bottom{padding-top:var(--space-6);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.footer-copy{font-size:var(--text-sm);color:var(--foreground-muted)}.footer-legal{display:flex;gap:var(--space-5)}.footer-legal a{font-size:var(--text-sm);color:var(--foreground-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.footer-legal a:hover{color:var(--foreground-secondary)}}@media(max-width:860px){.footer-top{grid-template-columns:1fr 1fr 1fr;gap:var(--space-8)}.footer-brand{grid-column:1 / -1}.footer-tagline{max-width:400px}}@media(max-width:480px){.footer-container{padding-top:var(--space-10);padding-bottom:var(--space-6)}.footer-top{grid-template-columns:1fr 1fr 1fr;gap:var(--space-4)}.footer-brand{grid-column:1 / -1}.footer-tagline{font-size:var(--text-xs);max-width:100%}.footer-col{gap:var(--space-2)}.footer-col-title{font-size:11px;margin-bottom:2px}.footer-col a{font-size:var(--text-xs)}.footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.footer-copy,.footer-legal a{font-size:var(--text-xs)}}.root-layout{display:flex;flex-direction:column;min-height:100vh}.root-main{flex:1}.search-bar{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);height:2.75rem;border:var(--border-width) solid var(--border);border-radius:var(--radius);background:var(--background);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.search-bar:not(:focus-within):hover{border-color:var(--border-strong)}}.search-bar:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 2px var(--ring)}.search-icon{font-size:var(--text-base);color:var(--foreground-muted);flex-shrink:0}.search-input{flex:1;border:none;background:none;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--foreground);outline:none}.search-input::placeholder{color:var(--foreground-muted)}.search-clear{background:none;border:none;color:var(--foreground-muted);cursor:pointer;font-size:var(--text-xs);padding:var(--space-1);transition:color var(--duration-fast) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.search-clear:hover{color:var(--foreground)}}.brand-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-10) var(--space-6) var(--space-8);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:box-shadow .22s var(--ease-out),transform .22s var(--ease-out),border-color .22s var(--ease-out)}@media(hover:hover)and (pointer:fine){.brand-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--border-strong)}}.brand-card:active{transform:scale(.97) translateY(0);transition-duration:.1s}.brand-card-logo{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;margin-bottom:var(--space-2)}.brand-card-logo img{width:52px;height:52px;object-fit:contain}.brand-card-initial{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:700;border-radius:var(--radius-sm)}.brand-card-name{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--foreground);line-height:1.2}.brand-card-reward{font-size:var(--text-sm);color:var(--foreground-secondary);line-height:1.5;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-card-skeleton{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised)}.skel{background:linear-gradient(90deg,color-mix(in srgb,var(--foreground) 10%,transparent) 25%,color-mix(in srgb,var(--foreground) 5%,transparent),color-mix(in srgb,var(--foreground) 10%,transparent) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:var(--radius-sm)}.skel-row{display:flex;justify-content:space-between;align-items:center}.skel-logo{width:40px;height:40px;border-radius:var(--radius)}.skel-badge{width:54px;height:20px}.skel-title{width:60%;height:22px}.skel-reward{width:80%;height:16px}.skel-desc{width:100%;height:14px}.skel-desc.short{width:65%}.skel-tag{width:60px;height:20px}.skel-btn{width:100%;height:34px;margin-top:var(--space-1)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skel{animation:none}}.browse-page{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding) var(--space-20)}.browse-hero{text-align:center;padding:var(--space-20) 0 var(--space-10)}.browse-title{font-size:var(--text-5xl);font-weight:var(--weight-bold);letter-spacing:-.04em;line-height:1;color:var(--foreground);margin-bottom:var(--space-3);font-optical-sizing:auto}.browse-subtitle{font-size:var(--text-lg);color:var(--foreground-secondary);line-height:1.6;margin:0 auto var(--space-7)}.browse-search-wrap{max-width:520px;margin:0 auto}.browse-search-wrap .search-bar{height:3rem}.browse-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;border-bottom:var(--border-width) solid var(--border);margin-bottom:var(--space-6);gap:var(--space-4)}.browse-count{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--foreground-muted);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0}.browse-controls{display:flex;gap:var(--space-2)}.browse-dropdown{position:relative}.browse-dropdown-btn{display:flex;align-items:center;gap:var(--space-1-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-1-5) var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-full);background:var(--background);color:var(--foreground-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-out)}.browse-dropdown-btn.open,.browse-dropdown-btn:focus-visible{border-color:var(--border-strong);color:var(--foreground);outline:none}@media(hover:hover)and (pointer:fine){.browse-dropdown-btn:not(.open):hover{background:var(--surface);border-color:var(--border-strong);color:var(--foreground)}}.browse-dropdown-btn:active{transform:scale(.97)}.browse-dropdown-label{color:var(--foreground-muted)}.browse-dropdown-value{color:var(--foreground)}.browse-dropdown-value:before{content:"·";margin-right:var(--space-1-5);color:var(--foreground-muted)}.browse-dropdown-chevron{color:var(--foreground-muted);transition:transform .18s var(--ease-out);flex-shrink:0}.browse-dropdown-btn.open .browse-dropdown-chevron{transform:rotate(180deg)}.browse-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:var(--background);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1);z-index:50;animation:menuFadeIn .14s var(--ease-out) forwards}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.browse-dropdown-item{display:block;width:100%;text-align:left;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-normal);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--foreground-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.browse-dropdown-item:hover{background:var(--surface);color:var(--foreground)}.browse-dropdown-item.active{background:var(--surface);color:var(--foreground);font-weight:var(--weight-medium)}.browse-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.browse-grid .brand-card{opacity:0;transform:translateY(10px);animation:cardFadeUp .35s var(--ease-out) forwards}@keyframes cardFadeUp{to{opacity:1;transform:translateY(0)}}.browse-empty{text-align:center;padding:var(--space-20) 0;color:var(--foreground-muted);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.browse-empty-heading{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--foreground);margin:0}.browse-empty-sub{font-size:var(--text-base);color:var(--foreground-secondary);max-width:320px;line-height:1.6;margin:0}@media(max-width:1200px){.browse-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.browse-title{font-size:var(--text-4xl)}.browse-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.browse-hero{padding:var(--space-8) 0 var(--space-6)}.browse-title{font-size:var(--text-3xl)}.browse-subtitle{font-size:var(--text-base)}.browse-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}@media(max-width:380px){.browse-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.browse-grid .brand-card{animation:none;opacity:1;transform:none}.browse-dropdown-menu{animation:none}}.badge{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:var(--weight-medium);padding:2px 8px;border-radius:var(--radius-sm);border:var(--border-width) solid var(--border);background:var(--surface);color:var(--foreground-secondary);letter-spacing:.02em;line-height:1.45}.badge-success{background:var(--status-success-bg);color:var(--status-success);border-color:transparent}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning);border-color:transparent}.badge-error{background:var(--status-error-bg);color:var(--status-error);border-color:transparent}.badge-info{background:var(--status-info-bg);color:var(--status-info);border-color:transparent}.confidence{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-variant-numeric:tabular-nums}.confidence-sm{font-size:var(--text-xs)}.confidence-md{font-size:var(--text-sm)}.confidence-dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.confidence-high{color:var(--status-success)}.confidence-high .confidence-dot{background:var(--status-success)}.confidence-medium{color:var(--status-warning)}.confidence-medium .confidence-dot{background:var(--status-warning)}.confidence-low{color:var(--status-error)}.confidence-low .confidence-dot{background:var(--status-error)}.confidence-trigger{cursor:default;display:inline-flex;outline:none}.confidence-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}.confidence-tooltip{background:var(--surface);color:var(--foreground);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.5;padding:6px 10px;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);transform-origin:var(--radix-tooltip-content-transform-origin);animation:tooltipEnter var(--duration-fast) var(--ease-out);z-index:200}.confidence-tooltip-arrow{fill:var(--surface)}@keyframes tooltipEnter{0%{opacity:0;scale:.97}to{opacity:1;scale:1}}@media(prefers-reduced-motion:reduce){.confidence-tooltip{animation:none;transition:opacity var(--duration-fast) var(--ease-standard)}}.confidence-unverified{color:var(--foreground-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.code-card{padding:var(--space-4) var(--space-5);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);display:flex;flex-direction:column;gap:var(--space-3);opacity:0;transform:translateY(8px);animation:codeCardIn .3s var(--ease-out) forwards}@keyframes codeCardIn{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.code-card{animation:none;opacity:1;transform:none}}.code-card-header{display:flex;justify-content:space-between;align-items:center}.code-card-user{display:flex;align-items:center;gap:var(--space-2)}.code-card-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--surface);border:var(--border-width) solid var(--border);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--foreground-secondary);flex-shrink:0}.code-card-username{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--foreground-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.code-card-username:hover{color:var(--foreground)}}.code-card-meta{display:flex;align-items:center;gap:var(--space-3)}.code-card-age{font-size:var(--text-xs);color:var(--foreground-muted)}.code-card-body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.code-card-string{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--foreground);background:var(--surface);border-radius:var(--radius-sm);padding:6px 10px;letter-spacing:.02em}.code-card-actions{display:flex;align-items:center;gap:var(--space-2)}.code-card-copy{height:2rem;padding:0 .75rem;font-size:var(--text-xs);font-weight:var(--weight-medium);background:transparent;border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--foreground-secondary);cursor:pointer;transition:filter 80ms var(--ease-out),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.code-card-copy.copying{color:var(--status-success);border-color:var(--status-success)}.code-vote-btn{height:2rem;padding:0 .625rem;font-size:var(--text-xs);font-weight:var(--weight-medium);font-family:var(--font-sans);display:inline-flex;align-items:center;gap:4px;background:transparent;border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--foreground-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-out)}@media(hover:hover)and (pointer:fine){.code-vote-btn:not(.active-worked):not(.active-expired):hover{background:var(--surface);border-color:var(--border-strong);color:var(--foreground-secondary)}}.code-vote-btn:active{transform:scale(.97)}.code-vote-btn.active-worked{color:var(--status-success);border-color:var(--status-success)}.code-vote-btn.active-expired{color:var(--status-error);border-color:var(--status-error)}.vote-icon{transition:transform var(--duration-normal) var(--ease-out)}.vote-confirm{animation:voteConfirm .15s var(--ease-out)}.vote-deconfirm{animation:voteDeconfirm .15s var(--ease-out)}@keyframes voteConfirm{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes voteDeconfirm{0%{transform:scale(1.1)}to{transform:scale(1)}}.reward-sidebar{width:280px;flex-shrink:0}.reward-sidebar-inner{position:sticky;top:80px;background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.reward-sidebar-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--foreground);line-height:1.4}.reward-steps{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.reward-steps li{display:flex;gap:var(--space-3);align-items:flex-start;font-size:var(--text-sm);color:var(--foreground-secondary);line-height:1.5}.reward-step-num{width:20px;height:20px;border-radius:var(--radius-full);background:var(--accent);color:var(--accent-foreground);font-size:var(--text-xs);font-weight:var(--weight-semibold);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.reward-copy-btn{width:100%;height:2.75rem;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background-color var(--duration-fast) var(--ease-standard),filter 80ms var(--ease-out),transform var(--duration-instant) var(--ease-out)}.reward-copy-btn:active{transform:scale(.97)}.reward-copy-btn.copied{background:var(--status-success)}.reward-sidebar-divider{height:var(--border-width);background:var(--border)}.reward-stats{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-start}.reward-stat{display:flex;flex-direction:column;gap:2px}.reward-stat-value{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--foreground)}.reward-stat-label{font-size:var(--text-xs);color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.06em}.reward-stat-note{font-size:var(--text-xs);color:var(--foreground-muted);align-self:flex-end}.reward-submit-btn{width:100%}.reward-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--background);border-top:var(--border-width) solid var(--border);padding:var(--space-3) var(--container-padding);z-index:50;align-items:center;justify-content:space-between;gap:var(--space-4)}.reward-bottom-info{display:flex;flex-direction:column;gap:2px}.reward-bottom-value{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--foreground)}.reward-bottom-rate{font-size:var(--text-xs);color:var(--foreground-muted)}@media(max-width:768px){.reward-sidebar{display:none}.reward-bottom-bar{display:flex}}.related-brands{margin-top:var(--space-16)}.related-brands-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.related-brands-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--foreground-secondary)}.related-brands-more{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--foreground-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.related-brands-more:hover{color:var(--foreground)}}.related-brands-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.related-brand-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);text-decoration:none;color:inherit;transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}@media(hover:hover)and (pointer:fine){.related-brand-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}}.related-brand-logo{width:28px;height:28px;border-radius:var(--radius-sm);border:var(--border-width) solid var(--border);object-fit:contain;flex-shrink:0}.related-brand-info{display:flex;flex-direction:column;gap:2px;min-width:0}.related-brand-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-brand-reward{font-size:var(--text-xs);color:var(--foreground-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.related-brands-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.related-brands-grid{display:flex;gap:var(--space-3);overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2)}.related-brand-card{flex-shrink:0;width:200px}}.submit-modal-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--color-gray-950) 40%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:300}.submit-modal-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:301;width:100%;max-width:480px;background:var(--background);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-6)}.submit-modal-drawer{position:fixed;bottom:0;left:0;right:0;z-index:301;background:var(--background);border-top:var(--border-width) solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);padding:var(--space-5) var(--space-6) var(--space-10)}.submit-modal-form{display:flex;flex-direction:column;gap:var(--space-5)}.submit-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.submit-modal-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--foreground);letter-spacing:-.01em;line-height:1.3}.submit-modal-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--foreground-secondary);cursor:pointer;flex-shrink:0;transition:color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-out)}@media(hover:hover)and (pointer:fine){.submit-modal-close:hover{color:var(--foreground)}}.submit-modal-close:active{transform:scale(.93)}.submit-modal-field{display:flex;flex-direction:column;gap:var(--space-2)}.submit-modal-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--foreground-secondary);text-transform:uppercase;letter-spacing:.05em}.submit-modal-input{font-family:var(--font-sans);font-size:var(--text-base);color:var(--foreground);background:var(--background);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);height:2.75rem;width:100%;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);outline:none}.submit-modal-input:focus{border-color:var(--border-strong);box-shadow:0 0 0 2px var(--ring)}@media(hover:hover)and (pointer:fine){.submit-modal-input:not(:focus):hover{border-color:var(--border-strong)}}.submit-modal-input::placeholder{color:var(--foreground-muted)}.submit-modal-type{display:flex;align-items:center;gap:var(--space-3)}.submit-type-toggle{display:flex;border:var(--border-width) solid var(--border);border-radius:var(--radius);overflow:hidden}.submit-type-btn{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-1-5) var(--space-4);background:var(--background);border:none;color:var(--foreground-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-out)}.submit-type-btn+.submit-type-btn{border-left:var(--border-width) solid var(--border)}@media(hover:hover)and (pointer:fine){.submit-type-btn:not(.active):hover{background:var(--surface);color:var(--foreground)}}.submit-type-btn:active{transform:scale(.97)}.submit-type-btn.active{background:var(--accent);color:var(--accent-foreground)}.submit-modal-submit{width:100%;height:3rem;font-size:var(--text-base)}.submit-modal-success{text-align:center;padding:var(--space-8) 0;display:flex;flex-direction:column;gap:var(--space-2)}.submit-modal-success-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--status-success)}.submit-modal-success-sub{font-size:var(--text-base);color:var(--foreground-secondary)}.brand-page{max-width:var(--container-max);margin:0 auto;padding:var(--space-12) var(--container-padding) var(--space-16)}.brand-not-found{text-align:center;padding:var(--space-20) 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--foreground-secondary)}.brand-header{margin-bottom:var(--space-10)}.brand-header-main{display:flex;gap:var(--space-5);align-items:flex-start;margin-bottom:var(--space-6)}.brand-header-logo{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;opacity:0;transform:translateY(8px);animation:headerFadeUp .3s var(--ease-out) forwards}.brand-header-logo img{width:40px;height:40px;object-fit:contain}.brand-header-info{display:flex;flex-direction:column;gap:var(--space-2)}.brand-header-name-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;opacity:0;transform:translateY(8px);animation:headerFadeUp .3s var(--ease-out) forwards}.brand-header-name{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:-.025em;line-height:1.2;color:var(--foreground)}.brand-header-badges{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.brand-verified{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--status-success)}.brand-reward-desc{font-size:var(--text-lg);line-height:1.55;color:var(--foreground-secondary);max-width:var(--content-narrow);opacity:0;transform:translateY(8px);animation:headerFadeUp .3s var(--ease-out) forwards}.brand-header-stats{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-5) var(--space-6);background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);opacity:0;animation:headerFadeUp .3s var(--ease-out) forwards}.brand-stat{display:flex;flex-direction:column;gap:2px}.brand-stat-value{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--foreground);font-variant-numeric:tabular-nums}.brand-stat-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.06em}.brand-stat-divider{width:var(--border-width);height:40px;background:var(--border)}@keyframes headerFadeUp{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.brand-header-logo,.brand-header-name-row,.brand-reward-desc,.brand-header-stats{animation:none;opacity:1;transform:none}}.brand-body{display:flex;gap:var(--space-8);align-items:flex-start}.brand-codes{flex:1;min-width:0}.code-sort-bar{display:flex;gap:var(--space-1-5);margin-bottom:var(--space-5)}.sort-chip{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--foreground-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-out)}.sort-chip:active{transform:scale(.97)}.sort-chip.active{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}.code-list{display:flex;flex-direction:column;gap:var(--space-3)}.code-submit-cta{padding:var(--space-6) 0 var(--space-4);border-top:var(--border-width) solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.code-submit-cta p{font-size:var(--text-sm);color:var(--foreground-secondary)}.code-empty{text-align:center;padding:var(--space-16) 0;color:var(--foreground-muted);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);font-size:var(--text-sm)}@media(max-width:768px){.brand-header-main{flex-direction:column}.brand-header-stats{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.brand-stat-divider{width:40px;height:var(--border-width)}.brand-body{flex-direction:column}.brand-page{padding-bottom:calc(var(--space-16) + 60px)}.code-submit-cta{flex-direction:column;align-items:flex-start}}.brand-stat-null{font-size:var(--text-sm);color:var(--foreground-muted);font-style:italic}.profile-page{max-width:var(--content-medium);margin:0 auto;padding:var(--space-10) var(--container-padding) var(--space-20)}.profile-not-found{text-align:center;padding:var(--space-20) 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.profile-header{display:flex;gap:var(--space-5);align-items:flex-start;margin-bottom:var(--space-8)}.profile-avatar{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-full);font-size:32px;flex-shrink:0}.profile-info{display:flex;flex-direction:column;gap:var(--space-2)}.profile-name-row{display:flex;align-items:center;gap:var(--space-3)}.profile-share-btn{transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-out)}.profile-share-btn:active{transform:scale(.97)}.profile-username{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--foreground)}.profile-meta{display:flex;gap:var(--space-4);font-size:var(--text-sm);color:var(--foreground-secondary)}.profile-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.profile-stats{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-5) var(--space-6);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin-bottom:var(--space-10)}.profile-stat{display:flex;flex-direction:column;gap:2px}.profile-stat-value{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--foreground);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.profile-stat-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--foreground-muted);letter-spacing:.02em}.profile-stat-divider{width:var(--border-width);height:36px;background:var(--border)}.profile-section-title{font-size:var(--text-xl);font-weight:var(--weight-medium);letter-spacing:-.01em;color:var(--foreground);margin-bottom:var(--space-5)}.profile-codes-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.profile-code-card{padding:var(--space-4) var(--space-5);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:var(--space-3);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}@media(hover:hover)and (pointer:fine){.profile-code-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}}.profile-code-header{display:flex;align-items:center;gap:var(--space-3)}.profile-code-logo{font-size:20px}.profile-code-brand{flex:1;display:flex;flex-direction:column}.profile-code-brand-name{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--foreground)}.profile-code-reward{font-size:var(--text-sm);color:var(--foreground-secondary)}.profile-code-footer{display:flex;justify-content:space-between;align-items:center}.profile-code-string{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--foreground);padding:var(--space-1) var(--space-3);background:var(--surface);border-radius:var(--radius-sm)}.profile-code-meta{font-size:var(--text-xs);color:var(--foreground-muted)}@media(max-width:768px){.profile-header{flex-direction:column}.profile-stats{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.profile-stat-divider{width:40px;height:var(--border-width)}.profile-codes-list{grid-template-columns:1fr}}.pricing-page{max-width:var(--container-max);margin:0 auto;padding:var(--space-16) var(--container-padding) var(--space-20)}.pricing-header{text-align:center;margin-bottom:var(--space-12);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.pricing-title{font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:-.03em;line-height:1.15;color:var(--foreground)}.pricing-subtitle{font-size:var(--text-lg);color:var(--foreground-secondary);line-height:1.55;max-width:var(--content-narrow)}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-20)}.pricing-card{display:flex;flex-direction:column;padding:var(--space-6);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);position:relative;transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}@media(hover:hover)and (pointer:fine){.pricing-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.pricing-card-popular{border-color:var(--accent);box-shadow:var(--shadow-md)}.pricing-popular-badge{position:absolute;top:calc(-1 * var(--space-3));left:50%;transform:translate(-50%);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:2px 10px;background:var(--accent);color:var(--accent-foreground);border-radius:var(--radius-full);letter-spacing:.02em;white-space:nowrap}.pricing-card-header{margin-bottom:var(--space-6)}.pricing-plan-name{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--foreground);margin-bottom:var(--space-2)}.pricing-price{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-2)}.pricing-amount{font-size:var(--text-3xl);font-weight:var(--weight-semibold);letter-spacing:-.025em;color:var(--foreground)}.pricing-period{font-size:var(--text-sm);color:var(--foreground-muted)}.pricing-plan-desc{font-size:var(--text-sm);color:var(--foreground-secondary);line-height:1.5}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);flex:1;margin-bottom:var(--space-6)}.pricing-features li{font-size:var(--text-sm);color:var(--foreground-secondary);display:flex;align-items:flex-start;gap:var(--space-2);line-height:1.5}.pricing-check{color:var(--status-success);flex-shrink:0;margin-top:2px}.pricing-cta{width:100%}.pricing-faq{border-top:var(--border-width) solid var(--border);padding-top:var(--space-12)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);max-width:var(--content-medium);margin:0 auto}.faq-item h3{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--foreground);margin-bottom:var(--space-2)}.faq-item p{font-size:var(--text-sm);color:var(--foreground-secondary);line-height:1.6}@media(max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pricing-page{padding:var(--space-8) var(--container-padding) var(--space-12)}.pricing-title{font-size:var(--text-2xl)}.pricing-grid,.faq-grid{grid-template-columns:1fr}}.app{min-height:100vh}.nav{display:flex;justify-content:space-between;align-items:center;height:4rem;padding:0 var(--container-padding);max-width:var(--container-max);margin:0 auto;border-bottom:var(--border-width) solid var(--border);position:sticky;top:0;background:var(--background);z-index:100}.nav-brand{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--foreground);text-decoration:none}.brand-mark{width:20px;height:20px;background:var(--accent);border-radius:var(--radius-sm)}.nav-links{display:flex;align-items:center;gap:var(--space-8)}.nav-links a{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--foreground-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.nav-links a:hover{color:var(--foreground)}}.nav-actions{display:flex;align-items:center;gap:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--border) 40%,transparent);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--weight-medium);line-height:1;white-space:nowrap;height:2.5rem;padding:0 1.25rem;border-radius:9999px;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-out),height var(--duration-normal) var(--ease-standard)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--accent-foreground);border-color:color-mix(in srgb,var(--accent-hover) 30%,transparent)}@media(hover:hover)and (pointer:fine){.btn-primary:hover{background:var(--accent-hover)}}.btn-secondary{background:transparent;color:var(--foreground);border-color:color-mix(in srgb,var(--border) 50%,transparent)}@media(hover:hover)and (pointer:fine){.btn-secondary:hover{background:var(--surface);border-color:var(--border-strong)}}.btn-ghost{background:transparent;color:var(--foreground-secondary);border-color:color-mix(in srgb,var(--border) 20%,transparent)}@media(hover:hover)and (pointer:fine){.btn-ghost:hover{color:var(--foreground)}}.btn-compact{height:2rem;padding:0 .75rem}.btn-lg{height:3rem;padding:0 1.5rem;font-size:var(--text-base)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.hero{text-align:center;padding:var(--space-24) var(--container-padding);max-width:var(--container-max);margin:0 auto;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:radial-gradient(circle,var(--border) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black 20%,transparent 75%);-webkit-mask-image:linear-gradient(to bottom,black 20%,transparent 75%);opacity:.5;pointer-events:none}.hero-glow{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse 60% 50% at 35% 40%,oklch(92% .04 30 / .45),transparent),radial-gradient(ellipse 50% 45% at 65% 50%,oklch(92% .035 260 / .35),transparent);pointer-events:none;filter:blur(60px)}[data-theme=dark] .hero-glow,.dark .hero-glow{background:radial-gradient(ellipse 60% 50% at 35% 40%,oklch(30% .04 30 / .3),transparent),radial-gradient(ellipse 50% 45% at 65% 50%,oklch(30% .035 260 / .25),transparent)}[data-theme=dark] .hero-grid,.dark .hero-grid{opacity:.25}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:var(--border-width) solid var(--border);background:var(--surface-raised);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--foreground-secondary);letter-spacing:.02em;margin-bottom:var(--space-8);position:relative;z-index:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--status-success);flex-shrink:0;position:relative}.hero-badge-dot:after{content:"";position:absolute;inset:-3px;border-radius:var(--radius-full);background:var(--status-success);opacity:0;animation:badgePulse 2.5s ease-out infinite}@keyframes badgePulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.hero-title{font-size:var(--text-6xl);font-weight:var(--weight-extrabold);line-height:1.08;letter-spacing:-.035em;color:var(--foreground);margin-bottom:var(--space-6);max-width:var(--content-medium);margin-left:auto;margin-right:auto;position:relative;z-index:1}.hero-title-em{background:linear-gradient(135deg,var(--foreground) 40%,var(--foreground-muted) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:var(--text-xl);line-height:1.55;color:var(--foreground-secondary);max-width:var(--content-narrow);margin:0 auto var(--space-10);position:relative;z-index:1;font-weight:var(--weight-semibold)}.hero-actions{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-16);position:relative;z-index:1}.hero-btn-primary{position:relative;overflow:hidden}.hero-btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);transition:none}@media(hover:hover)and (pointer:fine){.hero-btn-primary:hover:after{left:120%;transition:left .6s ease-out}}.hero-btn-secondary{gap:var(--space-2)}.hero-btn-secondary svg{transition:transform .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.hero-btn-secondary:hover svg{transform:translate(3px)}}.hero-stats{display:flex;justify-content:center;align-items:center;gap:var(--space-12);padding:var(--space-6) var(--space-8);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-raised) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);max-width:620px;margin:0 auto;position:relative;z-index:1}.stat{display:flex;flex-direction:column;gap:var(--space-1)}.stat-value{font-size:var(--text-3xl);font-weight:var(--weight-semibold);line-height:1.3;letter-spacing:-.02em;color:var(--foreground);font-variant-numeric:tabular-nums}.stat-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--foreground-muted);letter-spacing:.02em}.stat-divider{width:var(--border-width);height:40px;background:var(--border)}.section-title{text-align:center;font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:1.2;letter-spacing:-.025em;color:var(--foreground);margin-bottom:var(--space-4)}.section-subtitle{text-align:center;font-size:var(--text-lg);color:var(--foreground-secondary);max-width:var(--content-narrow);margin:0 auto var(--space-12);line-height:1.6}.features{padding:var(--space-20) var(--container-padding);max-width:var(--container-max);margin:0 auto;border-top:var(--border-width) solid var(--border)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.feature-card{padding:var(--space-6);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}@media(hover:hover)and (pointer:fine){.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}}.feature-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius);font-size:var(--text-base);margin-bottom:var(--space-4)}.feature-card h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);color:var(--foreground)}.feature-card p{font-size:var(--text-base);line-height:1.54;color:var(--foreground-secondary)}.how-it-works{padding:var(--space-20) var(--container-padding);max-width:var(--container-max);margin:0 auto;border-top:var(--border-width) solid var(--border)}.steps{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-3);max-width:var(--content-medium);margin:0 auto}.step{text-align:center;flex:1;padding:var(--space-6)}.step-number{width:36px;height:36px;border-radius:var(--radius-full);background:var(--accent);color:var(--accent-foreground);font-weight:var(--weight-semibold);font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.step h3{font-size:var(--text-md);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);color:var(--foreground)}.step p{font-size:var(--text-sm);line-height:1.54;color:var(--foreground-secondary)}.step-connector{width:48px;height:var(--border-width);background:var(--border);flex-shrink:0;margin-top:42px}.leaderboard{padding:var(--space-20) var(--container-padding);max-width:680px;margin:0 auto;border-top:var(--border-width) solid var(--border)}.leaderboard-table{border:var(--border-width) solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.lb-row{display:grid;grid-template-columns:48px 1fr 90px 90px;padding:var(--space-3) var(--space-4);align-items:center;border-bottom:var(--border-width) solid var(--border);font-size:var(--text-sm)}.lb-row:last-child{border-bottom:none}@media(hover:hover)and (pointer:fine){.lb-row:not(.lb-header):hover{background:var(--surface)}}.lb-header{background:var(--surface);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.05em}.lb-rank{font-size:var(--text-sm)}.lb-name{font-weight:var(--weight-medium);color:var(--foreground)}.lb-referrals{text-align:right;color:var(--foreground-secondary);font-variant-numeric:tabular-nums}.lb-earned{text-align:right;font-weight:var(--weight-semibold);color:var(--foreground);font-variant-numeric:tabular-nums}.cta{text-align:center;padding:var(--space-16);margin:0 var(--container-padding) var(--space-10);max-width:var(--container-max);margin-left:auto;margin-right:auto;border-radius:var(--radius-md);background:var(--surface);border:var(--border-width) solid var(--border)}.cta h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:-.02em;margin-bottom:var(--space-2);color:var(--foreground)}.cta p{font-size:var(--text-lg);color:var(--foreground-secondary);margin-bottom:var(--space-6)}.footer{padding:var(--space-12) var(--container-padding) var(--space-8);max-width:var(--container-max);margin:0 auto;border-top:var(--border-width) solid var(--border);display:flex;justify-content:space-between;align-items:center}.footer-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--foreground)}.footer-brand .brand-mark{width:14px;height:14px}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{color:var(--foreground-secondary);text-decoration:none;font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.footer-links a:hover{color:var(--foreground)}}.footer-copy{color:var(--foreground-muted);font-size:var(--text-xs)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}.reveal.in-view{opacity:1;transform:translateY(0)}.feature-card{opacity:0;transform:translateY(8px);animation:fadeUp .3s var(--ease-out) forwards}.feature-card:nth-child(1){animation-delay:0ms}.feature-card:nth-child(2){animation-delay:40ms}.feature-card:nth-child(3){animation-delay:80ms}.feature-card:nth-child(4){animation-delay:.12s}.feature-card:nth-child(5){animation-delay:.16s}.feature-card:nth-child(6){animation-delay:.2s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.nav-links{display:none}.hero{padding:var(--space-16) var(--container-padding)}.hero-glow{width:100%;height:400px;filter:blur(40px)}.hero-grid{background-size:24px 24px}.hero-title{font-size:var(--text-4xl);letter-spacing:-.025em}.hero-subtitle{font-size:var(--text-base)}.hero-actions{flex-direction:column;align-items:center}.hero-stats{flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-6)}.stat-divider{width:40px;height:var(--border-width)}.features{padding:var(--space-12) var(--container-padding)}.features-grid{grid-template-columns:1fr}.how-it-works{padding:var(--space-12) var(--container-padding)}.steps{flex-direction:column;align-items:center}.step-connector{width:var(--border-width);height:24px;margin-top:0}.leaderboard{padding:var(--space-12) var(--container-padding)}.lb-row{grid-template-columns:36px 1fr 60px 70px;padding:var(--space-2) var(--space-3)}.cta{margin:0 var(--container-padding) var(--space-6);padding:var(--space-10) var(--space-6)}.footer{flex-direction:column;gap:var(--space-4);text-align:center;padding:var(--space-8) var(--container-padding)}}:root{--color-white: oklch(99.8% .004 145);--color-gray-50: oklch(98.5% .008 145);--color-gray-100: oklch(96.7% .003 265);--color-gray-200: oklch(92.8% .006 265);--color-gray-300: oklch(87.2% .01 258);--color-gray-400: oklch(70.7% .022 261);--color-gray-500: oklch(55.1% .023 264);--color-gray-600: oklch(44.6% .03 257);--color-gray-700: oklch(37.3% .034 260);--color-gray-800: oklch(27.9% .029 257);--color-gray-900: oklch(20.8% .042 266);--color-gray-950: oklch(12.9% .042 265);--background: var(--color-white);--surface: var(--color-gray-50);--surface-raised: var(--color-white);--foreground: var(--color-gray-900);--foreground-secondary: var(--color-gray-600);--foreground-muted: var(--color-gray-400);--border: var(--color-gray-200);--border-strong: var(--color-gray-300);--ring: var(--color-gray-900);--accent: oklch(48% .12 145);--accent-foreground: oklch(100% 0 0);--accent-hover: oklch(55% .14 142);--accent-subtle: oklch(97.5% .02 145);--status-success: oklch(55.7% .169 145);--status-success-bg: oklch(98.8% .035 145);--status-warning: oklch(62.9% .142 59);--status-warning-bg: oklch(99.2% .021 92);--status-error: oklch(55.3% .201 26);--status-error-bg: oklch(97.5% .024 17);--status-info: oklch(50.6% .198 257);--status-info-bg: oklch(97.9% .026 254);--font-sans: "Open Runde", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1.0625rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: 2.75rem;--text-5xl: 3.5rem;--text-6xl: 4.25rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--container-max: 1400px;--container-padding: 24px;--content-narrow: 640px;--content-medium: 960px;--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--border-width: 1px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px rgba(0,0,0,.06), 0 4px 6px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px rgba(0,0,0,.08), 0 8px 10px rgba(0,0,0,.04);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--ease-standard: ease-out;--duration-instant: .1s;--duration-fast: .15s;--duration-normal: .2s;--duration-moderate: .3s;--duration-slow: .5s;--duration-exit-fast: .12s;--duration-exit-normal: .15s;--duration-exit-moderate: .2s}[data-theme=dark],.dark{--color-black: oklch(0% 0 0);--color-gray-950: oklch(13% .035 155);--color-gray-900: oklch(17% .04 152);--color-gray-800: oklch(23% .035 150);--color-gray-700: oklch(32% .038 148);--color-gray-600: oklch(42% .04 145);--color-gray-500: oklch(55% .035 143);--color-gray-400: oklch(68% .03 142);--color-gray-300: oklch(80% .025 140);--color-gray-200: oklch(88% .018 138);--color-gray-100: oklch(94% .01 137);--color-gray-50: oklch(97% .008 136);--color-white: oklch(100% 0 0);--background: var(--color-gray-950);--surface: var(--color-gray-900);--surface-raised: var(--color-gray-800);--foreground: var(--color-gray-100);--foreground-secondary: var(--color-gray-300);--foreground-muted: var(--color-gray-500);--border: var(--color-gray-800);--border-strong: var(--color-gray-700);--ring: var(--color-gray-200);--accent: oklch(62% .15 138);--accent-foreground: oklch(15% .04 155);--accent-hover: oklch(70% .17 135);--accent-subtle: oklch(25% .05 145);--status-success: oklch(75.7% .169 145);--status-success-bg: oklch(28.8% .035 145);--status-warning: oklch(82.9% .142 59);--status-warning-bg: oklch(39.2% .021 92);--status-error: oklch(75.3% .201 26);--status-error-bg: oklch(37.5% .024 17);--status-info: oklch(70.6% .198 257);--status-info-bg: oklch(37.9% .026 254)}html{font-size:16px}@media(max-width:900px){html{font-size:15px}}@media(max-width:640px){html{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);color:var(--foreground);background:var(--background);line-height:1.6;font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto}a{text-decoration:none}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}