@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpSmall{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleUp{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatSmall{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes ping{75%,100%{transform:scale(2);opacity:0}}@keyframes bounce{0%,100%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}}@keyframes glowPulse{0%,100%{box-shadow:0 0 20px -5px rgba(247,147,26,.4)}50%{box-shadow:0 0 35px -5px rgba(247,147,26,.6)}}@keyframes glowPulseIntense{0%,100%{box-shadow:0 0 30px -5px rgba(247,147,26,.5)}50%{box-shadow:0 0 50px -5px rgba(247,147,26,.8)}}@keyframes glowPulseGold{0%,100%{box-shadow:0 0 20px rgba(255,214,0,.3)}50%{box-shadow:0 0 40px rgba(255,214,0,.5)}}@keyframes heroGlow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes gradientShift{0%,100%{background-position:0}50%{background-position:100%}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes copySuccess{0%{transform:scale(1)}40%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes checkmark{0%{stroke-dashoffset:24}100%{stroke-dashoffset:0}}.animate-fadeIn{animation:fadeIn var(--duration-normal)var(--ease-out)both}.animate-slideUp{animation:slideUp .6s cubic-bezier(.16,1,.3,1)both}.animate-slideUpSmall{animation:slideUpSmall .5s cubic-bezier(.16,1,.3,1)both}.animate-scaleUp{animation:scaleUp .5s cubic-bezier(.16,1,.3,1)both}.animate-float{animation:float 8s ease-in-out infinite}.animate-float-slow{animation:float 10s ease-in-out infinite}.animate-float-fast{animation:floatSmall 4s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-spin-slow{animation:spin 10s linear infinite}.animate-spin-slower{animation:spin 15s linear infinite}.animate-spin-reverse{animation:spinReverse 12s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1)infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1)infinite}.animate-bounce{animation:bounce 1s infinite}.animate-glow{animation:glowPulse 3s ease-in-out infinite}.animate-glow-intense{animation:glowPulseIntense 2s ease-in-out infinite}.animate-glow-gold{animation:glowPulseGold 3s ease-in-out infinite}.animate-gradient{background-size:200%;animation:gradientShift 3s ease-in-out infinite}.stagger-children>*{opacity:0;animation:slideUpSmall .5s cubic-bezier(.16,1,.3,1)forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.stagger-children>*:nth-child(n+9){animation-delay:.45s}.hero-stagger>*{opacity:0;animation:slideUp .7s cubic-bezier(.16,1,.3,1)forwards}.hero-stagger>*:nth-child(1){animation-delay:.1s}.hero-stagger>*:nth-child(2){animation-delay:.2s}.hero-stagger>*:nth-child(3){animation-delay:.3s}.hero-stagger>*:nth-child(4){animation-delay:.4s}.hero-stagger>*:nth-child(5){animation-delay:.5s}.transition-none{transition:none}.transition-all{transition:all var(--duration-normal)var(--ease-out)}.transition-colors{transition:color var(--duration-fast)var(--ease-out),background-color var(--duration-fast)var(--ease-out),border-color var(--duration-fast)var(--ease-out)}.transition-opacity{transition:opacity var(--duration-normal)var(--ease-out)}.transition-transform{transition:transform var(--duration-normal)var(--ease-out)}.hover-lift{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover)}.hover-scale{transition:transform .25s cubic-bezier(.16,1,.3,1)}.hover-scale:hover{transform:scale(1.03)}.hover-glow{transition:box-shadow .3s var(--ease-out)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.hover-shine{position:relative;overflow:hidden}.hover-shine::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,.1),transparent );transition:left .5s ease;pointer-events:none}.hover-shine:hover::before{left:100%}.hover-border-glow{transition:border-color .2s ease,box-shadow .2s ease}.hover-border-glow:hover,.hover-border-glow:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(247,147,26,.15)}.press-effect:active{transform:scale(.98)}.btn-copy.copied{animation:copySuccess var(--duration-slow)var(--ease-bounce)}.skeleton{background:linear-gradient( 90deg,var(--color-bg-muted) 25%,var(--color-bg-subtle) 50%,var(--color-bg-muted) 75% );background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-title{height:1.5em;width:70%;margin-bottom:var(--space-3)}.skeleton-card{height:200px}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--duration-slow)var(--ease-out),transform var(--duration-slow)var(--ease-out)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}.hover-lift:hover,.hover-scale:hover{transform:none}.animate-float,.animate-float-slow,.animate-spin,.animate-spin-slow,.animate-glow{animation:none}}.ad-wrapper{min-height:90px;display:flex;align-items:center;justify-content:center}@media(max-width:767px){.ad-wrapper{min-height:50px}}.ad-container{display:flex;align-items:center;justify-content:center;background:var(--color-bg-muted);margin:var(--space-6)0;overflow:hidden;border-radius:var(--radius-md)}.ad-container:empty::before,.ad-container .ad-placeholder{content:'Advertisement';color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.ad-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ad-leaderboard{min-width:728px;min-height:90px;max-width:100%}.ad-large-leaderboard{min-width:970px;min-height:250px;max-width:100%}.ad-in-content,.ad-rectangle{min-width:300px;min-height:250px}.ad-sidebar{min-width:300px;min-height:600px;position:sticky;top:calc(var(--header-height) + var(--space-4))}.ad-in-feed{min-height:120px;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media(max-width:767px){.ad-leaderboard,.ad-large-leaderboard{min-width:320px;min-height:50px}.ad-sidebar{display:none}.ad-in-content{min-width:300px;min-height:250px}}.ad-mobile-anchor{display:none}@media(max-width:767px){.ad-mobile-anchor{display:flex;position:fixed;bottom:0;left:0;right:0;min-width:320px;min-height:50px;z-index:var(--z-fixed);background:var(--color-bg-subtle);border-top:1px solid var(--color-border);box-shadow:0 -2px 10px oklch(0 0 0/.1)}body.has-anchor-ad{padding-bottom:60px}}.featured-listing{border:2px solid var(--color-success);background:linear-gradient( 135deg,oklch(.95 .03 155/.3) 0%,var(--color-bg-subtle) 100% );position:relative}.featured-listing::before{content:'Featured';position:absolute;top:calc(-1 * var(--space-2-5));right:var(--space-3);padding:var(--space-0-5)var(--space-2);background:var(--color-success);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-sm)}.sponsor-section{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-muted);border-radius:var(--radius-lg);margin:var(--space-6)0}.sponsor-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.sponsor-link{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.sponsor-logo{height:24px;width:auto}.sponsor-name{font-weight:var(--font-medium);color:var(--color-text)}.sponsor-tagline{font-size:var(--text-sm);color:var(--color-text-secondary);margin-left:auto}.ad-container[data-ad-loading=true]{animation:pulse 2s cubic-bezier(.4,0,.6,1)infinite}.ad-container[data-ad-loaded=true] .ad-placeholder{display:none}.skills-grid .ad-in-feed{grid-column:1/-1}@media(min-width:640px){.skills-grid .ad-in-feed{grid-column:span 2}}@media(min-width:1024px){.skills-grid .ad-in-feed{grid-column:span 3}}@media(min-width:1280px){.skills-grid .ad-in-feed{grid-column:span 4}}:root[data-theme=dark] .ad-container{background:var(--color-bg-muted)}:root[data-theme=dark] .featured-listing{background:linear-gradient( 135deg,oklch(.25 .05 155/.3) 0%,var(--color-bg-subtle) 100% )}.search-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-12)var(--space-4);opacity:0;visibility:hidden;transition:opacity var(--duration-normal)var(--ease-out),visibility var(--duration-normal)var(--ease-out)}.search-modal.is-open,.search-modal:not([hidden]){opacity:1;visibility:visible}.search-modal[hidden]{display:none}.search-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.search-container{position:relative;width:100%;max-width:640px;max-height:calc(100vh - var(--space-16));background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);overflow:hidden;display:flex;flex-direction:column;animation:search-slide-in var(--duration-normal)var(--ease-out)}@keyframes search-slide-in{from{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.search-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-3)var(--space-4);background:0 0;position:relative;z-index:10}.search-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:rgba(255,255,255,5%);border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast)var(--ease-out)}.search-close:hover{background:rgba(255,255,255,.1);color:var(--color-text)}.search-input-wrapper{position:relative;padding:var(--space-4)var(--space-5);background:#1a1a1a}.search-input-icon{position:absolute;left:calc(var(--space-5) + var(--space-4));top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;transition:color var(--duration-fast)}.search-input:focus~.search-input-icon,.search-input-wrapper:focus-within .search-input-icon{color:var(--color-primary)}.search-input{width:100%;padding:var(--space-4)var(--space-5);padding-left:calc(var(--space-10) + var(--space-2));padding-right:var(--space-14);font-size:1.125rem;font-family:var(--font-sans);font-weight:500;color:var(--color-text);background:#242424;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);outline:none;transition:all var(--duration-fast)var(--ease-out)}.search-input::placeholder{color:var(--color-text-muted);font-weight:400}.search-input:focus{border-color:var(--color-primary);background:#222;box-shadow:0 0 0 3px rgba(247,147,26,.12)}.search-kbd{position:absolute;right:calc(var(--space-5) + var(--space-4));top:50%;transform:translateY(-50%);padding:var(--space-1)var(--space-2);font-size:.6875rem;font-family:var(--font-mono);font-weight:500;color:var(--color-text-muted);background:rgba(255,255,255,5%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm)}.search-filters-wrapper{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)var(--space-5);background:rgba(255,255,255,2%);border-top:1px solid rgba(255,255,255,6%);border-bottom:1px solid rgba(255,255,255,6%)}.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.filter-group--categories{padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,6%)}.filter-group-label{font-size:.6875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:var(--space-2)}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px var(--space-3);font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);background:0 0;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast)var(--ease-out)}.filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(247,147,26,8%)}.filter-chip--active{background:var(--color-primary);border-color:var(--color-primary);color:#000;font-weight:600}.filter-chip--active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#000}.search-results{flex:1;overflow-y:auto;padding:var(--space-4)var(--space-5);min-height:200px;max-height:50vh;background:#1a1a1a}.search-results-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:140px;color:var(--color-text-muted);text-align:center}.search-results-placeholder svg{width:32px;height:32px;margin-bottom:var(--space-3);opacity:.25}.search-results-placeholder p{font-size:.8125rem;color:#6b7280}.search-results-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center}.search-results-empty p{font-size:.9375rem;color:var(--color-text-secondary)}.search-results-empty-hint{font-size:.8125rem;color:var(--color-text-muted);margin-top:var(--space-2)}.search-results-count{font-size:.75rem;font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.search-results-list{display:flex;flex-direction:column;gap:var(--space-2)}.search-result{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:rgba(255,255,255,3%);border:1px solid transparent;border-radius:var(--radius-lg);text-decoration:none;transition:all var(--duration-fast)var(--ease-out)}.search-result:hover,.search-result.is-selected{background:rgba(255,255,255,6%);border-color:rgba(255,255,255,.1)}.search-result.is-selected{border-color:var(--color-primary)}.search-result-content{flex:1;min-width:0}.search-result-header{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-1)}.search-result-title{font-size:.9375rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-header .pro-badge--sm{flex-shrink:0;margin-left:var(--space-2)}.search-result-meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.search-result-difficulty{font-size:.6875rem;font-weight:500;color:var(--color-text-muted);padding:2px var(--space-2);background:rgba(255,255,255,5%);border-radius:var(--radius-sm)}.search-result-time{font-size:.6875rem;color:var(--color-text-muted)}.search-result-excerpt{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.search-result-excerpt mark{background:rgba(247,147,26,.3);color:inherit;padding:0 2px;border-radius:2px}.search-result-arrow{flex-shrink:0;color:var(--color-text-muted);opacity:0;transition:opacity var(--duration-fast)}.search-result:hover .search-result-arrow,.search-result.is-selected .search-result-arrow{opacity:1}.search-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3)var(--space-5);border-top:1px solid rgba(255,255,255,6%);background:rgba(255,255,255,2%)}.search-hints{font-size:.8125rem;font-family:var(--font-mono);color:#666;letter-spacing:.02em}.btn-browse-all{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2)var(--space-4);font-size:.8125rem;font-weight:600;color:#000;background:var(--color-primary);border:none;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:all var(--duration-fast)var(--ease-out)}.btn-browse-all:hover{background:var(--color-primary-hover);transform:translateY(-1px)}@media(max-width:640px){.search-modal{padding:0;align-items:flex-end}.search-container{min-height:70vh;max-height:90vh;border-radius:var(--radius-xl)var(--radius-xl)0 0;animation:search-slide-up var(--duration-normal)var(--ease-out)}@keyframes search-slide-up{from{transform:translateY(100%)}to{transform:translateY(0)}}.search-input-wrapper{padding:var(--space-3)var(--space-4)}.search-input{font-size:1rem;padding:var(--space-3)var(--space-4);padding-left:var(--space-10)}.search-results{padding:var(--space-3)var(--space-4);min-height:300px;flex:1}.search-footer{padding:var(--space-3)var(--space-4)}.search-hints{display:none}.btn-browse-all{width:100%}}@media(prefers-reduced-motion:reduce){.search-container{animation:none}.search-modal{transition:none}}:root:not([data-theme=dark]) .search-backdrop{background:rgba(0,0,0,.4)}:root:not([data-theme=dark]) .search-container{background:#f5f5f5;border:1px solid #d1d5db;box-shadow:0 8px 32px rgba(0,0,0,.2),0 16px 64px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,5%)}:root:not([data-theme=dark]) .search-close{background:rgba(0,0,0,5%);color:#6b7280}:root:not([data-theme=dark]) .search-close:hover{background:rgba(0,0,0,.1);color:#111}:root:not([data-theme=dark]) .search-input-wrapper{background:#f5f5f5}:root:not([data-theme=dark]) .search-input{background:#fff;border:1px solid #d1d5db;color:#111;outline:none}:root:not([data-theme=dark]) .search-input::placeholder{color:#666}:root:not([data-theme=dark]) .search-input:focus{border:2px solid var(--color-primary);background:#fff;box-shadow:none;outline:none}:root:not([data-theme=dark]) .search-input-icon{color:#666}:root:not([data-theme=dark]) .search-input:focus~.search-input-icon,:root:not([data-theme=dark]) .search-input-wrapper:focus-within .search-input-icon{color:var(--color-primary)}:root:not([data-theme=dark]) .search-kbd{background:#fff;border:1px solid #e5e7eb;color:#6b7280}:root:not([data-theme=dark]) .search-results{background:#f5f5f5}:root:not([data-theme=dark]) .search-results-placeholder svg{color:#666}:root:not([data-theme=dark]) .search-results-placeholder p{color:#666}:root:not([data-theme=dark]) .search-results-empty p{color:#4b5563}:root:not([data-theme=dark]) .search-results-empty-hint{color:#9ca3af}:root:not([data-theme=dark]) .search-results-count{color:#6b7280}:root:not([data-theme=dark]) .search-result{background:#fff;border:1px solid #e5e7eb}:root:not([data-theme=dark]) .search-result:hover,:root:not([data-theme=dark]) .search-result.is-selected{background:#f9fafb;border-color:#d1d5db}:root:not([data-theme=dark]) .search-result.is-selected{border-color:var(--color-primary)}:root:not([data-theme=dark]) .search-result-title{color:#111}:root:not([data-theme=dark]) .search-result-excerpt{color:#4b5563}:root:not([data-theme=dark]) .search-result-difficulty{background:rgba(0,0,0,5%);color:#6b7280}:root:not([data-theme=dark]) .search-result-time{color:#9ca3af}:root:not([data-theme=dark]) .search-result-arrow{color:#9ca3af}:root:not([data-theme=dark]) .search-footer{background:#f5f5f5;border-top:1px solid #e5e7eb}:root:not([data-theme=dark]) .search-hints{color:#666}.pagefind-ui{display:none !important}#searchbox{flex:1}#searchbox .ais-SearchBox{width:100%}#searchbox .ais-SearchBox-form{display:flex;width:100%;margin:0}#searchbox .ais-SearchBox-input{width:100%;padding:var(--space-4)var(--space-5);padding-left:calc(var(--space-10) + var(--space-2));padding-right:var(--space-14);font-size:1.125rem;font-family:var(--font-sans);font-weight:500;color:var(--color-text);background:#242424;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);outline:none;transition:all var(--duration-fast)var(--ease-out)}#searchbox .ais-SearchBox-input::placeholder{color:var(--color-text-muted);font-weight:400}#searchbox .ais-SearchBox-input:focus{border-color:var(--color-primary);background:#222;box-shadow:0 0 0 3px rgba(247,147,26,.12)}#searchbox .ais-SearchBox-submit,#searchbox .ais-SearchBox-reset,#searchbox .ais-SearchBox-loadingIndicator{display:none}#hits .ais-Hits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}#hits .ais-Hits-item{padding:0;margin:0;box-shadow:none;border:none;background:0 0}.search-results-inner{min-height:100px}#hits .search-result{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:rgba(255,255,255,3%);border:1px solid transparent;border-radius:var(--radius-lg);text-decoration:none;transition:all var(--duration-fast)var(--ease-out)}#hits .search-result:hover,#hits .search-result.is-selected{background:rgba(255,255,255,6%);border-color:rgba(255,255,255,.1)}#hits .search-result.is-selected{border-color:var(--color-primary)}#hits mark,#hits .ais-Highlight-highlighted,.search-result mark,.search-result .ais-Highlight-highlighted,.search-result-title mark,.search-result-title .ais-Highlight-highlighted,.ais-Highlight mark,.ais-Highlight-highlighted{background:rgba(247,147,26,.4) !important;color:#fff !important;padding:1px 3px;border-radius:3px;font-weight:inherit}#stats{font-size:.8125rem;font-family:var(--font-mono);color:#666}#hits .ais-Hits--empty{display:flex;justify-content:center;padding:var(--space-8)0}:root:not([data-theme=dark]) #searchbox .ais-SearchBox-input{background:#fff;border:1px solid #d1d5db;color:#111}:root:not([data-theme=dark]) #searchbox .ais-SearchBox-input::placeholder{color:#666}:root:not([data-theme=dark]) #searchbox .ais-SearchBox-input:focus{border:2px solid var(--color-primary);background:#fff;box-shadow:none}:root:not([data-theme=dark]) #hits .search-result{background:#fff;border:1px solid #e5e7eb}:root:not([data-theme=dark]) #hits .search-result:hover,:root:not([data-theme=dark]) #hits .search-result.is-selected{background:#f9fafb;border-color:#d1d5db}:root:not([data-theme=dark]) #hits .search-result.is-selected{border-color:var(--color-primary)}:root:not([data-theme=dark]) #hits mark,:root:not([data-theme=dark]) #hits .ais-Highlight-highlighted,:root:not([data-theme=dark]) .search-result mark,:root:not([data-theme=dark]) .search-result .ais-Highlight-highlighted,:root:not([data-theme=dark]) .search-result-title mark,:root:not([data-theme=dark]) .search-result-title .ais-Highlight-highlighted,:root:not([data-theme=dark]) .ais-Highlight mark,:root:not([data-theme=dark]) .ais-Highlight-highlighted{background:rgba(247,147,26,.25) !important;color:#b45309 !important;padding:1px 3px;border-radius:3px;font-weight:inherit}.auth-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;transition:opacity var(--duration-normal)var(--ease-out),visibility var(--duration-normal)var(--ease-out)}.auth-modal.is-open{opacity:1;visibility:visible}.auth-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.auth-modal-content{position:relative;width:100%;max-width:420px;background:#111;border:2px solid var(--orange-500);border-radius:16px;padding:var(--space-8);box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 8px 32px rgba(255,153,0,.15);transform:translateY(20px)scale(.95);transition:transform var(--duration-normal)var(--ease-out)}.auth-modal.is-open .auth-modal-content{transform:translateY(0)scale(1)}.auth-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:0 0;color:#6b7280;cursor:pointer;border-radius:8px;transition:background var(--duration-fast),color var(--duration-fast)}.auth-modal-close:hover{background:rgba(255,255,255,5%);color:#fff}.auth-pro-badge-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-6)}.auth-pro-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--orange-500) 0%,var(--orange-600) 100%);border:none;padding:10px 20px;border-radius:50px;font-size:14px;font-weight:700;color:#fff;animation:authBadgePulse 2s ease-in-out infinite;box-shadow:0 4px 15px rgba(247,147,26,.3)}.auth-pro-badge svg{width:16px;height:16px;fill:#fff;stroke:#fff}@keyframes authBadgePulse{0%,100%{opacity:1;box-shadow:0 4px 15px rgba(247,147,26,.3)}50%{opacity:.85;box-shadow:0 4px 25px rgba(247,147,26,.5)}}.auth-modal-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5)}.auth-icon-bg{color:var(--orange-500)}.auth-brand-name{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:#fff;letter-spacing:-.01em}.auth-tabs{display:flex;gap:4px;padding:4px;background:#222;border-radius:10px;margin-bottom:var(--space-4)}.auth-tab{flex:1;padding:10px 20px;font-size:.875rem;font-weight:600;font-family:var(--font-body);color:#6b7280;background:0 0;border:none;border-radius:8px;cursor:pointer;transition:all var(--duration-fast)}.auth-tab:hover{color:#9ca3af}.auth-tab.active{background:rgba(255,255,255,.1);color:#fff}.auth-modal-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:var(--space-2);color:#fff;letter-spacing:-.02em}.auth-modal-subtitle{font-size:.875rem;color:#aaa;text-align:center;margin-bottom:var(--space-6);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form-field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-label{font-size:.8125rem;font-weight:500;color:#aaa}.auth-input{width:100%;padding:14px 16px;font-size:1rem;font-family:var(--font-body);border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#222;color:#fff;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.auth-input:hover{border-color:rgba(255,255,255,.2)}.auth-input:focus{outline:none;border-color:var(--orange-500);box-shadow:0 0 0 3px rgba(247,147,26,.2)}.auth-input::placeholder{color:#6b7280}.auth-submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:14px 24px;font-size:1rem;font-weight:600;font-family:var(--font-body);color:#fff;background:linear-gradient(135deg,var(--orange-500) 0%,var(--orange-600) 100%);border:none;border-radius:8px;cursor:pointer;transition:box-shadow var(--duration-fast),transform var(--duration-fast),filter var(--duration-fast)}.auth-submit-btn:hover{filter:brightness(1.1);box-shadow:0 4px 20px rgba(247,147,26,.4)}.auth-submit-btn:active{transform:scale(.98)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-submit-icon{transition:transform var(--duration-fast)}.auth-submit-btn:hover .auth-submit-icon{transform:translateX(2px)}.auth-message{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:8px;font-size:.875rem}.auth-message[hidden]{display:none !important}.auth-message--success{background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.auth-message--error{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.auth-modal-info{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:.75rem;color:#6b7280;margin-top:var(--space-4)}.auth-modal-info svg{color:#4ade80}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6)0}.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.1)}.auth-divider span{font-size:.6875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.auth-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.auth-features li{display:flex;align-items:center;gap:var(--space-3);font-size:.875rem;color:#aaa}.auth-feature-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:rgba(74,222,128,.15);border-radius:50%;flex-shrink:0}.auth-feature-icon svg{color:#4ade80}.auth-features--pro{padding-top:var(--space-2)}.auth-features--pro li{display:flex;align-items:flex-start;gap:10px;padding:4px 0;font-size:14px;color:#fff}.auth-features--pro li svg{flex-shrink:0;width:20px;height:20px;color:#4ade80}.auth-pricing-hint{text-align:center;font-size:.8125rem;color:#6b7280;margin-top:var(--space-5)}.auth-pricing-hint a{color:var(--orange-500);text-decoration:none;font-weight:600}.auth-pricing-hint a:hover{text-decoration:underline}.auth-pro-upsell{margin-top:var(--space-6);padding:var(--space-4);background:#222;border:1px solid var(--orange-500);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.auth-pro-text{font-size:.875rem;color:#fff}.auth-pro-link{font-size:.875rem;font-weight:600;color:var(--orange-500);text-decoration:none;transition:color var(--duration-fast)}.auth-pro-link:hover{color:var(--orange-400)}.auth-view{display:block}.auth-view[hidden]{display:none !important}.auth-view-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;text-align:center;margin-bottom:var(--space-2);color:#fff;letter-spacing:-.01em}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-wrapper .auth-input{padding-right:48px}.auth-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:0 0;border:none;cursor:pointer;border-radius:6px;color:#6b7280;transition:color var(--duration-fast),background var(--duration-fast)}.auth-password-toggle:hover{color:#fff;background:rgba(255,255,255,5%)}.auth-forgot-link{display:inline-block;font-size:.8125rem;color:var(--orange-500);text-decoration:none;margin-top:var(--space-1);transition:color var(--duration-fast)}.auth-forgot-link:hover{color:var(--orange-400);text-decoration:underline}.auth-mode-toggle{display:flex;justify-content:center;margin-top:var(--space-4)}.auth-mode-link{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2)var(--space-3);font-size:.8125rem;font-weight:500;color:#6b7280;background:0 0;border:none;cursor:pointer;border-radius:6px;transition:color var(--duration-fast),background var(--duration-fast)}.auth-mode-link:hover{color:#fff;background:rgba(255,255,255,5%)}.auth-mode-link svg{flex-shrink:0}.auth-mode-link[hidden]{display:none !important}.auth-back-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-2)var(--space-3);font-size:.875rem;font-weight:500;color:#6b7280;background:0 0;border:none;cursor:pointer;border-radius:6px;transition:color var(--duration-fast),background var(--duration-fast)}.auth-back-link:hover{color:#fff;background:rgba(255,255,255,5%)}.auth-verify-icon{display:flex;justify-content:center;margin-bottom:var(--space-4);color:var(--orange-500)}.auth-input--code{font-family:var(--font-mono,monospace);font-size:1.5rem;letter-spacing:.5em;text-align:center;padding:var(--space-4)}.auth-input--code::placeholder{letter-spacing:.25em;color:#4b5563}.auth-field-hint{margin-top:var(--space-2);font-size:.75rem;color:#6b7280;text-align:center}.auth-verify-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}.auth-resend-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);font-size:.875rem;font-weight:500;color:var(--orange-500);background:0 0;border:none;cursor:pointer;border-radius:6px;transition:color var(--duration-fast),background var(--duration-fast)}.auth-resend-link:hover{color:var(--orange-400);background:rgba(255,153,0,.1)}.auth-resend-link:disabled{color:#4b5563;cursor:not-allowed}:root:not([data-theme=dark]) .auth-verify-icon{color:var(--orange-500)}:root:not([data-theme=dark]) .auth-input--code::placeholder{color:#9ca3af}:root:not([data-theme=dark]) .auth-field-hint{color:#6b7280}:root:not([data-theme=dark]) .auth-resend-link{color:var(--orange-600)}:root:not([data-theme=dark]) .auth-resend-link:hover{color:var(--orange-700);background:rgba(255,153,0,8%)}.auth-modal-info[hidden],.auth-password-field[hidden],.auth-confirm-field[hidden],[data-auth-password-field][hidden],[data-auth-confirm-field][hidden],.auth-mode-link[hidden],.auth-view[hidden]{display:none !important}.auth-forgot-link{cursor:pointer}:root:not([data-theme=dark]) .auth-modal-backdrop{background:rgba(0,0,0,.5)}:root:not([data-theme=dark]) .auth-modal-content{background:#fffbf5;border-color:var(--orange-500);box-shadow:0 25px 50px -12px rgba(0,0,0,.15),0 8px 32px rgba(255,153,0,.1)}:root:not([data-theme=dark]) .auth-features--pro li{color:#111}:root:not([data-theme=dark]) .auth-pricing-hint{color:#6b7280}:root:not([data-theme=dark]) .auth-modal-close{color:#9ca3af}:root:not([data-theme=dark]) .auth-modal-close:hover{background:#f5f5f5;color:#111}:root:not([data-theme=dark]) .auth-brand-name{color:#111}:root:not([data-theme=dark]) .auth-tabs{background:#eee}:root:not([data-theme=dark]) .auth-tab{color:#666}:root:not([data-theme=dark]) .auth-tab:hover{color:#444}:root:not([data-theme=dark]) .auth-tab.active{background:rgba(0,0,0,8%);color:#111}:root:not([data-theme=dark]) .auth-modal-title{color:#111}:root:not([data-theme=dark]) .auth-modal-subtitle{color:#555}:root:not([data-theme=dark]) .auth-label{color:#555}:root:not([data-theme=dark]) .auth-input{background:#f9fafb;border-color:#d1d5db;color:#111}:root:not([data-theme=dark]) .auth-input:hover{border-color:#9ca3af}:root:not([data-theme=dark]) .auth-input:focus{background:#fff;border-color:var(--orange-500)}:root:not([data-theme=dark]) .auth-input::placeholder{color:#9ca3af}:root:not([data-theme=dark]) .auth-divider::before,:root:not([data-theme=dark]) .auth-divider::after{background:#e5e7eb}:root:not([data-theme=dark]) .auth-divider span{color:#9ca3af}:root:not([data-theme=dark]) .auth-features li{color:#555}:root:not([data-theme=dark]) .auth-pro-upsell{background:#fff7ed;border-color:var(--orange-500)}:root:not([data-theme=dark]) .auth-pro-text{color:#111}:root:not([data-theme=dark]) .auth-view-title{color:#111}:root:not([data-theme=dark]) .auth-password-toggle{color:#9ca3af}:root:not([data-theme=dark]) .auth-password-toggle:hover{color:#111;background:#f5f5f5}:root:not([data-theme=dark]) .auth-mode-link{color:#666}:root:not([data-theme=dark]) .auth-mode-link:hover{color:#111;background:#f5f5f5}:root:not([data-theme=dark]) .auth-back-link{color:#666}:root:not([data-theme=dark]) .auth-back-link:hover{color:#111;background:#f5f5f5}.auth-container{display:flex;align-items:center}@media(max-width:767px){.auth-container{display:none}}.user-login-btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--color-border);background:0 0;color:var(--color-text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal)var(--ease-out)}.user-login-btn:hover{color:var(--orange-500);border-color:rgba(247,147,26,.4);background:var(--color-primary-light)}.user-login-btn:focus-visible{outline:2px solid var(--orange-500);outline-offset:2px}.user-login-btn[hidden],.user-menu[hidden]{display:none !important}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-2);background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast)}.user-menu-trigger:hover{background:var(--color-bg-muted);border-color:var(--color-border-hover)}.user-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full)}.pro-badge{padding:var(--space-0-5)var(--space-1-5);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,var(--color-primary) 0%,var(--gold-500) 100%);color:#fff;border-radius:var(--radius-sm)}.pro-badge--sm{display:inline-flex;align-items:center;padding:2px 6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,var(--color-primary) 0%,var(--gold-500) 100%);color:#fff;border-radius:var(--radius-sm);margin-left:var(--space-2);flex-shrink:0}.user-menu-chevron{color:var(--color-text-muted);transition:transform var(--duration-fast)}.user-menu-trigger[aria-expanded=true] .user-menu-chevron{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:240px;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--duration-fast),visibility var(--duration-fast),transform var(--duration-fast)}.user-menu-trigger[aria-expanded=true]+.user-menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-menu-header{padding:var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2)}.user-menu-email{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-tier{font-size:var(--text-xs);color:var(--color-text-muted)}.user-menu-tier.tier-pro{color:var(--orange-500,#FF9900);font-weight:600}.user-menu-nav{display:flex;flex-direction:column}.user-menu-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5)var(--space-3);font-size:var(--text-sm);color:var(--color-text);text-decoration:none;border-radius:var(--radius-md);transition:background var(--duration-fast);border:none;background:0 0;cursor:pointer;width:100%;text-align:left}.user-menu-link:hover{background:var(--color-bg-muted)}.user-menu-link svg{color:var(--color-text-muted);flex-shrink:0}.user-menu-count{margin-left:auto;font-size:var(--text-xs);background:var(--color-bg-muted);padding:var(--space-0-5)var(--space-1-5);border-radius:var(--radius-full);color:var(--color-text-secondary)}.user-menu-link--pro .pro-label{margin-left:auto;font-size:10px;font-weight:600;text-transform:uppercase;color:var(--color-primary)}.user-menu-link--upgrade{color:var(--color-primary)}.user-menu-link--upgrade svg{color:var(--color-primary)}.user-menu-link--logout{color:var(--color-text-muted)}.user-menu-link--logout:hover{color:var(--color-error)}.user-menu-link--logout:hover svg{color:var(--color-error)}.user-menu-divider{height:1px;background:var(--color-border);margin:var(--space-2)0}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toastSlideIn var(--duration-normal)var(--ease-out)}.toast--fade-out{animation:toastFadeOut var(--duration-fast)var(--ease-in)forwards}.toast--success{border-left:3px solid var(--color-success)}.toast--error{border-left:3px solid var(--color-error)}.toast--info{border-left:3px solid var(--color-info)}.toast--warning{border-left:3px solid var(--color-warning)}.toast-message{font-size:var(--text-sm);color:var(--color-text)}.toast-close{background:0 0;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;font-size:var(--text-lg);line-height:1;transition:color var(--duration-fast)}.toast-close:hover{color:var(--color-text)}@keyframes toastSlideIn{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastFadeOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media(max-width:640px){.auth-modal-content{padding:var(--space-6);margin:var(--space-4)}.toast-container{bottom:var(--space-4);right:var(--space-4);left:var(--space-4)}.toast{width:100%}.user-menu-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;min-width:100%;border-radius:var(--radius-xl)var(--radius-xl)0 0;max-height:70vh;overflow-y:auto}}[data-theme=dark] .auth-modal-content{background:var(--color-bg-subtle)}[data-theme=dark] .user-menu-dropdown{background:var(--color-bg-subtle)}[data-theme=dark] .toast{background:var(--color-bg-subtle)}.account-page{max-width:var(--container-xl);margin:0 auto;padding:var(--space-6)var(--space-4)}.account-guest{display:flex;align-items:center;justify-content:center;min-height:400px}.account-hero{text-align:center}.account-hero h1{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.account-hero p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.account-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.account-user-info{display:flex;align-items:center;gap:var(--space-2)}.account-email{color:var(--color-text);font-size:var(--text-sm);font-weight:500}.account-tier-badge{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-muted);padding:var(--space-0-5)var(--space-2);border-radius:var(--radius-sm)}.account-tier-badge--pro{background:var(--color-primary);color:#fff}.account-tabs{display:flex;gap:var(--space-6);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.account-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3)0;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);background:0 0;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast);margin-bottom:-1px}.account-tab:hover{color:var(--color-text)}.account-tab.active{color:var(--color-text);border-bottom-color:var(--color-primary)}.tab-count{color:var(--color-text-muted);font-size:var(--text-xs)}.account-tab.active .tab-count{color:var(--color-text-secondary)}.account-tab-content{display:none}.account-tab-content.active{display:block}.saved-skills-list{display:flex;flex-direction:column}.skill-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2)var(--space-3);margin:0 calc(var(--space-3) * -1);border-bottom:1px solid var(--color-border-light);transition:background-color var(--duration-fast)}.skill-row:first-child{border-top:1px solid var(--color-border-light)}.skill-row:hover{background-color:var(--color-bg-muted)}.skill-row-info{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2)}.skill-row-title{font-weight:500;color:var(--color-text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-row-title:hover{color:var(--color-primary)}.skill-row-sep{color:var(--color-text-muted);font-size:var(--text-sm)}.skill-row-tag{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.skill-row-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.skill-action-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:0 0;cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:color var(--duration-fast),background-color var(--duration-fast)}.skill-action-icon svg{width:16px;height:16px}.skill-action-copy:hover{color:var(--color-primary);background:var(--color-primary-bg)}.skill-action-delete:hover{color:var(--color-error);background:rgba(239,68,68,.1)}.saved-skills-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-3);margin-top:var(--space-2)}.save-limit{font-size:var(--text-sm);color:var(--color-text-muted)}.collections-list{display:grid;gap:var(--space-3)}.empty-state,.pro-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12)var(--space-6);background:var(--color-bg-subtle);border:1px dashed var(--color-border);border-radius:var(--radius-xl)}.empty-state svg,.pro-gate svg{color:var(--color-text-muted);margin-bottom:var(--space-4)}.empty-state h3,.pro-gate h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.empty-state p,.pro-gate p{color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:300px}.loading-state,.error-state{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.settings-section{margin-bottom:var(--space-6)}.settings-section-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3)0;border-bottom:1px solid var(--color-border-light)}.settings-row:last-child{border-bottom:none}.settings-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text);display:block}.settings-value{font-size:var(--text-sm);color:var(--color-text-muted)}.settings-row p{font-size:var(--text-sm);color:var(--color-text-secondary)}.btn-group{display:flex;gap:var(--space-2)}.subscription-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.subscription-info{display:flex;flex-direction:column;gap:var(--space-1)}.subscription-card--pro{flex-direction:column;align-items:stretch;gap:var(--space-4);border-color:var(--orange-500);background:linear-gradient(135deg,rgba(247,147,26,5%) 0%,transparent 50%)}.subscription-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.subscription-plan{display:flex;align-items:center;gap:var(--space-2)}.subscription-plan-name{font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.subscription-plan-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-0-5)var(--space-2);background:var(--color-bg-muted);color:var(--color-text-secondary);border-radius:var(--radius-sm)}.subscription-price{display:flex;align-items:baseline;gap:var(--space-1)}.subscription-amount{font-size:var(--text-2xl);font-weight:700;color:var(--color-text)}.subscription-period{font-size:var(--text-sm);color:var(--color-text-muted)}.subscription-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);padding:var(--space-3)0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.subscription-detail{display:flex;flex-direction:column;gap:var(--space-0-5)}.subscription-detail-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.subscription-detail-value{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.subscription-status-active{color:var(--color-success)}.subscription-status-canceling{color:var(--color-warning)}.subscription-cancel-notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-warning)}.subscription-cancel-notice svg{flex-shrink:0;color:var(--color-warning)}.btn-manage{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-weight:600;align-self:flex-start}.btn-manage svg{flex-shrink:0}.btn-manage-content,.btn-manage-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-manage-loading .loading-spinner{border-color:rgba(255,255,255,.3);border-top-color:#fff}@media(max-width:640px){.subscription-card{flex-direction:column;align-items:stretch}.subscription-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.subscription-details{grid-template-columns:1fr;gap:var(--space-3)}}@media(max-width:640px){.account-header{flex-direction:row;align-items:center}.account-tabs{gap:var(--space-4)}.skill-row{padding:var(--space-3)var(--space-2);margin:0 calc(var(--space-2) * -1)}.skill-row-info{flex-wrap:wrap}.skill-row-title{max-width:200px}.settings-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.btn-group{width:100%;flex-wrap:wrap}}.pricing-page{max-width:960px;margin:0 auto;padding:var(--space-12)var(--space-4)}.free-mode-banner{display:flex;justify-content:center;padding:var(--space-12)var(--space-6)}.free-mode-content{text-align:center;max-width:500px}.free-mode-icon{display:flex;justify-content:center;margin-bottom:var(--space-6)}.free-mode-icon svg{color:var(--orange-500)}.free-mode-content h2{font-family:var(--font-heading);font-size:2rem;font-weight:700;margin-bottom:var(--space-4);color:#fff}.free-mode-content p{color:#aaa;font-size:1.0625rem;line-height:1.6;margin-bottom:var(--space-8)}.pricing-header{text-align:center;margin-bottom:var(--space-12)}.pricing-eyebrow{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--orange-500);margin-bottom:var(--space-3)}.pricing-header h1{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:var(--space-3);color:#fff;letter-spacing:-.02em}.pricing-subtitle{font-size:1.125rem;color:#aaa}.pricing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-bottom:var(--space-16);max-width:800px;margin-left:auto;margin-right:auto}.pricing-card{position:relative;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--space-8);display:flex;flex-direction:column}.pricing-card--featured{border-color:var(--orange-500);box-shadow:0 0 0 1px var(--orange-500)}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:6px 16px;background:var(--orange-500);color:#fff;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:20px;white-space:nowrap}.pricing-card-header{text-align:center;margin-bottom:var(--space-6)}.plan-label{display:block;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#aaa;margin-bottom:var(--space-4)}.plan-description{font-size:.875rem;color:#6b7280;margin-top:var(--space-3)}.pricing-toggle{display:flex;justify-content:center;gap:4px;margin-bottom:var(--space-4);padding:4px;background:#222;border-radius:24px}.pricing-toggle-btn{padding:8px 16px;font-size:.875rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;border-radius:20px;cursor:pointer;color:#6b7280;transition:background var(--duration-fast),color var(--duration-fast)}.pricing-toggle-btn:hover{color:#fff}.pricing-toggle-btn.active{background:#333;color:#fff}.save-badge{display:inline-block;padding:2px 8px;margin-left:6px;font-size:.625rem;font-weight:700;background:rgba(74,222,128,.2);color:#4ade80;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.pricing-amount{display:flex;align-items:baseline;justify-content:center;gap:4px}.pricing-amount .price{font-family:var(--font-heading);font-size:3rem;font-weight:800;color:#fff;letter-spacing:-.02em}.pricing-amount .period{font-size:1rem;color:#6b7280}.pricing-amount .price-note{font-size:.875rem;color:#6b7280;margin-left:var(--space-2)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--space-8);flex:1}.pricing-features li{display:flex;align-items:center;gap:var(--space-3);padding:12px 0;font-size:.9375rem;color:#fff;border-bottom:1px solid rgba(255,255,255,6%)}.pricing-features li:last-child{border-bottom:none}.feature-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0}.feature-icon--check{background:rgba(74,222,128,.15)}.feature-icon--check svg{color:#4ade80}.feature-icon--x{background:rgba(107,114,128,.15)}.feature-icon--x svg{color:#6b7280}.pricing-features .feature-disabled{color:#6b7280}.pricing-features strong{font-weight:600;color:#fff}.pricing-card-footer{text-align:center}.btn-pricing{display:block;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;font-family:var(--font-body);border-radius:8px;cursor:pointer;transition:all var(--duration-fast)}.btn-pricing--primary{background:var(--orange-500);color:#fff;border:none}.btn-pricing--primary:hover{background:var(--orange-600);box-shadow:0 4px 20px rgba(247,147,26,.4)}.btn-pricing--primary:active{transform:scale(.98)}.btn-pricing--secondary{background:#1a1a1a;color:rgba(255,255,255,.8);border:1px solid var(--orange-500)}.btn-pricing--secondary:hover:not(:disabled){background:#222;color:#fff}.btn-pricing--secondary:disabled{opacity:.5;cursor:not-allowed}.pricing-guarantee{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:var(--space-4);font-size:.8125rem;color:#6b7280}.pricing-guarantee svg{color:#4ade80}.pricing-faq{max-width:700px;margin:0 auto}.pricing-faq h2{text-align:center;font-family:var(--font-heading);font-size:1.75rem;font-weight:700;margin-bottom:var(--space-8);color:#fff}.faq-grid{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{background:#1a1a1a;border:1px solid rgba(255,255,255,8%);border-radius:8px;overflow:hidden}.faq-item summary{padding:18px 20px;font-size:.9375rem;font-weight:600;color:#fff;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.faq-item summary::-webkit-details-marker{display:none}.faq-icon{width:20px;height:20px;position:relative;flex-shrink:0}.faq-icon::before,.faq-icon::after{content:'';position:absolute;background:#6b7280;transition:transform var(--duration-fast)}.faq-icon::before{width:12px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-icon::after{width:2px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-item[open] .faq-icon::after{transform:translate(-50%,-50%)rotate(90deg)}.faq-item[open] .faq-icon::before,.faq-item[open] .faq-icon::after{background:var(--orange-500)}.faq-answer{padding:0 20px 18px}.faq-answer p{margin:0;color:#aaa;font-size:.9375rem;line-height:1.6}:root:not([data-theme=dark]) .pricing-header h1{color:#111}:root:not([data-theme=dark]) .pricing-subtitle{color:#555}:root:not([data-theme=dark]) .free-mode-content h2{color:#111}:root:not([data-theme=dark]) .free-mode-content p{color:#555}:root:not([data-theme=dark]) .pricing-card{background:#fff;border-color:#e5e7eb;box-shadow:0 4px 12px rgba(0,0,0,5%)}:root:not([data-theme=dark]) .pricing-card--featured{border-color:var(--orange-500);box-shadow:0 4px 12px rgba(0,0,0,5%),0 0 0 1px var(--orange-500)}:root:not([data-theme=dark]) .plan-label{color:#555}:root:not([data-theme=dark]) .plan-description{color:#666}:root:not([data-theme=dark]) .pricing-toggle{background:#eee}:root:not([data-theme=dark]) .pricing-toggle-btn{color:#666}:root:not([data-theme=dark]) .pricing-toggle-btn:hover{color:#111}:root:not([data-theme=dark]) .pricing-toggle-btn.active{background:#fff;color:#111;box-shadow:0 1px 3px rgba(0,0,0,.1)}:root:not([data-theme=dark]) .pricing-amount .price{color:#111}:root:not([data-theme=dark]) .pricing-features li{color:#111;border-bottom-color:#e5e7eb}:root:not([data-theme=dark]) .pricing-features strong{color:#111}:root:not([data-theme=dark]) .btn-pricing--secondary{background:#fff;color:#111}:root:not([data-theme=dark]) .btn-pricing--secondary:hover:not(:disabled){background:#f5f5f5}:root:not([data-theme=dark]) .pricing-faq h2{color:#111}:root:not([data-theme=dark]) .faq-item{background:#fff;border-color:#e5e7eb}:root:not([data-theme=dark]) .faq-item summary{color:#111}:root:not([data-theme=dark]) .faq-answer p{color:#555}@media(max-width:768px){.pricing-page{padding:var(--space-8)var(--space-4)}.pricing-cards{grid-template-columns:1fr;gap:var(--space-8)}.pricing-card--featured{order:-1}.pricing-card{padding:var(--space-6)}}@media(max-width:480px){.pricing-toggle{flex-direction:column;gap:2px}.pricing-toggle-btn{width:100%}}.btn-save{transition:color var(--duration-fast),transform var(--duration-fast)}.btn-save .icon-bookmark-outline,.btn-save .icon-bookmark-filled{transition:transform var(--duration-fast)}.btn-save.saved{color:var(--color-primary)}.btn-save.saved .icon-bookmark-outline{display:none !important}.btn-save.saved .icon-bookmark-filled{display:block !important;color:var(--color-primary)}.btn-save:not(.saved) .icon-bookmark-filled{display:none !important}.btn-save:not(.saved) .icon-bookmark-outline{display:block !important}.btn-save:hover:not(.saved){color:var(--color-primary)}.btn-save.animate-bounce{animation:saveBounce var(--duration-normal)var(--ease-out)}@keyframes saveBounce{0%,100%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.05)}}.saved-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);font-size:var(--text-xs);font-weight:600;background:var(--color-bg-muted);color:var(--color-text-secondary);border-radius:var(--radius-full)}.saved-count-badge.at-limit{background:rgba(239,68,68,.1);color:var(--color-error)}body.is-pro-user [data-ad-container],body.is-pro-user .ad-container,body.is-pro-user .ad-wrapper,body.is-pro-user .ad-mobile-anchor{display:none !important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.account-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.account-loading .account-hero{text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}[data-auth-loading]{opacity:0;transition:opacity var(--duration-fast)var(--ease-out)}[data-auth-loading].auth-ready{opacity:1}.skill-card .pro-badge{display:inline-flex;align-items:center;padding:2px 6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,var(--orange-500) 0%,var(--orange-600) 100%);color:#fff;border-radius:var(--radius-sm);flex-shrink:0}.pro-badge-inline{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,var(--orange-500) 0%,var(--orange-600) 100%);color:#fff;border-radius:var(--radius-md);flex-shrink:0;vertical-align:middle;margin-left:var(--space-2)}.skill-title-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.skill-title-row .skill-title{margin-bottom:0}.skill-card.premium{position:relative}:root:not([data-theme=dark]) .skill-card .pro-badge,:root:not([data-theme=dark]) .pro-badge-inline{box-shadow:0 1px 3px rgba(247,147,26,.3)}.skill-card{cursor:pointer}.skill-card button,.skill-card a,.skill-card [data-dropdown-trigger]{cursor:pointer}.skill-drawer{position:fixed;inset:0;z-index:var(--z-modal,1000);visibility:hidden;pointer-events:none}.skill-drawer:not([hidden]){visibility:visible;pointer-events:auto}.skill-drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity var(--duration-normal,200ms)ease-out;cursor:pointer}.skill-drawer:not([hidden]) .skill-drawer-backdrop{opacity:1}.skill-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:60%;max-width:640px;min-width:320px;background:var(--color-bg,#ffffff);border-left:1px solid var(--color-border,#e5e5e5);box-shadow:var(--shadow-xl,-4px 0 24px rgba(0,0,0,.15));display:flex;flex-direction:column;transform:translateX(100%);transition:transform var(--duration-normal,200ms)var(--ease-out,cubic-bezier(.16,1,.3,1))}.skill-drawer:not([hidden]) .skill-drawer-panel{transform:translateX(0)}.skill-drawer-header{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-start;gap:var(--space-3,12px);padding:var(--space-5,20px)var(--space-6,24px);border-bottom:1px solid var(--color-border,#e5e5e5);flex-shrink:0}.skill-drawer-title{font-size:var(--text-xl,1.25rem);font-weight:600;color:var(--color-text,#111111);margin:0;line-height:1.3;flex:1;min-width:0;word-break:break-word}.skill-drawer-badges{display:inline-flex;align-items:center;gap:var(--space-2,8px);flex-shrink:0}.skill-drawer-pro-badge{flex-shrink:0}.skill-drawer-verified{display:inline-flex !important;align-items:center;justify-content:center;color:var(--color-success,#22c55e);flex-shrink:0}.skill-drawer-verified svg{display:block;width:16px;height:16px}.skill-drawer-close{flex-shrink:0;display:flex !important;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:0 0;border-radius:var(--radius-md,8px);color:var(--color-text-muted,#666666);cursor:pointer;transition:background-color var(--duration-fast,150ms),color var(--duration-fast,150ms);margin-left:auto}.skill-drawer-close:hover{background:var(--color-bg-hover,#f5f5f5);color:var(--color-text,#111111)}.skill-drawer .skill-drawer-close:focus,.skill-drawer .skill-drawer-close:focus-visible{outline:none;box-shadow:none}.skill-drawer-body{flex:1;overflow-y:auto;padding:var(--space-5,20px)var(--space-6,24px);display:flex;flex-direction:column;gap:var(--space-5,20px)}.skill-drawer-meta{display:flex;align-items:center;gap:var(--space-2,8px);font-size:var(--text-sm,.875rem);color:var(--color-text-muted,#666666)}.skill-drawer-difficulty{text-transform:capitalize}.skill-drawer-description{font-size:var(--text-base,1rem);line-height:1.6;color:var(--color-text-secondary,#444444);margin:0}.skill-drawer-platforms{display:flex;flex-wrap:wrap;gap:var(--space-2,8px)}.skill-drawer-platforms .platform-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.skill-drawer-prompt{display:flex;flex-direction:column;gap:var(--space-3,12px)}.skill-drawer-prompt-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3,12px)}.skill-drawer-prompt-label{font-size:var(--text-sm,.875rem);font-weight:600;color:var(--color-text,#111111);text-transform:uppercase;letter-spacing:.05em}.skill-drawer-prompt-box{background:var(--color-bg-subtle,#f9fafb);border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-lg,12px);max-height:300px;overflow-y:auto}.skill-drawer-prompt-box pre{margin:0;padding:var(--space-4,16px)}.skill-drawer-prompt-box code{font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:var(--text-sm,.875rem);line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--color-text,#111111)}.skill-drawer-example{display:flex;flex-direction:column;gap:var(--space-3,12px)}.skill-drawer-example[hidden]{display:none !important}.skill-drawer-section-header{display:flex;align-items:center;justify-content:space-between}.skill-drawer-section-label{font-size:var(--text-sm,.875rem);font-weight:600;color:var(--color-text,#111111);text-transform:uppercase;letter-spacing:.05em}.skill-drawer-example-box{background:var(--color-bg-subtle,#f9fafb);border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-lg,12px);padding:var(--space-4,16px)}.skill-drawer-example-text{font-size:var(--text-sm,.875rem);line-height:1.6;color:var(--color-text-secondary,#444444);margin:0;font-style:italic}.skill-drawer-related{display:flex;flex-direction:column;gap:var(--space-3,12px)}.skill-drawer-related[hidden]{display:none !important}.skill-drawer-related-list{display:flex;flex-direction:column;gap:var(--space-2,8px)}.skill-drawer-related-item{display:flex;flex-direction:column;gap:var(--space-1,4px);padding:var(--space-3,12px);background:var(--color-bg-subtle,#f9fafb);border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md,8px);text-decoration:none;transition:border-color var(--duration-fast,150ms),background-color var(--duration-fast,150ms)}.skill-drawer-related-item:hover{border-color:var(--color-primary,#F7931A);background:var(--color-bg-muted,#FDF6EE)}.skill-drawer-related-title{font-size:var(--text-sm,.875rem);font-weight:500;color:var(--color-text,#111111)}.skill-drawer-related-desc{font-size:var(--text-xs,.75rem);color:var(--color-text-muted,#666666);line-height:1.4}[data-theme=dark] .skill-drawer-example-box,[data-theme=dark] .skill-drawer-related-item{background:var(--color-bg-subtle,#1a1a1a);border-color:var(--color-border,#2a2a2a)}[data-theme=dark] .skill-drawer-related-item:hover{background:var(--color-bg-muted,#1A1D24)}.skill-drawer-content .skill-locked-overlay--full{min-height:200px}.skill-drawer-actions button.is-locked,.skill-drawer-actions .btn.is-locked{opacity:.5;cursor:not-allowed;pointer-events:none}.skill-drawer-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4,16px);padding:var(--space-4,16px)var(--space-6,24px);border-top:1px solid var(--color-border,#e5e5e5);flex-shrink:0}.skill-drawer-link{display:inline-flex;align-items:center;gap:var(--space-2,8px)}.skill-drawer-actions{display:flex;align-items:center;gap:var(--space-2,8px)}[data-theme=dark] .skill-drawer-panel{background:var(--color-bg,#111111);border-left-color:var(--color-border,#2a2a2a)}[data-theme=dark] .skill-drawer-header{border-bottom-color:var(--color-border,#2a2a2a)}[data-theme=dark] .skill-drawer-prompt-box{background:var(--color-bg-subtle,#1a1a1a);border-color:var(--color-border,#2a2a2a)}[data-theme=dark] .skill-drawer-footer{border-top-color:var(--color-border,#2a2a2a)}[data-theme=dark] .skill-drawer-close:hover{background:var(--color-bg-hover,#2a2a2a)}@media(max-width:768px){.skill-drawer-panel{width:100%;max-width:none;min-width:0}.skill-drawer-header{padding:var(--space-4,16px)}.skill-drawer-body{padding:var(--space-4,16px)}.skill-drawer-footer{padding:var(--space-4,16px)}.skill-drawer-title{font-size:var(--text-lg,1.125rem)}}@media(prefers-reduced-motion:reduce){.skill-drawer-backdrop,.skill-drawer-panel{transition:none}}