@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&family=Atkinson+Hyperlegible:wght@400;700&display=swap);.bottom-nav{background:var(--bg-secondary);border-top:1px solid var(--border-color);bottom:0;height:var(--bottom-nav-height);justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:1000}.bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{border-radius:8px;color:var(--text-secondary);flex-direction:column;justify-content:center;min-height:48px;min-width:64px;padding:var(--space-sm);text-decoration:none;transition:all var(--animation-duration) ease}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary);text-decoration:none}.nav-item.active,.nav-item.active svg{color:var(--color-primary)}.nav-label{font-weight:500;margin-top:4px}@media (max-width:400px){.nav-label{font-size:10px}}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);left:0;padding-top:env(safe-area-inset-top);position:fixed;right:0;top:0;z-index:1000}.header-content{height:var(--nav-height);justify-content:space-between;margin:0 auto;max-width:var(--max-width);padding:0 var(--space-md)}.header-content,.header-logo{align-items:center;display:flex}.header-logo{gap:var(--space-xs)}.logo-icon.cb{color:var(--color-secondary)}.logo-icon.mesh{color:var(--color-primary)}.header-title{flex:1 1;font-size:18px;font-weight:600;margin:0;overflow:hidden;padding:0 var(--space-sm);text-align:center;text-overflow:ellipsis;white-space:nowrap}.header-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:background var(--animation-duration) ease;width:44px}.header-btn:hover{background:var(--bg-tertiary)}.search-bar{display:flex;gap:var(--space-sm);margin:0 auto;max-width:var(--max-width);padding:0 var(--space-md) var(--space-md)}.search-bar input{flex:1 1}.search-submit{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:background var(--animation-duration) ease;width:44px}.search-submit:hover{background:#3d8be6}.guide-card{color:var(--text-primary);display:block}.guide-card,.guide-card:hover{text-decoration:none}.guide-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.guide-card-meta{align-items:center;display:flex;gap:var(--space-sm)}.difficulty-badge{padding:4px 8px}.difficulty-badge[style*=warning]{color:#1a1a1a}.bookmark-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--animation-duration) ease;width:36px}.bookmark-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.bookmark-btn .bookmarked{color:var(--color-secondary)}.guide-card-title{font-size:18px;font-weight:600;line-height:1.3;margin-bottom:var(--space-sm)}.quick-takeaways{color:var(--text-secondary);font-size:14px;margin:0 0 var(--space-md) 0;padding-left:var(--space-md)}.quick-takeaways li{margin-bottom:var(--space-xs)}.guide-card-footer{align-items:center;display:flex;justify-content:space-between}.tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.chevron{color:var(--text-muted);transition:transform var(--animation-duration) ease}.guide-card:hover .chevron{color:var(--color-primary);transform:translateX(4px)}.quick-ref-card{overflow:hidden;padding:0}.quick-ref-header{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-md);text-align:left;transition:background var(--animation-duration) ease;width:100%}.quick-ref-header:hover{background:var(--bg-tertiary)}.quick-ref-title{font-size:16px;font-weight:600;margin:0}.quick-ref-content{animation:slideDown var(--animation-duration) ease;padding:0 var(--space-md) var(--space-md)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quick-ref-text{background:var(--bg-tertiary);border-radius:8px;font-family:Fira Code,Consolas,monospace;font-size:13px;line-height:1.5;margin:0 0 var(--space-md);overflow-x:auto;padding:var(--space-md);white-space:pre}.quick-ref-actions{display:flex;gap:var(--space-sm)}.quick-ref-actions .btn{flex:1 1}@media print{.quick-ref-card{break-inside:avoid;page-break-inside:avoid}.quick-ref-actions,.quick-ref-header svg{display:none}.quick-ref-content{display:block!important}}.guides-screen{min-height:100vh}.tab-bar{background:var(--bg-secondary);border-radius:12px;margin-bottom:var(--space-md);padding:var(--space-xs)}.tab,.tab-bar{display:flex;gap:var(--space-xs)}.tab{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:500;justify-content:center;min-height:44px;padding:var(--space-sm) var(--space-md);position:relative;transition:all var(--animation-duration) ease}.tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab.active{background:var(--color-primary);color:#fff}.tab .badge{align-items:center;background:var(--color-secondary);border-radius:9px;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:4px;top:4px}.guide-intro{background:var(--bg-secondary);border-left:4px solid var(--color-primary);border-radius:8px;color:var(--text-secondary);margin-bottom:var(--space-lg);padding:var(--space-md)}.guide-list{gap:var(--space-md)}.guide-list,.quickref-list{display:flex;flex-direction:column}.quickref-list{gap:var(--space-sm)}.quickref-section-title{color:var(--text-secondary);font-size:16px;font-weight:500;margin:var(--space-lg) 0 var(--space-sm)}.quickref-section-title:first-child{margin-top:0}@media (max-width:500px){.tab span{display:none}.tab svg{margin:0}.tab:nth-child(3) span{display:inline;font-size:12px}}.guide-detail-screen{min-height:100vh}.guide-article{max-width:100%}.article-header{margin-bottom:var(--space-xl)}.article-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.difficulty-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.reading-time{gap:4px}.bookmark-btn-large,.reading-time{align-items:center;color:var(--text-secondary);display:flex;font-size:14px}.bookmark-btn-large{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;gap:var(--space-xs);margin-left:auto;padding:var(--space-xs) var(--space-sm);transition:all var(--animation-duration) ease}.bookmark-btn-large:hover{background:var(--bg-tertiary);color:var(--text-primary)}.bookmark-btn-large .bookmarked{color:var(--color-secondary)}.article-title{font-size:var(--text-h1);line-height:1.2;margin-bottom:var(--space-lg)}.quick-takeaways-box{background:var(--bg-secondary);border-left:4px solid var(--color-primary);border-radius:12px;padding:var(--space-md)}.quick-takeaways-box h2{color:var(--color-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 var(--space-sm);text-transform:uppercase}.quick-takeaways-box ul{margin:0;padding-left:var(--space-md)}.quick-takeaways-box li{color:var(--text-secondary);font-size:15px;margin-bottom:var(--space-xs)}.quick-takeaways-box li:last-child{margin-bottom:0}.article-content{margin-bottom:var(--space-xl)}.content-h2{border-top:1px solid var(--border-color);font-size:var(--text-h2);margin-bottom:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-md)}.content-h3{color:var(--color-primary);font-size:var(--text-h3);margin-bottom:var(--space-sm);margin-top:var(--space-lg)}.content-p{line-height:var(--line-height);margin-bottom:var(--space-md)}.content-ol,.content-ul{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.content-ol li,.content-ul li{line-height:var(--line-height);margin-bottom:var(--space-sm)}.content-quote{border-left:4px solid var(--color-secondary);color:var(--text-secondary);font-style:italic;margin:var(--space-md) 0;padding-left:var(--space-md)}.content-strong{color:var(--text-primary);font-weight:600}.content-code{border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.9em;padding:2px 6px}.content-code,.content-pre{background:var(--bg-tertiary)}.content-pre{border-radius:8px;margin:var(--space-md) 0;overflow-x:auto;padding:var(--space-md)}.content-pre code{background:none;font-size:14px;padding:0}.related-sections{background:var(--bg-secondary);border-radius:12px;margin-bottom:var(--space-lg);padding:var(--space-md)}.related-sections h2{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 var(--space-sm);text-transform:uppercase}.related-links{display:flex;flex-direction:column;gap:var(--space-xs)}.related-link{align-items:center;background:var(--bg-tertiary);border-radius:8px;color:var(--text-primary);display:flex;justify-content:space-between;padding:var(--space-sm);text-decoration:none;transition:all var(--animation-duration) ease}.related-link:hover{background:var(--color-primary);color:#fff;text-decoration:none}.section-nav{grid-gap:var(--space-md);border-top:1px solid var(--border-color);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr;padding-top:var(--space-lg)}.nav-link{background:var(--bg-secondary);border-radius:12px;display:flex;flex-direction:column;padding:var(--space-md);text-decoration:none;transition:all var(--animation-duration) ease}.nav-link:hover{background:var(--bg-tertiary);text-decoration:none;transform:translateY(-2px)}.nav-link.prev{text-align:left}.nav-link.next{grid-column:2;text-align:right}.nav-link.prev:only-child{grid-column:1}.nav-link.next:only-child{grid-column:2}.nav-label{color:var(--text-muted);font-size:12px;letter-spacing:.5px;margin-bottom:var(--space-xs);text-transform:uppercase}.nav-title{color:var(--color-primary);font-size:14px;font-weight:600;line-height:1.3}@media (max-width:500px){.section-nav{grid-template-columns:1fr}.nav-link.next{grid-column:1;text-align:left}}.product-card{position:relative}.product-header{align-items:flex-start;display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-sm)}.product-name{flex:1 1;font-size:16px;font-weight:600;margin:0}.product-price{color:var(--color-primary);font-weight:600;white-space:nowrap}.product-description{color:var(--text-secondary);font-size:14px;margin-bottom:var(--space-sm)}.product-features{display:flex;flex-wrap:wrap;gap:var(--space-xs);list-style:none;margin:0 0 var(--space-md);padding:0}.product-features li{background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);font-size:12px;padding:4px 8px}.chris-says{align-items:flex-start;background:var(--bg-tertiary);border-left:3px solid var(--color-secondary);border-radius:8px;display:flex;gap:var(--space-sm);margin:0 0 var(--space-md);padding:var(--space-sm)}.chris-says svg{color:var(--color-secondary);flex-shrink:0;margin-top:2px}.chris-says span{color:var(--text-secondary);font-size:14px;font-style:italic}.buy-btn{margin-bottom:var(--space-sm);width:100%}.affiliate-note{color:var(--text-muted);font-size:12px;margin:0;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shop-screen{min-height:100vh}.shop-intro{align-items:flex-start;border-left:4px solid var(--color-secondary);display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.shop-intro .intro-icon{color:var(--color-secondary);flex-shrink:0;margin-top:2px}.shop-intro p{color:var(--text-secondary);font-size:14px;margin:0}.tier-filters{-webkit-overflow-scrolling:touch;display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);overflow-x:auto;padding-bottom:var(--space-xs)}.tier-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;min-height:36px;padding:var(--space-xs) var(--space-md);transition:all var(--animation-duration) ease;white-space:nowrap}.tier-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tier-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.product-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.shop-footer{background:var(--bg-secondary);border-left:4px solid var(--color-primary)}.shop-footer h3{color:var(--text-primary);font-size:14px;margin:0 0 var(--space-xs)}.shop-footer p{color:var(--text-secondary);font-size:13px;margin:0}.resources-screen{min-height:100vh}.resources-intro{background:var(--bg-secondary);border-left:4px solid var(--color-primary);border-radius:8px;color:var(--text-secondary);margin-bottom:var(--space-md);padding:var(--space-md)}.category-filters{-webkit-overflow-scrolling:touch;display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);overflow-x:auto;padding-bottom:var(--space-xs)}.category-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;min-height:36px;padding:var(--space-xs) var(--space-md);transition:all var(--animation-duration) ease;white-space:nowrap}.category-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.resources-list{display:flex;flex-direction:column;gap:var(--space-md)}.resource-card{border:none;cursor:pointer;display:block;font-family:inherit;text-align:left;width:100%}.resource-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.resource-platform{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:var(--space-xs)}.featured-star{fill:var(--color-warning);color:var(--color-warning)}.external-icon{color:var(--text-muted);margin-left:auto;transition:color var(--animation-duration) ease}.resource-card:hover .external-icon{color:var(--color-primary)}.resource-name{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 var(--space-xs)}.resource-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.chris-quote{align-items:flex-start;background:var(--bg-tertiary);border-left:3px solid var(--color-secondary);border-radius:6px;display:flex;gap:var(--space-xs);margin:var(--space-sm) 0 0;padding:var(--space-sm)}.chris-quote svg{color:var(--color-secondary);flex-shrink:0;margin-top:1px}.chris-quote span{color:var(--text-secondary);font-size:13px;font-style:italic}.ecosystem-note{border-left:4px solid var(--color-secondary);margin-top:var(--space-lg)}.ecosystem-note h3{font-size:16px;margin:0 0 var(--space-xs)}.ecosystem-note p{color:var(--text-secondary);font-size:14px;margin:0}.confirm-overlay{align-items:center;animation:fadeIn var(--animation-duration) ease;background:#000000b3;display:flex;inset:0;justify-content:center;padding:var(--space-md);position:fixed;z-index:2000}.confirm-dialog{animation:slideUp var(--animation-duration) ease;background:var(--bg-secondary);border-radius:12px;max-width:400px;padding:var(--space-lg);width:100%}.confirm-dialog h4{font-size:18px;margin:0 0 var(--space-sm)}.confirm-dialog p{color:var(--text-secondary);font-size:14px;margin-bottom:var(--space-lg)}.confirm-buttons{display:flex;gap:var(--space-sm)}.confirm-buttons .btn{flex:1 1}.settings-screen{min-height:100vh}.settings-section{margin-bottom:var(--space-xl)}.section-title{color:var(--text-secondary);font-size:14px;font-weight:600;gap:var(--space-sm);letter-spacing:.5px;margin:0 0 var(--space-md);padding-bottom:var(--space-sm);text-transform:uppercase}.section-title,.setting-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex}.setting-item{justify-content:space-between;padding:var(--space-md) 0}.setting-item:last-child{border-bottom:none}.setting-label{flex:1 1;margin-right:var(--space-md)}.setting-name{display:block;font-weight:500;margin-bottom:2px}.setting-description{color:var(--text-muted);display:block;font-size:13px}.theme-buttons{background:var(--bg-secondary);border-radius:8px;display:flex;padding:4px}.theme-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;justify-content:center;min-height:36px;min-width:44px;padding:var(--space-sm) var(--space-md);transition:all var(--animation-duration) ease}.theme-btn:hover{color:var(--text-primary)}.theme-btn.active{background:var(--color-primary);color:#fff}.size-buttons{background:var(--bg-secondary);border-radius:8px;display:flex;padding:4px}.size-btn{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;min-height:36px;min-width:36px;padding:var(--space-xs) var(--space-sm);transition:all var(--animation-duration) ease}.size-btn:hover{color:var(--text-primary)}.size-btn.active{background:var(--color-primary);color:#fff}.font-buttons{display:flex;gap:var(--space-xs)}.font-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:13px;min-height:40px;padding:var(--space-sm) var(--space-md);transition:all var(--animation-duration) ease}.font-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.font-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.toggle-item{gap:var(--space-md)}.privacy-note{background:var(--bg-secondary);border-radius:8px;color:var(--text-muted);font-size:13px;margin-top:var(--space-sm);padding:var(--space-sm)}.about-card{text-align:center}.about-card h3{color:var(--color-primary);font-size:24px}.about-card h3,.version{margin:0 0 var(--space-xs)}.version{color:var(--text-muted);font-size:14px}.tagline{color:var(--text-secondary);font-size:16px;margin:0 0 var(--space-lg)}.creator-info{background:var(--bg-tertiary);border-radius:8px;margin-bottom:var(--space-md);padding:var(--space-md)}.creator-info p{font-size:14px;margin:0 0 var(--space-xs)}.creator-info p:last-child{margin:0}.philosophy{color:var(--color-secondary);font-weight:500;margin-top:var(--space-sm)!important}.about-links{flex-direction:column}.about-link,.about-links{display:flex;gap:var(--space-xs)}.about-link{align-items:center;background:var(--bg-tertiary);border-radius:8px;color:var(--text-primary);font-size:14px;justify-content:center;padding:var(--space-sm);text-decoration:none;transition:all var(--animation-duration) ease}.about-link:hover{background:var(--color-primary);color:#fff;text-decoration:none}.support-card{border-left:4px solid var(--color-secondary);margin-top:var(--space-md)}.support-card .support-icon{color:var(--color-secondary);margin-bottom:var(--space-sm)}.support-card h3{font-size:16px;margin:0 0 var(--space-sm)}.support-card p{color:var(--text-secondary);font-size:14px;margin:0 0 var(--space-sm)}.support-card p:last-child{margin:0}.coffeeware{color:var(--color-primary);font-weight:500}.search-screen{min-height:100vh}.search-query{color:var(--text-secondary);margin-bottom:var(--space-md)}.search-query strong{color:var(--color-primary)}.search-results{display:flex;flex-direction:column;gap:var(--space-md)}.search-result{color:var(--text-primary);display:block}.search-result,.search-result:hover{text-decoration:none}.result-meta{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.guide-badge{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.guide-badge.cb{background:var(--color-secondary);color:#fff}.guide-badge.mesh{background:var(--color-primary);color:#fff}.result-title{font-size:16px;font-weight:600;margin:0 0 var(--space-xs)}.result-snippet{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 var(--space-sm)}.result-footer{align-items:center;display:flex;justify-content:space-between}.result-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.result-arrow{color:var(--text-muted);transition:all var(--animation-duration) ease}.search-result:hover .result-arrow{color:var(--color-primary);transform:translateX(4px)}.no-results{padding:var(--space-xl);text-align:center}.no-results svg{color:var(--text-muted);margin-bottom:var(--space-md)}.no-results h3{margin:0 0 var(--space-xs)}.no-results p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.search-suggestions h4{color:var(--text-muted);font-size:14px;margin:0 0 var(--space-sm)}.suggestion-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center}.suggestion-tags .tag{cursor:pointer;text-decoration:none;transition:all var(--animation-duration) ease}.suggestion-tags .tag:hover{background:var(--color-primary);color:#fff}.search-landing{padding:var(--space-lg) 0;text-align:center}.search-icon-large{color:var(--text-muted);margin-bottom:var(--space-md)}.search-landing h2{margin:0 0 var(--space-xs)}.search-landing>p{color:var(--text-secondary);margin-bottom:var(--space-xl)}.recent-searches{margin-bottom:var(--space-xl);text-align:left}.recent-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.recent-header h3{color:var(--text-secondary);font-size:14px;font-weight:600;margin:0}.clear-btn{background:#0000;border:none;color:var(--color-primary);cursor:pointer;font-size:14px;padding:var(--space-xs)}.clear-btn:hover{text-decoration:underline}.recent-list{display:flex;flex-direction:column;gap:var(--space-xs)}.recent-item{align-items:center;background:var(--bg-secondary);border-radius:8px;color:var(--text-primary);display:flex;font-size:14px;gap:var(--space-sm);padding:var(--space-sm);text-decoration:none;transition:all var(--animation-duration) ease}.recent-item:hover{background:var(--bg-tertiary);text-decoration:none}.recent-item svg{color:var(--text-muted)}.common-questions{text-align:left}.common-questions h3{color:var(--text-secondary);font-size:14px;font-weight:600;margin:0 0 var(--space-sm)}.question-list{display:flex;flex-direction:column;gap:var(--space-xs)}.question-link{background:var(--bg-secondary);border-radius:8px;color:var(--text-primary);display:block;font-size:14px;padding:var(--space-sm);text-decoration:none;transition:all var(--animation-duration) ease}.question-link:hover{background:var(--color-primary);color:#fff;text-decoration:none}:root{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3d3d3d;--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:grey;--border-color:#404040;--color-primary:#4a9eff;--color-secondary:#ff6b35;--color-success:#4caf50;--color-warning:#ffc107;--color-error:#f44336;--font-family:"Nunito","Segoe UI",sans-serif;--text-body:17px;--text-h1:28px;--text-h2:24px;--text-h3:20px;--line-height:1.6;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--animation-duration:200ms;--max-width:800px;--nav-height:60px;--bottom-nav-height:64px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:17px;font-size:var(--text-body);scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;background-color:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Nunito,Segoe UI,sans-serif;font-family:var(--font-family);line-height:1.6;line-height:var(--line-height);min-height:100vh}:focus{outline:2px solid #4a9eff;outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #4a9eff;outline:2px solid var(--color-primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:16px;margin-bottom:var(--space-md)}h1{font-size:28px;font-size:var(--text-h1)}h2{font-size:24px;font-size:var(--text-h2);margin-top:32px;margin-top:var(--space-xl)}h3{font-size:20px;font-size:var(--text-h3);margin-top:24px;margin-top:var(--space-lg)}p{margin-bottom:16px;margin-bottom:var(--space-md);max-width:65ch}a{color:#4a9eff;color:var(--color-primary);text-decoration:none;transition:color .2s ease;transition:color var(--animation-duration) ease}a:hover{color:#ff6b35;color:var(--color-secondary);text-decoration:underline}ol,ul{margin-bottom:16px;margin-bottom:var(--space-md);padding-left:24px;padding-left:var(--space-lg)}li{margin-bottom:8px;margin-bottom:var(--space-sm)}code{border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.9em;padding:2px 6px}code,pre{background:#3d3d3d;background:var(--bg-tertiary)}pre{border-radius:8px;margin-bottom:16px;margin-bottom:var(--space-md);overflow-x:auto;padding:16px;padding:var(--space-md)}pre code{background:none;padding:0}blockquote{border-left:4px solid #ff6b35;border-left:4px solid var(--color-secondary);color:#b0b0b0;color:var(--text-secondary);font-style:italic;margin:16px 0;margin:var(--space-md) 0;padding-left:16px;padding-left:var(--space-md)}table{border-collapse:collapse;margin-bottom:16px;margin-bottom:var(--space-md);width:100%}td,th{border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color);padding:8px 16px;padding:var(--space-sm) var(--space-md);text-align:left}th{background:#2d2d2d;background:var(--bg-secondary);font-weight:600}hr{background:#404040;background:var(--border-color);border:none;height:1px;margin:32px 0;margin:var(--space-xl) 0}::selection{background:#4a9eff;background:var(--color-primary);color:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#2d2d2d;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#3d3d3d;background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:grey;background:var(--text-muted)}#root{display:flex;flex-direction:column;min-height:100vh}.app-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:800px;max-width:var(--max-width);padding-bottom:64px;padding-bottom:var(--bottom-nav-height);width:100%}.page-content{flex:1 1;padding:16px;padding:var(--space-md);padding-top:76px;padding-top:calc(var(--nav-height) + var(--space-md))}.card{background:#2d2d2d;background:var(--bg-secondary);border:1px solid #404040;border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;margin-bottom:var(--space-md);padding:16px;padding:var(--space-md);transition:transform .2s ease,box-shadow .2s ease;transition:transform var(--animation-duration) ease,box-shadow var(--animation-duration) ease}.card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.btn,.card-clickable{cursor:pointer}.btn{align-items:center;border:none;border-radius:8px;display:inline-flex;font-family:inherit;font-size:inherit;font-weight:500;gap:8px;gap:var(--space-sm);justify-content:center;min-height:44px;min-width:44px;padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:all .2s ease;transition:all var(--animation-duration) ease}.btn-primary{background:#4a9eff;background:var(--color-primary);color:#fff}.btn-primary:hover{background:#3d8be6}.btn-secondary{background:#ff6b35;background:var(--color-secondary);color:#fff}.btn-secondary:hover{background:#e55a28}.btn-ghost{background:#0000;border:1px solid #404040;border:1px solid var(--border-color);color:#fff;color:var(--text-primary)}.btn-ghost:hover{background:#3d3d3d;background:var(--bg-tertiary)}.btn-icon{background:#0000;padding:8px;padding:var(--space-sm)}.tag{align-items:center;background:#3d3d3d;background:var(--bg-tertiary);border-radius:4px;color:#b0b0b0;color:var(--text-secondary);display:inline-flex;font-size:.85em;padding:4px 8px}.tag-primary{background:#4a9eff;background:var(--color-primary);color:#fff}.tag-beginner{background:#4caf50;background:var(--color-success);color:#fff}.tag-intermediate{background:#ffc107;background:var(--color-warning);color:#1a1a1a}.tag-advanced{background:#f44336;background:var(--color-error);color:#fff}input,select,textarea{background:#2d2d2d;background:var(--bg-secondary);border:1px solid #404040;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-primary);font-family:inherit;font-size:inherit;min-height:44px;padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:border-color .2s ease;transition:border-color var(--animation-duration) ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#4a9eff;border-color:var(--color-primary);outline:none}input::placeholder{color:grey;color:var(--text-muted)}.toggle-switch{background:#3d3d3d;background:var(--bg-tertiary);border-radius:14px;cursor:pointer;height:28px;position:relative;transition:background .2s ease;transition:background var(--animation-duration) ease;width:52px}.toggle-switch.active{background:#4a9eff;background:var(--color-primary)}.toggle-switch:after{background:#fff;border-radius:50%;content:"";height:24px;left:2px;position:absolute;top:2px;transition:transform .2s ease;transition:transform var(--animation-duration) ease;width:24px}.toggle-switch.active:after{transform:translateX(24px)}.loading{align-items:center;display:flex;justify-content:center;padding:32px;padding:var(--space-xl)}.spinner{animation:spin 1s linear infinite;border:3px solid #3d3d3d;border-top-color:#4a9eff;border:3px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--color-primary);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:#b0b0b0;color:var(--text-secondary);padding:32px;padding:var(--space-xl);text-align:center}.empty-state svg{margin-bottom:16px;margin-bottom:var(--space-md);opacity:.5}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media (max-width:600px){:root{--space-md:12px;--space-lg:16px;--space-xl:24px}.page-content{padding:8px;padding:var(--space-sm);padding-top:68px;padding-top:calc(var(--nav-height) + var(--space-sm))}}@media print{body{background:#fff;color:#000}.bottom-nav,.top-nav{display:none}.page-content{padding:0}}
/*# sourceMappingURL=main.4c8edfd6.css.map*/