#legalNoticeBanner{position:fixed;inset:0;z-index:99990;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.35);animation:legalFadeIn .25s ease;padding:0}@keyframes legalFadeIn{from{opacity:0}to{opacity:1}}.legal-notice-card{position:relative;width:100%;max-width:520px;margin:0 auto 14px auto;background:var(--panel-bg,#fffdf7);color:var(--text-color,#333);border-radius:16px;border:1px solid var(--border-color,rgba(0,0,0,.1));box-shadow:0 8px 30px rgba(0,0,0,.25);padding:14px 16px;display:flex;gap:12px;animation:legalSlideUp .3s ease}@keyframes legalSlideUp{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}.legal-notice-icon{font-size:26px;line-height:1;margin-top:2px}.legal-notice-icon img{width:30px;height:30px;margin-top:2px}.legal-notice-body{flex:1;min-width:0}.legal-notice-body strong{font-size:.95rem;display:block;margin-bottom:4px}.legal-notice-body p{font-size:.8rem;line-height:1.45;margin:0 0 10px 0;opacity:.9}.legal-notice-actions{display:flex;gap:8px;justify-content:flex-end}.legal-notice-actions button{border:none;border-radius:20px;padding:7px 14px;font-size:.78rem;cursor:pointer;font-weight:600}.legal-notice-more{background:0 0;color:var(--accent-color,#8a6d3b);text-decoration:underline}.legal-notice-ok{background:var(--accent-color,#8a6d3b);color:#fff}.legal-notice-close{position:absolute;top:6px;right:10px;background:0 0;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-color,#333);opacity:.5}.legal-notice-close:hover{opacity:1}@media (min-width:1180px){#legalNoticeBanner{align-items:flex-end;justify-content:flex-end;padding:20px;background:0 0;pointer-events:none}.legal-notice-card{margin:0;max-width:420px;pointer-events:auto}}#helpPanelOverlay{position:fixed;inset:0;z-index:99995;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center}#helpPanelOverlay.show{display:flex;animation:legalFadeIn .2s ease}.help-panel{display:flex;flex-direction:column;width:min(560px,100%);height:min(82vh,780px);background:var(--panel-bg,#fffdf7);color:var(--text-color,#333);border-radius:18px;border:1px solid var(--border-color,rgba(0,0,0,.1));overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.3)}.help-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color,rgba(0,0,0,.08))}.help-panel-header h3{margin:0;font-size:1rem;display:flex;align-items:center;gap:8px}.help-header-icon{width:18px;height:18px}.help-panel-close{background:0 0;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--text-color,#333);opacity:.6;padding:0 4px}.help-panel-close:hover{opacity:1}.help-panel-body{flex:1;overflow-y:auto;padding:10px 12px 20px 12px}.help-section{border:1px solid var(--border-color,rgba(0,0,0,.08));border-radius:12px;margin-bottom:8px;overflow:hidden;background:var(--card-bg,rgba(255,255,255,.5))}.help-section-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:0 0;border:none;cursor:pointer;text-align:left;color:var(--text-color,#333);font-size:.88rem;font-weight:600}.help-section-icon{display:inline-flex;width:22px;height:22px}.help-section-icon img{width:22px;height:22px;object-fit:contain}.help-section-title{flex:1}.help-section-arrow{font-size:.8rem;opacity:.5;transition:transform .2s}.help-section.open .help-section-arrow{transform:rotate(180deg)}.help-section-content{padding:2px 12px 10px 44px}.help-item{padding:8px 0;border-top:1px dashed var(--border-color,rgba(0,0,0,.08))}.help-item:first-child{border-top:none}.help-item-title{font-size:.82rem;font-weight:700;margin-bottom:2px}.help-item-desc{font-size:.78rem;line-height:1.5;opacity:.85}.hl-privacy-body h4{margin:8px 0 6px 0;font-size:.88rem}.hl-privacy-body h5{margin:12px 0 4px 0;font-size:.8rem}.hl-privacy-body li,.hl-privacy-body p{font-size:.76rem;line-height:1.55;opacity:.9;margin:4px 0}.hl-privacy-body ul{padding-left:18px;margin:4px 0}.hl-privacy-date{margin-top:14px!important;font-style:italic;opacity:.6!important}@media (max-width:1179px){#helpPanelOverlay{align-items:flex-end}.help-panel{width:100%;height:88vh;max-height:none;border-radius:18px 18px 0 0}}.settings-header-actions{display:flex;align-items:center;gap:6px}.help-settings-btn{background:0 0;border:none;cursor:pointer;font-size:.95rem;line-height:1;padding:4px 6px;opacity:.7;color:inherit}.help-settings-btn:hover{opacity:1;transform:scale(1.1)}.settings-link-row{cursor:pointer;user-select:none}.settings-link-row:hover{background:var(--hover-bg,rgba(0,0,0,.04))}.settings-link-icon{display:inline-flex;align-items:center;gap:6px;margin-right:8px}.settings-link-arrow{margin-left:auto;opacity:.4;font-size:1rem}@media (max-width:1179px){.settings-panel{font-size:.85rem}.settings-panel .settings-panel-header h3{font-size:.95rem}.settings-lang-flags{gap:4px}.lang-flag-btn{width:20px;height:20px}.settings-item{padding:8px 10px;min-height:38px;gap:10px}.settings-item>label:first-child,.settings-item>span:first-child{font-size:.82rem}.settings-item .switch{transform:scale(.85)}.settings-item.skin-item{flex-direction:column;align-items:flex-start}.settings-item.skin-item .skin-selector{display:grid;width:100%;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px}.skin-option{display:flex;flex-direction:column;align-items:center;gap:3px}.skin-label{font-size:.62rem}}#onboardingOverlay,#pwaGuideOverlay{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,.6);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:12px;animation:legalFadeIn .25s ease}.onboarding-card{position:relative;width:100%;max-width:560px;max-height:90vh;background:var(--panel-bg,#fffdf7);color:var(--text-color,#333);border-radius:20px;border:1px solid var(--border-color,rgba(0,0,0,.12));box-shadow:0 16px 48px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden;animation:legalSlideUp .3s cubic-bezier(.16,1,.3,1)}.onboarding-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color,rgba(0,0,0,.08));background:var(--card-bg,rgba(0,0,0,.02))}.onboarding-header-icon{font-size:28px;line-height:1;display:flex;align-items:center}.onboarding-header-text h3{margin:0 0 2px 0;font-size:1.12rem;font-weight:700;color:var(--accent-color,#8a6d3b)}.onboarding-header-text p{margin:0;font-size:.78rem;opacity:.8;line-height:1.35}.onboarding-close-btn{position:absolute;top:14px;right:14px;background:0 0;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--text-color,#333);opacity:.5;transition:opacity .2s;padding:4px}.onboarding-close-btn:hover{opacity:1}.onboarding-body{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.onboarding-privacy-box{background:rgba(138,109,59,.08);border:1px solid rgba(138,109,59,.2);border-radius:12px;padding:10px 14px;font-size:.8rem;line-height:1.4;color:var(--text-color,#333)}.onboarding-section{background:var(--card-bg,rgba(0,0,0,.02));border:1px solid var(--border-color,rgba(0,0,0,.08));border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.onboarding-section-title{display:flex;align-items:center;gap:8px;font-size:.92rem;font-weight:700;margin:0}.onboarding-section-desc{margin:0;font-size:.78rem;line-height:1.4;opacity:.85}.onboarding-os-picker{display:flex;flex-direction:column;gap:6px}.onboarding-os-picker label{font-size:.76rem;font-weight:600;opacity:.85}.onboarding-select{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--border-color,rgba(0,0,0,.18));background:var(--panel-bg,#fff);color:var(--text-color,#333);font-size:.85rem;font-weight:600;outline:0;cursor:pointer}.onboarding-select:focus{border-color:var(--accent-color,#8a6d3b);box-shadow:0 0 0 2px rgba(138,109,59,.2)}.pwa-steps-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.pwa-step-item{display:flex;align-items:flex-start;gap:10px;font-size:.8rem;line-height:1.4}.pwa-step-badge{min-width:22px;height:22px;border-radius:50%;background:var(--accent-color,#8a6d3b);color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.pwa-native-install-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px rgba(16,185,129,.3);transition:transform .15s,box-shadow .15s}.pwa-native-install-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(16,185,129,.4)}.onboarding-wizard-progress{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px 0 16px}.onboarding-step-dot{width:24px;height:4px;border-radius:4px;background:var(--border-color,rgba(0,0,0,.12));transition:all .3s ease}.onboarding-step-dot.active{background:var(--accent-color,#8a6d3b);width:38px}.onboarding-step-dot.done{background:#10b981}.onboarding-lang-list{display:grid;grid-template-columns:1fr;gap:8px;margin-top:4px}.onboarding-lang-option{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-radius:12px;border:1px solid var(--border-color,rgba(0,0,0,.15));background:var(--panel-bg,#fff);color:var(--text-color,#333);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s}.onboarding-lang-option:hover{border-color:var(--accent-color,#8a6d3b);background:rgba(138,109,59,.05)}.onboarding-lang-option.selected{border-color:var(--accent-color,#8a6d3b);background:rgba(138,109,59,.1);color:var(--accent-color,#8a6d3b)}.onboarding-auth-tabs{display:flex;border-bottom:1px solid var(--border-color,rgba(0,0,0,.12));margin-bottom:8px}.onboarding-auth-tab{flex:1;text-align:center;padding:9px;font-size:.84rem;font-weight:600;cursor:pointer;border:none;background:0 0;color:var(--text-color,#333);opacity:.6;border-bottom:2px solid transparent;transition:all .2s}.onboarding-auth-tab.active{opacity:1;color:var(--accent-color,#8a6d3b);border-bottom-color:var(--accent-color,#8a6d3b)}.onboarding-form{display:flex;flex-direction:column;gap:10px}.onboarding-field{display:flex;flex-direction:column;gap:4px}.onboarding-field label{font-size:.74rem;font-weight:600;opacity:.8}.onboarding-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border-color,rgba(0,0,0,.18));background:var(--panel-bg,#fff);color:var(--text-color,#333);font-size:.85rem;outline:0;box-sizing:border-box}.onboarding-input:focus{border-color:var(--accent-color,#8a6d3b);box-shadow:0 0 0 2px rgba(138,109,59,.15)}.onboarding-error-msg{color:#dc2626;font-size:.78rem;line-height:1.35;background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.2);padding:8px 12px;border-radius:8px;display:none}.onboarding-success-msg{color:#15803d;font-size:.78rem;line-height:1.35;background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.25);padding:8px 12px;border-radius:8px;display:none}.onboarding-forgot-link{font-size:.78rem;color:var(--accent-color,#8a6d3b);text-decoration:underline;cursor:pointer;background:0 0;border:none;padding:0;margin-top:4px}.onboarding-forgot-link:hover{opacity:.8}.onboarding-btn-google{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#374151;border:1px solid rgba(0,0,0,.16);border-radius:12px;padding:10px 16px;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:background .15s,border-color .15s}.onboarding-btn-google:hover{background:#f9fafb;border-color:rgba(0,0,0,.25)}.onboarding-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.onboarding-btn-login{background:var(--accent-color,#8a6d3b);color:#fff;border:none;border-radius:12px;padding:11px 16px;font-size:.88rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .2s,transform .1s}.onboarding-btn-login:hover{filter:brightness(1.1);transform:translateY(-1px)}.onboarding-btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.onboarding-btn-skip{background:0 0;color:var(--text-color,#333);border:1px solid var(--border-color,rgba(0,0,0,.15));border-radius:12px;padding:10px 16px;font-size:.82rem;font-weight:600;cursor:pointer;opacity:.85;transition:background .2s,opacity .2s}.onboarding-btn-skip:hover{background:rgba(0,0,0,.04);opacity:1}.onboarding-guest-warning{background:rgba(234,179,8,.09);border:1px solid rgba(234,179,8,.35);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;animation:legalSlideUp .25s ease}.guest-warning-title{margin:0;font-size:.88rem;font-weight:700;color:#b45309;display:flex;align-items:center;gap:6px}.guest-restricted-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:.78rem;line-height:1.35}.guest-restricted-list li{display:flex;align-items:flex-start;gap:8px}.guest-active-features{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);border-radius:10px;padding:10px 12px;font-size:.75rem;line-height:1.4;color:var(--text-color,#333)}.guest-active-features p{margin:0;display:flex;align-items:center;gap:6px}.guest-active-features small{display:block;margin-top:4px;opacity:.85}.guest-warning-actions{display:flex;gap:8px;margin-top:4px}.guest-warning-actions button{flex:1}.onboarding-btn-guest-confirm{background:rgba(0,0,0,.06);color:var(--text-color,#333);border:1px solid var(--border-color,rgba(0,0,0,.2));border-radius:12px;padding:10px 12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.onboarding-btn-guest-confirm:hover{background:rgba(0,0,0,.1)}@media (max-width:480px){.guest-warning-actions{flex-direction:column}}