.pwa-prompt{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 20px rgba(0,0,0,.15);z-index:9990;animation:slideUp .3s ease}[data-theme=dark] .pwa-prompt{background:#1e293b;border-top-color:#334155;box-shadow:0 -4px 20px rgba(0,0,0,.4)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-prompt-content{display:flex;align-items:center;gap:.75rem}.pwa-prompt-icon{font-size:1.5rem;color:#0ea5e9}.pwa-prompt-text{display:flex;flex-direction:column;gap:.125rem}.pwa-prompt-text strong{font-size:.9375rem;color:#1f2937}.pwa-prompt-text span{font-size:.75rem;color:#6b7280}[data-theme=dark] .pwa-prompt-text strong{color:#f1f5f9}[data-theme=dark] .pwa-prompt-text span{color:#94a3b8}.pwa-prompt-actions{display:flex;align-items:center;gap:.5rem}.pwa-prompt-install{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:white;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pwa-prompt-install:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(14,165,233,.4)}.pwa-prompt-dismiss{display:grid;place-items:center;width:32px;height:32px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;cursor:pointer;transition:all .2s ease;color:#6b7280;font-size:14px;padding:0}.pwa-prompt-dismiss:hover{background:#e5e7eb;color:#374151}[data-theme=dark] .pwa-prompt-dismiss{background:#334155;border-color:#475569;color:#94a3b8}[data-theme=dark] .pwa-prompt-dismiss:hover{background:#475569;color:#e2e8f0}.pwa-ios-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pwa-ios-modal{position:relative;width:100%;max-width:360px;background:#ffffff;border:1px solid #e5e7eb;border-radius:16px;padding:2rem;box-shadow:0 24px 48px rgba(0,0,0,.3);animation:scaleIn .3s ease}[data-theme=dark] .pwa-ios-modal{background:#1e293b;border-color:#334155;box-shadow:0 24px 48px rgba(0,0,0,.5)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pwa-ios-modal-close{position:absolute;top:1rem;right:1rem;display:grid;place-items:center;width:32px;height:32px;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;color:#6b7280;font-size:14px;padding:0}.pwa-ios-modal-close:hover{background:#e5e7eb;color:#374151}[data-theme=dark] .pwa-ios-modal-close{background:#334155;color:#94a3b8}[data-theme=dark] .pwa-ios-modal-close:hover{background:#475569;color:#e2e8f0}.pwa-ios-modal h3{margin:0 0 .5rem;font-size:1.25rem;color:#1f2937}[data-theme=dark] .pwa-ios-modal h3{color:#f1f5f9}.pwa-ios-modal>p{margin:0 0 1.5rem;font-size:.875rem;color:#6b7280}[data-theme=dark] .pwa-ios-modal>p{color:#94a3b8}.pwa-ios-steps{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:1rem}.pwa-ios-steps li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:10px}[data-theme=dark] .pwa-ios-steps li{background:#0f172a}.pwa-ios-step-icon{font-size:1.25rem;flex-shrink:0}.pwa-ios-steps li span:last-child{font-size:.875rem;color:#374151;line-height:1.5}[data-theme=dark] .pwa-ios-steps li span:last-child{color:#e2e8f0}.pwa-ios-modal-done{width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:white;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pwa-ios-modal-done:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(14,165,233,.4)}.pwa-offline-banner{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:white;font-size:.875rem;font-weight:500;z-index:9999;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-update-banner{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#059669,#047857);color:white;z-index:9990;animation:slideUp .3s ease}.pwa-update-text{font-size:.875rem}.pwa-update-button{padding:.5rem 1rem;background:white;color:#059669;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pwa-update-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}@media (max-width:480px){.pwa-prompt{flex-direction:column;gap:.75rem;padding:1rem}.pwa-prompt-content{width:100%}.pwa-prompt-actions{width:100%;justify-content:flex-end}.pwa-prompt-install{flex:1;justify-content:center}}:root{--wos-primary:#0a84ff;--wos-primary-dark:#0064d6;--wos-primary-light:#4ca6ff;--wos-secondary:#007155;--wos-secondary-light:#12a67b;--wos-meat:#e3604d;--wos-wood:#8b5e3c;--wos-coal:#444444;--wos-iron:#a0a0a0;--wos-fire-crystal:#ff5a00;--wos-refined-fc:#ff8c00;--wos-dark-bg:#121a24;--wos-dark-card:#1a2634;--wos-dark-text:#e0e6ed;--wos-dark-border:#263545;--wos-dark-hover:#2c3d50;--wos-dark-input:#1e2c3d;--wos-dark-input-border:#2c3e50;--wos-ice-accent:#64b5f6;--wos-snow-accent:#cfd8dc;--wos-success:#00c853;--wos-warning:#ffa000;--wos-error:#e53935;--wos-info:#00b0ff;--bg-color:var(--wos-dark-bg);--text-color:var(--wos-dark-text);--card-bg:var(--wos-dark-card);--shadow:0 4px 12px rgba(0,0,0,0.2);--input-bg:var(--wos-dark-input);--input-border:var(--wos-dark-input-border);--accent-color:var(--wos-ice-accent);--accent-color-hover:var(--wos-primary-light);--accent-hover:var(--wos-primary-light);--border-color:var(--wos-dark-border);--hover-bg:var(--wos-dark-hover);--success-color:#26a69a;--warning-color:#ffb74d;--error-color:#ef5350;--meat-color:#ff7e6b;--wood-color:#c19a6b;--coal-color:#8c8c8c;--iron-color:#cccccc;--fire-crystal-color:#ff7b29;--refined-fc-color:#ffac52;--table-header-bg:#263545;--table-stripe-bg:#1e2a38;--table-hover-bg:#2c3d50;--button-primary-bg:var(--wos-ice-accent);--button-primary-text:#0a1929;--button-secondary-bg:#2c3d50;--button-secondary-text:var(--wos-ice-accent);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--touch-target-size:44px;--container-padding:1rem;--nav-top-height:56px}body,html{font-family:sans-serif;background-color:var(--bg-color);color:var(--text-color);font-size:16px;line-height:1.6;margin:0;padding:0;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:1.5rem;box-sizing:border-box}.card{background-color:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem;transition:box-shadow .3s}.card:hover{box-shadow:0 6px 16px rgba(0,0,0,.15)}.results-card{position:relative;overflow:hidden;background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem}.results-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,var(--wos-ice-accent),#82b1ff,#448aff)}input[type=email],input[type=number],input[type=text],select{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:.7rem .9rem;color:var(--text-color);transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box;font-size:1rem}input:focus,select:focus{outline:0;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(100,181,246,.25)}button{border-radius:8px;padding:.75rem 1.3rem;font-weight:500;cursor:pointer;transition:.2s;border:none;font-size:1rem;line-height:1;display:inline-block;text-align:center;vertical-align:middle}.button-primary{background-color:var(--button-primary-bg);color:var(--button-primary-text)}.button-primary:hover{background-color:var(--accent-color-hover);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.button-secondary{background-color:var(--button-secondary-bg);color:var(--button-secondary-text)}.button-secondary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.table-wrapper{margin-bottom:1.5rem}table{width:100%;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}th{background-color:var(--table-header-bg);text-align:left;font-weight:600;color:var(--text-color);white-space:nowrap}td,th{padding:.8rem 1rem}td{border-top:1px solid var(--border-color);vertical-align:middle}tbody tr:nth-child(2n){background-color:var(--table-stripe-bg)}tbody tr:hover{background-color:var(--table-hover-bg)}tbody tr:first-child td{border-top:none}.resource-meat{color:var(--meat-color);fill:var(--meat-color);text-transform:capitalize}.resource-wood{color:var(--wood-color);fill:var(--wood-color);text-transform:capitalize}.resource-coal{color:var(--coal-color);fill:var(--coal-color);text-transform:capitalize}.resource-iron{color:var(--iron-color);fill:var(--iron-color);text-transform:capitalize}.resource-fire-crystals{color:var(--fire-crystal-color);fill:var(--fire-crystal-color);text-transform:capitalize}.resource-refined-fire-crystals{color:var(--refined-fc-color);fill:var(--refined-fc-color);text-transform:capitalize}.meat-value{color:var(--meat-color);font-weight:500}.wood-value{color:var(--wood-color);font-weight:500}.coal-value{color:var(--coal-color);font-weight:500}.iron-value{color:var(--iron-color);font-weight:500}.fire-crystal-value{color:var(--fire-crystal-color);font-weight:500}.refined-fc-value{color:var(--refined-fc-color);font-weight:500}.resource-box{border-radius:8px;padding:1rem;margin-bottom:1rem;border:1px solid var(--border-color);background-color:var(--card-bg);box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}.prerequisites-card{border-left:4px solid var(--warning-color);padding-left:1.25rem}.results-box{background-color:rgba(100,181,246,.07);border-radius:8px;padding:1.25rem;margin-bottom:1rem}.add-building-button{background-color:var(--success-color);color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:500;transition:.2s}.add-building-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.remove-building-button{background-color:var(--error-color);color:#fff;padding:.25rem .75rem;border-radius:6px;font-size:.8rem;transition:.2s}.remove-building-button:hover{filter:brightness(1.1)}h1,h2,h3,h4,h5,h6{position:relative;font-weight:700;margin-top:1.5em;margin-bottom:.75em;line-height:1.3}h1{font-size:2rem;color:var(--wos-ice-accent);text-shadow:0 0 10px rgba(100,181,246,.3)}h2{font-size:1.75rem;color:var(--wos-snow-accent)}h3{font-size:1.5rem}input[type=checkbox],input[type=radio]{accent-color:var(--accent-color);width:18px;height:18px;vertical-align:middle;margin-right:.4em}.transition-all{transition:.3s}.w-5{width:1.25rem;height:1.25rem;vertical-align:bottom}.nav-controls{justify-content:space-between;margin-bottom:1.5rem;padding-top:1rem}.back-link,.nav-controls{display:flex;align-items:center}.back-link{color:var(--wos-primary);text-decoration:none;font-weight:500}.back-link:hover{text-decoration:underline}.back-link svg{margin-right:.5rem}footer{text-align:center;padding:var(--standard-padding);margin-top:2rem;display:block;unicode-bidi:isolate}footer a{margin:0 .5rem;text-decoration:none;transition:color .3s}@media (max-width:768px){body{font-size:15px;line-height:1.5}.container{padding:1rem}.card,.results-card{padding:1rem;margin-bottom:1rem}.card{box-shadow:0 2px 6px rgba(0,0,0,.2)}input[type=email],input[type=number],input[type=text],select{padding:.6rem .8rem;font-size:.95rem}button{padding:.7rem 1rem;font-size:.95rem}h1{font-size:1.6rem}h2{font-size:1.4rem}h3{font-size:1.2rem}.resource-box,.results-box{padding:.75rem;margin-bottom:1rem}.table-wrapper{overflow-x:initial}table{border:none;box-shadow:none;border-radius:0;overflow:visible}thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}tr{display:block;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:8px;padding:.5rem 1rem;box-shadow:var(--shadow)}tbody tr:nth-child(2n),tr{background-color:var(--card-bg)}tbody tr:hover{background-color:var(--hover-bg)}td{display:block;text-align:center;padding:.5rem 0;border:none;border-bottom:1px dashed var(--border-color);position:relative;min-height:1.5em}td:last-child{border-bottom:none}td:before{content:attr(data-label);position:absolute;left:0;width:50%;text-align:left;font-weight:700;color:var(--text-color);opacity:.8;font-size:.85em}.mobile-responsive-table td:before{color:var(--text-color);opacity:.7}.mobile-responsive-table tr{background-color:var(--wos-dark-card);border-color:var(--wos-dark-border)}.level-details-card{background-color:var(--card-bg);border-color:var(--border-color)}.level-details-header{background-color:var(--wos-dark-hover)}input[type=checkbox],input[type=radio]{box-shadow:0 0 0 1px var(--wos-dark-border)}input,select{background-color:var(--wos-dark-input);border-color:var(--border-color)}.mobile-resource-item{padding:8px;border-radius:8px;margin-bottom:8px;background-color:rgba(100,181,246,.07)}.touch-device .button-primary:active,.touch-device .button-secondary:active{transform:scale(.98);transition:transform .1s}.touch-active{opacity:.8}}.svs-section-header,.svs-section-header-title{color:var(--wos-dark-text,#e0e6ed)!important}.svs-section-header-expanded{background-color:rgba(100,181,246,.15)!important}.svs-section-header-collapsed{background-color:var(--wos-dark-card,#1a2634)!important}.svs-section-content,.svs-section-header svg{color:var(--wos-dark-text,#e0e6ed)!important}.svs-section-content{background-color:var(--wos-dark-card,#1a2634)!important}.svs-activity,.svs-day-tab{color:var(--wos-dark-text,#e0e6ed)!important}.about-title,.contact-title,.home-hero-title,.nav-logo-text{background:linear-gradient(90deg,#4ca6ff,#64b5f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.svs-hero-description,.svs-hero-title{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.svs-hero-link{color:#fff!important;background-color:rgba(255,255,255,.25)!important}a{color:#7cc4fa;transition:color .2s}a:hover{color:#9dd4ff}.building-description a,.building-tips a,.guide-section a,.info-section a{color:#7cc4fa;text-decoration:underline;text-decoration-color:rgba(124,196,250,.4);text-underline-offset:2px}.building-description a:hover,.building-tips a:hover,.guide-section a:hover,.info-section a:hover{color:#9dd4ff;text-decoration-color:rgba(157,212,255,.6)}.breadcrumb a{color:#7cc4fa}.breadcrumb a:hover{color:#9dd4ff}.nav-dropdown-item,.nav-link{color:var(--wos-dark-text,#e0e6ed)}.calculator-btn,.calculator-btn svg,.home-about-link,.home-tool-link,.home-tool-link svg{color:#fff!important}*,:after,:before{box-sizing:border-box}body{font-size:var(--font-base);line-height:1.5}h1{font-size:var(--font-2xl);line-height:1.2}h1,h2{margin-top:var(--space-lg);margin-bottom:var(--space-md)}h2{font-size:var(--font-xl);line-height:1.3}h3{font-size:var(--font-lg);line-height:1.4;margin-top:var(--space-md);margin-bottom:var(--space-sm)}.container{width:100%;padding-left:var(--container-padding);padding-right:var(--container-padding);margin-left:auto;margin-right:auto}.row{display:flex;flex-wrap:wrap;margin-left:calc(var(--space-sm) * -1);margin-right:calc(var(--space-sm) * -1)}.col{flex:1 0 100%;padding-left:var(--space-sm);padding-right:var(--space-sm)}.building-config-card,.col{margin-bottom:var(--space-md)}.building-config-card{padding:var(--space-md);border-radius:8px;background-color:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0)}.building-config-card h3{font-size:var(--font-lg);margin-top:0;margin-bottom:var(--space-sm)}.building-select,.level-select{width:100%;margin-bottom:var(--space-sm);-webkit-appearance:none;appearance:none}.action-button,.building-select,.level-select{min-height:var(--touch-target-size);padding:var(--space-sm) var(--space-md);border-radius:8px;font-size:var(--font-base)}.action-button{border:none;background-color:var(--accent-color,#0a84ff);color:#fff;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.remove-building-button{min-height:36px;min-width:80px;font-size:var(--font-xs)}.bonus-settings-card{display:flex;flex-direction:column}.bonus-group{margin-bottom:var(--space-md)}.bonus-group h3{font-size:var(--font-lg);margin-bottom:var(--space-sm)}.checkbox-wrapper{display:flex;align-items:flex-start;margin-bottom:var(--space-sm)}.checkbox-wrapper input[type=checkbox]{min-width:20px;min-height:20px;margin-right:var(--space-sm);margin-top:3px}.checkbox-wrapper label{font-size:var(--font-sm);line-height:1.4}.results-card{padding:var(--space-md);margin-bottom:var(--space-lg);border-radius:8px;background-color:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0)}.results-card h2{font-size:var(--font-xl);margin-top:0}.resource-display,.results-card h2{margin-bottom:var(--space-md)}.resource-item{display:flex;align-items:center;margin-bottom:var(--space-sm)}.resource-icon{width:24px;height:24px;margin-right:var(--space-sm)}.resource-info{flex:1}.resource-name{font-size:var(--font-xs);color:var(--text-secondary,#666)}.resource-value{font-size:var(--font-base);font-weight:600}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-md);position:relative}.table-wrapper:after{content:"←→";position:absolute;bottom:0;right:0;padding:4px 8px;background-color:rgba(0,0,0,.05);border-radius:4px 0 0;font-size:var(--font-xs);opacity:.7;pointer-events:none}.table-wrapper:not(.scrollable):after{display:none}.responsive-table{width:100%;border-collapse:collapse;font-size:var(--font-xs)}.responsive-table th{text-align:left;background-color:var(--table-header-bg,#f5f5f5);font-weight:600}.responsive-table td,.responsive-table th{padding:var(--space-xs) var(--space-sm);white-space:nowrap}.responsive-table td{border-top:1px solid var(--border-color,#e0e0e0)}.level-details-cards{display:none}.level-details-card{margin-bottom:var(--space-md);border-radius:8px;border:1px solid var(--border-color,#e0e0e0);overflow:hidden}.level-details-header{background-color:var(--bg-light,#f5f5f5);font-weight:600}.level-details-body,.level-details-header{padding:var(--space-sm)}.level-details-row{display:flex;justify-content:space-between;margin-bottom:var(--space-xs);font-size:var(--font-xs)}.prerequisites-box{padding:var(--space-sm);margin-bottom:var(--space-md);background-color:var(--prereq-bg,#fff3cd);border-radius:8px;font-size:var(--font-xs)}.prerequisites-list{column-count:1;list-style-position:inside;margin:var(--space-sm) 0;padding-left:var(--space-sm)}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:576px){:root{--container-padding:1.25rem}.form-row{display:flex;gap:var(--space-md)}.form-col{flex:1}.prerequisites-list{column-count:2}.mobile-only{display:none}.desktop-only{display:block}}@media (min-width:768px){:root{--container-padding:1.5rem}h1{font-size:var(--font-3xl)}h2{font-size:var(--font-2xl)}h3{font-size:var(--font-xl)}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.responsive-table{font-size:var(--font-sm)}.responsive-table td,.responsive-table th{padding:var(--space-sm)}.prerequisites-list{column-count:3;font-size:var(--font-sm)}}@media (min-width:992px){:root{--container-padding:2rem}.container{max-width:960px}h1{font-size:var(--font-4xl)}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-6{flex:0 0 50%;max-width:50%}.bonus-settings-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media (min-width:1200px){.container{max-width:1140px}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-color,#0a84ff);outline-offset:2px}.skip-to-content{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--accent-color,#0a84ff);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:0 0 4px 4px}.skip-to-content:focus{left:50%;transform:translateX(-50%)}@media print{.no-print{display:none!important}.container{width:100%;max-width:none;padding:0}.table-wrapper{overflow:visible!important}}.nav-menu{background-color:var(--card-bg);box-shadow:0 2px 10px rgba(0,0,0,.25);position:sticky;top:0;width:100%;z-index:1000;border-bottom:1px solid var(--border-color);min-height:90px}.nav-top-row{justify-content:center;padding:.5rem 1.5rem;max-width:1280px;margin:0 auto;border-bottom:1px solid var(--border-color)}.nav-left,.nav-top-row{display:flex;align-items:center;gap:.75rem}.nav-right{display:flex;align-items:center;gap:.5rem}.nav-bottom-row{max-width:1280px;margin:0 auto;padding:0 1.5rem}.nav-logo{display:flex;align-items:center;text-decoration:none;color:var(--text-color);font-weight:600;font-size:1.25rem}.nav-logo-img{height:32px;width:32px;margin-right:.5rem}.nav-logo-text{font-weight:700;background:linear-gradient(90deg,var(--accent-color),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;list-style:none;margin:0;padding:0;align-items:center;justify-content:center}.nav-item{margin:0 .25rem;position:relative}.nav-link{display:flex;align-items:center;padding:.5rem .75rem;color:var(--text-color);text-decoration:none;font-weight:500;font-size:.9375rem;border-radius:.375rem;transition:background-color .2s,color .2s;background:0 0;border:none;cursor:pointer;font-family:inherit}.nav-link:hover{background-color:var(--hover-bg)}.nav-link-active{background-color:rgba(100,181,246,.15);color:var(--accent-color)}.nav-link-icon{margin-right:.5rem;font-size:1rem}.nav-link-text{white-space:nowrap}.nav-dropdown{position:relative}.nav-dropdown-toggle{width:100%}.nav-dropdown-arrow{margin-left:.25rem;font-size:.75rem;transition:transform .2s}.nav-dropdown:hover .nav-dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.3);min-width:220px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s,visibility .2s,transform .2s;z-index:1001;padding:.5rem 0}.nav-dropdown-menu-open{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item{display:flex;align-items:center;padding:.625rem 1rem;color:var(--text-color);text-decoration:none;font-size:.875rem;font-weight:500;transition:background-color .2s}.nav-dropdown-item:hover{background-color:var(--hover-bg)}.nav-dropdown-item-active{background-color:rgba(100,181,246,.15);color:var(--accent-color)}.nav-dropdown-item-icon{margin-right:.625rem;font-size:1rem;width:1rem;display:flex;align-items:center;justify-content:center}.nav-dropdown-item-text{white-space:nowrap}.nav-mobile-toggle{display:none;background:0 0;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;padding:.25rem}.nav-language-toggle{display:flex;align-items:center}.nav-profile-mobile{display:none}.nav-mobile-menu{display:none;position:fixed;top:var(--nav-top-height);left:0;right:0;bottom:0;background-color:var(--card-bg);box-shadow:0 4px 10px rgba(0,0,0,.1);padding:1rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .3s,opacity .3s,visibility .3s;overflow-y:auto;z-index:999}.nav-mobile-menu-open{transform:translateY(0);opacity:1;visibility:visible}.nav-mobile-links{list-style:none;margin:0;padding:0}.nav-mobile-item{margin:.5rem 0}.nav-mobile-link{display:flex;align-items:center;padding:.75rem 1rem;color:var(--text-color);text-decoration:none;font-weight:500;border-radius:.375rem;transition:background-color .2s}.nav-mobile-link:hover{background-color:var(--hover-bg)}.nav-mobile-link-active{background-color:rgba(100,181,246,.15);color:var(--accent-color)}.nav-mobile-link-icon{margin-right:.75rem;font-size:1.25rem;width:1.25rem}.nav-mobile-link-text{flex:1}.nav-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:8px;background:var(--ice-accent,#64b5f6);color:#000;line-height:1.4;white-space:nowrap;flex-shrink:0;margin-left:.4rem}.nav-mobile-dropdown{margin:.5rem 0}.nav-mobile-dropdown-toggle{display:flex;align-items:center;width:100%;padding:.75rem 1rem;color:var(--text-color);background:0 0;border:none;font-weight:500;border-radius:.375rem;cursor:pointer;transition:background-color .2s;font-family:inherit;font-size:1rem;text-align:left}.nav-mobile-dropdown-toggle:hover{background-color:var(--hover-bg)}.nav-mobile-dropdown-arrow{margin-left:auto;font-size:.875rem;transition:transform .2s}.nav-mobile-dropdown-arrow-open{transform:rotate(180deg)}.nav-mobile-dropdown-content{max-height:0;overflow:hidden;transition:max-height .3s;padding-left:1rem}.nav-mobile-dropdown-content-open{max-height:500px}.nav-mobile-dropdown-item{display:flex;align-items:center;padding:.625rem 1rem;color:var(--text-color);text-decoration:none;font-size:.9375rem;border-radius:.375rem;transition:background-color .2s;margin:.25rem 0}.nav-mobile-dropdown-item:hover{background-color:var(--hover-bg)}.nav-mobile-dropdown-item-active{background-color:rgba(100,181,246,.15);color:var(--accent-color)}.nav-mobile-dropdown-item-icon{margin-right:.75rem;font-size:1.125rem;width:1.125rem}.nav-mobile-language{padding:.75rem 1rem}.nav-auth-button,.nav-profile-selector{display:flex;align-items:center}.nav-mobile-auth{margin-bottom:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}@media (max-width:992px){.nav-menu{min-height:var(--nav-top-height)}.nav-bottom-row{display:none}.nav-mobile-menu,.nav-mobile-toggle{display:block}.nav-auth-button,.nav-language-toggle,.nav-profile-selector{display:none!important}.nav-profile-mobile{display:flex;align-items:center}.nav-top-row{border-bottom:none;justify-content:space-between}.nav-right{gap:.5rem}}.nav-link[href="/premium"]{background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.15));color:#fbbf24}.nav-link[href="/premium"]:hover{background:linear-gradient(135deg,rgba(251,191,36,.25),rgba(245,158,11,.25))}.nav-link[href="/premium"] .nav-link-icon{color:#fbbf24}.nav-mobile-link[href="/premium"]{background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.15));color:#fbbf24}.nav-mobile-link[href="/premium"]:hover{background:linear-gradient(135deg,rgba(251,191,36,.25),rgba(245,158,11,.25))}.nav-mobile-link[href="/premium"] .nav-mobile-link-icon{color:#fbbf24}.nav-mobile-profile{padding:.75rem 1rem}.nav-sidebar{display:none}@media (min-width:993px){.nav-bottom-row{display:none!important}.nav-menu{position:fixed;top:0;left:0;width:100%;min-height:0;height:var(--nav-top-height);box-sizing:border-box;margin:0}.nav-top-row{justify-content:space-between;border-bottom:none;max-width:none;height:100%;padding-top:0;padding-bottom:0;box-sizing:border-box;position:relative}.nav-right{position:absolute;left:calc(var(--sidebar-width,240px) + (100% - var(--sidebar-width,240px))/ 2);transform:translateX(-50%)}.nav-sidebar{display:flex;flex-direction:column;position:fixed;top:var(--nav-top-height);left:0;width:240px;height:calc(100vh - var(--nav-top-height));background-color:var(--card-bg);border-right:1px solid var(--border-color);z-index:999;overflow:visible;transition:width .2s}.nav-sidebar.nav-sidebar-collapsed{width:56px}.nav-sidebar-links{list-style:none;margin:0;padding:.5rem 0;flex:1;overflow-y:auto;overflow-x:hidden}.nav-sidebar-item{margin:1px 0}.nav-sidebar-link{display:flex;align-items:center;padding:.6rem .75rem;color:var(--text-color);text-decoration:none;font-weight:500;font-size:.875rem;border-radius:.375rem;margin:0 .5rem;transition:background-color .15s;background:0 0;border:none;cursor:pointer;font-family:inherit;width:calc(100% - 1rem);text-align:left;white-space:nowrap;overflow:hidden}.nav-sidebar-link:hover{background-color:var(--hover-bg)}.nav-sidebar-link-active{background-color:rgba(100,181,246,.15);color:var(--accent-color)}.nav-sidebar-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;min-width:1.25rem;font-size:1rem;margin-right:.75rem}.nav-sidebar-label{white-space:nowrap;overflow:hidden;opacity:1;transition:opacity .15s}.nav-sidebar-collapsed .nav-sidebar-label{opacity:0;width:0;overflow:hidden}.nav-sidebar-collapsed .nav-sidebar-icon{margin-right:0}.nav-sidebar-arrow{margin-left:auto;font-size:.65rem;transition:transform .2s,opacity .15s;flex-shrink:0}.nav-sidebar-arrow-open{transform:rotate(180deg)}.nav-sidebar-collapsed .nav-sidebar-arrow{opacity:0;width:0}.nav-sidebar-collapsed .nav-badge{display:none}.nav-sidebar-dropdown-content{max-height:0;overflow:hidden;transition:max-height .25s}.nav-sidebar-dropdown-content-open{max-height:600px;overflow:visible}.nav-sidebar-sublink{display:flex;align-items:center;padding:.45rem .75rem .45rem 1.5rem;margin:0 .5rem;color:var(--text-color);text-decoration:none;font-size:.8125rem;border-radius:.375rem;transition:background-color .15s;white-space:nowrap;overflow:hidden}.nav-sidebar-sublink:hover{background-color:var(--hover-bg)}.nav-sidebar-sublink-active{background-color:rgba(100,181,246,.15);color:var(--accent-color)}.nav-sidebar-sublink .nav-sidebar-icon{font-size:.875rem;width:1rem;min-width:1rem;margin-right:.625rem}.nav-sidebar-edge-toggle{position:absolute;top:50%;right:-14px;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;color:var(--text-color);font-size:.7rem;cursor:pointer;z-index:1000;transition:background-color .15s;padding:0;box-shadow:2px 0 4px rgba(0,0,0,.15)}.nav-sidebar-edge-toggle:hover{background-color:var(--hover-bg)}.nav-sidebar-link[href="/premium"]{background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.15));color:#fbbf24}.nav-sidebar-link[href="/premium"]:hover{background:linear-gradient(135deg,rgba(251,191,36,.25),rgba(245,158,11,.25))}.nav-sidebar-link[href="/premium"] .nav-sidebar-icon{color:#fbbf24}.nav-sidebar-links::-webkit-scrollbar{width:4px}.nav-sidebar-links::-webkit-scrollbar-track{background:0 0}.nav-sidebar-links::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}}.support-button-inline{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,#ff5e5b,#f96);color:#fff;border-radius:9999px;font-size:.75rem;font-weight:600;text-decoration:none;transition:.2s;box-shadow:0 2px 4px rgba(255,94,91,.3)}.support-button-inline:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(255,94,91,.4);background:linear-gradient(135deg,#ff4d4a,#f85)}.support-button-inline .coffee-icon{font-size:.875rem}.support-card{margin:2rem 0;padding:1.5rem;border-radius:1rem;background:linear-gradient(135deg,rgba(255,94,91,.15),rgba(255,153,102,.15));border:1px solid rgba(255,94,91,.3)}.support-card-content{text-align:center}.support-icon{font-size:3rem;margin-bottom:.75rem}.support-title{font-size:1.25rem;font-weight:700;color:#f3f4f6;margin-bottom:.5rem}.support-description{font-size:.875rem;color:#9ca3af;margin-bottom:1rem;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.5}.support-button-large{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff5e5b,#f96);color:#fff;border-radius:9999px;font-size:1rem;font-weight:600;text-decoration:none;transition:.2s;box-shadow:0 4px 6px rgba(255,94,91,.3)}.support-button-large:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(255,94,91,.4);background:linear-gradient(135deg,#ff4d4a,#f85)}.support-button-large .coffee-icon{font-size:1.25rem}.footer-support-section{display:flex;justify-content:center;margin-bottom:.75rem}.site-footer{text-align:center;font-size:.75rem;margin-top:3rem;padding-bottom:2rem;color:#94a3b8}.footer-text{margin:0;line-height:1.6}.footer-disclaimer{margin-top:.25rem}.footer-legal{margin-top:.75rem}.footer-separator{margin:0 .5rem;color:#64748b}.footer-link{color:#7dd3fc;text-decoration:none;font-weight:500;transition:color .2s}.footer-link:hover{color:#bae6fd;text-decoration:underline}