.browser-recommendation{position:fixed;bottom:20px;right:20px;max-width:400px;background:var(--surface-color);border:2px solid var(--primary-color);border-radius:12px;box-shadow:var(--shadow-lg,0 4px 20px rgba(0,0,0,.15));padding:20px;z-index:1000}.browser-recommendation:not(.browser-recommendation--checking):not(.browser-recommendation--hidden){animation:slideInUp .3s ease-out}@media (max-width:768px){.browser-recommendation{bottom:0;right:0;left:0;max-width:100%;border-radius:12px 12px 0 0;border-left:none;border-right:none;border-bottom:none}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.browser-recommendation-content{position:relative}.browser-recommendation-close{position:absolute;top:-16px;right:-16px;width:32px;height:32px;padding:6px;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.browser-recommendation-close:hover{background:var(--surface-hover);transform:scale(1.1)}.browser-recommendation-close:active{transform:scale(.95)}.browser-recommendation-icon{font-size:48px;text-align:center;margin-bottom:12px}.browser-recommendation:not(.browser-recommendation--checking):not(.browser-recommendation--hidden) .browser-recommendation-icon{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.browser-recommendation-text{text-align:center}.browser-recommendation-text h3{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--text-primary)}.browser-recommendation-text p{margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.browser-recommendation-text strong{color:var(--primary-color);font-weight:600}.browser-recommendation-links{display:flex;justify-content:center;gap:12px;margin-bottom:12px}.browser-recommendation-button{display:inline-flex;align-items:center;padding:10px 20px;background:var(--primary-color);color:var(--button-text-active);text-decoration:none;border-radius:6px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.1)}.browser-recommendation-button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.browser-recommendation-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.1)}.browser-recommendation-note{margin:0;font-size:12px;color:var(--text-muted);font-style:italic}[data-theme=dark] .browser-recommendation{background:var(--surface-color);box-shadow:var(--shadow-lg)}[data-theme=dark] .browser-recommendation-close{background:var(--surface-secondary);border-color:var(--border-color)}[data-theme=dark-blue] .browser-recommendation{background:var(--surface-color);border-color:var(--primary-color)}[data-theme=dark-blue] .browser-recommendation-button{background:var(--primary-color)}[data-theme=dark-blue] .browser-recommendation-button:hover{background:var(--primary-hover)}@media (prefers-reduced-motion:reduce){.browser-recommendation,.browser-recommendation-icon,.browser-recommendation:not(.browser-recommendation--checking):not(.browser-recommendation--hidden),.browser-recommendation:not(.browser-recommendation--checking):not(.browser-recommendation--hidden) .browser-recommendation-icon{animation:none!important}}.browser-recommendation-button:focus,.browser-recommendation-close:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast:high){.browser-recommendation{border-width:3px}.browser-recommendation-button{border:2px solid}}.browser-recommendation-banner{width:100%;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:2px solid #f59e0b;padding:12px 20px;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.1)}.browser-recommendation-banner:not(.browser-recommendation--checking):not(.browser-recommendation--hidden){animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.browser-recommendation-banner__content{display:flex;align-items:center;max-width:1200px;margin:0 auto;gap:16px}.browser-recommendation-banner__icon{font-size:24px;flex-shrink:0}.browser-recommendation-banner__text{flex:1 1}.browser-recommendation-banner__title{margin:0 0 4px;font-size:16px;font-weight:700;color:#92400e}.browser-recommendation-banner__message{margin:0;font-size:14px;line-height:1.5;color:#78350f}.browser-recommendation-banner__message strong{font-weight:600;color:#451a03}.browser-recommendation-banner__actions{display:flex;gap:8px;flex-shrink:0}.browser-recommendation-banner__button{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.browser-recommendation-banner__button--primary{background:#dc2626;color:white}.browser-recommendation-banner__button--primary:hover{background:#b91c1c;transform:translateY(-1px)}.browser-recommendation-banner__button--secondary{background:rgba(120,53,15,.1);color:#78350f;border:1px solid rgba(120,53,15,.3)}.browser-recommendation-banner__button--secondary:hover{background:rgba(120,53,15,.2)}@media (max-width:768px){.browser-recommendation-banner{padding:12px}.browser-recommendation-banner__content{flex-direction:column;gap:12px;text-align:center}.browser-recommendation-banner__actions{width:100%;justify-content:center}.browser-recommendation-banner__message{font-size:13px}}[data-theme=dark] .browser-recommendation-banner{background:linear-gradient(135deg,#451a03,#78350f);border-bottom-color:#f59e0b}[data-theme=dark] .browser-recommendation-banner__title{color:#fed7aa}[data-theme=dark] .browser-recommendation-banner__message{color:#fdba74}[data-theme=dark] .browser-recommendation-banner__message strong{color:#fed7aa}[data-theme=dark] .browser-recommendation-banner__button--secondary{background:rgba(253,186,116,.1);color:#fdba74;border-color:rgba(253,186,116,.3)}[data-theme=dark] .browser-recommendation-banner__button--secondary:hover{background:rgba(253,186,116,.2)}[data-theme=dark-blue] .browser-recommendation-banner{background:linear-gradient(135deg,#1e3a5f,#2d5a87);border-bottom-color:var(--primary-color)}[data-theme=dark-blue] .browser-recommendation-banner__title{color:#93c5fd}[data-theme=dark-blue] .browser-recommendation-banner__message{color:#bfdbfe}[data-theme=dark-blue] .browser-recommendation-banner__button--primary{background:var(--primary-color)}[data-theme=dark-blue] .browser-recommendation-banner__button--primary:hover{background:var(--primary-hover)}@media (prefers-reduced-motion:reduce){.browser-recommendation-banner,.browser-recommendation-banner:not(.browser-recommendation--checking):not(.browser-recommendation--hidden){animation:none!important}}.browser-recommendation-banner__button:focus{outline:2px solid #1d4ed8;outline-offset:2px}.browser-recommendation--checking{opacity:0;pointer-events:none;animation:none!important;transition:none!important}.browser-recommendation--hidden{display:none}