:root{--bg-gradient-start: #e8e8e8;--bg-gradient-end: #d0d0d0;--card-bg: #ffffff;--section-bg: #f8f8f8;--item-bg: #ffffff;--text-primary: #2a2a2a;--text-secondary: #6b6b6b;--primary-color: #4a4a4a;--accent-gradient-start: #6a6a6a;--accent-gradient-end: #4a4a4a;--border-color: #d4d4d4;--shadow-color: rgba(0, 0, 0, .08);--shadow-hover: rgba(0, 0, 0, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .15);--input-bg: #ffffff;--input-border: #d4d4d4;--input-focus: #5a5a5a;--overlay-lightest: rgba(0, 0, 0, .05);--overlay-lighter: rgba(0, 0, 0, .08);--overlay-light: rgba(0, 0, 0, .1);--overlay-medium: rgba(0, 0, 0, .2);--overlay-strong: rgba(0, 0, 0, .3);--overlay-heavy: rgba(0, 0, 0, .5);--overlay-intense: rgba(0, 0, 0, .7);--overlay-opaque: rgba(0, 0, 0, .9);--highlight-subtle: rgba(255, 255, 255, .05);--highlight-soft: rgba(255, 255, 255, .1);--highlight-medium: rgba(255, 255, 255, .2);--highlight-strong: rgba(255, 255, 255, .3);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 50%;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--danger-color: #e74c3c;--danger-hover: #c0392b;--success-color: #27ae60;--warning-color: #faa61a;--info-color: #3498db;--accent-blue: #0071eb;--accent-green: #43b581;--rarity-ur: #e91e8c;--rarity-ur-light: #ffb3d9;--rarity-ur-bg: linear-gradient(135deg, #fdeebb, #ffc8b2, #ffb7c5, #dcb5ff, #fdeebb);--rarity-ur-text: #4a0028;--rarity-ssr: #ffd54f;--rarity-ssr-text: #5d4037;--rarity-sr: #ba68c8;--rarity-sr-text: #ffffff;--rarity-r: #6495ed;--rarity-r-text: #ffffff;--rarity-n: #b0bec5;--rarity-n-text: #37474f;--primary-alpha-10: rgba(0, 113, 235, .1);--primary-alpha-15: rgba(0, 113, 235, .15);--primary-alpha-20: rgba(0, 113, 235, .2);--primary-alpha-30: rgba(0, 113, 235, .3);--island-stamina: #3498db;--island-points: #9b59b6;--island-success: #2ecc71;--surface-card: #ffffff;--surface-elevated: #f5f5f5;--surface-border: #e0e0e0;--text-on-surface: #4a4a4a}body.dark-mode{--bg-gradient-start: #1a1a1a;--bg-gradient-end: #0a0a0a;--card-bg: #2a2a2a;--section-bg: #1f1f1f;--item-bg: #2a2a2a;--text-primary: #e8e8e8;--text-secondary: #a8a8a8;--primary-color: #c0c0c0;--accent-gradient-start: #5a5a5a;--accent-gradient-end: #3a3a3a;--border-color: #3a3a3a;--shadow-color: rgba(0, 0, 0, .4);--shadow-hover: rgba(0, 0, 0, .6);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .6);--input-bg: #1f1f1f;--input-border: #3a3a3a;--input-focus: #6a6a6a;--danger-color: #e74c3c;--danger-hover: #c0392b;--success-color: #27ae60;--warning-color: #faa61a;--info-color: #3498db;--accent-blue: #7289da;--accent-green: #43b581;--rarity-ur: #e91e8c;--rarity-ur-light: #ffb3d9;--rarity-ur-bg: linear-gradient(135deg, #fdeebb, #ffc8b2, #ffb7c5, #dcb5ff, #fdeebb);--rarity-ur-text: #4a0028;--rarity-ssr: #ffd54f;--rarity-ssr-text: #5d4037;--rarity-sr: #ba68c8;--rarity-sr-text: #ffffff;--rarity-r: #6495ed;--rarity-r-text: #ffffff;--rarity-n: #b0bec5;--rarity-n-text: #37474f;--primary-alpha-10: rgba(114, 137, 218, .1);--primary-alpha-15: rgba(114, 137, 218, .15);--primary-alpha-20: rgba(114, 137, 218, .2);--primary-alpha-30: rgba(114, 137, 218, .3);--island-stamina: #3498db;--island-points: #9b59b6;--island-success: #2ecc71;--surface-card: #2f3136;--surface-elevated: #3d4148;--surface-border: #4f545c;--text-on-surface: #b9bbbe}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.global-toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.global-toast{background:var(--bg-surface, #333);color:var(--text-primary, #fff);padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;gap:10px;min-width:250px;max-width:400px;transform:translate(120%);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto;font-weight:500;border-left:4px solid transparent}.global-toast.show{transform:translate(0)}.global-toast.toast-success{background:var(--surface-card);border-left-color:var(--success-color)}.global-toast.toast-success i{color:var(--success-color)}.global-toast.toast-error{background:var(--surface-card);border-left-color:var(--danger-color)}.global-toast.toast-error i{color:var(--danger-color)}.global-toast.toast-info{background:var(--surface-card);border-left-color:var(--info-color)}.global-toast.toast-info i{color:var(--info-color)}.global-search-overlay{position:fixed;inset:0;z-index:1001;background:var(--overlay-heavy);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;padding-top:15vh;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.global-search-overlay.visible{opacity:1;visibility:visible}.global-search-container{width:100%;max-width:600px;background:var(--card-bg);border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 16px 48px var(--overlay-medium);overflow:hidden;transform:scale(.96) translateY(-8px);transition:transform var(--transition-base)}.global-search-overlay.visible .global-search-container{transform:scale(1) translateY(0)}.global-search-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--surface-border)}.global-search-header>.material-symbols-outlined{color:var(--text-secondary);font-size:1.25rem;flex-shrink:0}#global-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:1rem;font-family:inherit;min-width:0}#global-search-input::placeholder{color:var(--text-secondary)}.global-search-esc{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.7rem;font-family:inherit;padding:2px 6px;flex-shrink:0}.global-search-close{display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:6px;flex-shrink:0;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast)}.global-search-close:hover{color:var(--text-primary);background:var(--overlay-lightest)}.global-search-close .material-symbols-outlined{font-size:1.25rem}.global-search-results{max-height:420px;overflow-y:auto;padding:.5rem}.global-search-results::-webkit-scrollbar{width:6px}.global-search-results::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.global-search-section{padding:.375rem .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.global-search-empty{padding:2rem 1rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.global-search-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:8px;color:var(--text-primary);text-decoration:none;cursor:pointer;transition:background var(--transition-fast)}.global-search-item:hover,.global-search-item.active{background:var(--primary-alpha-10)}.global-search-item.active{outline:2px solid var(--primary-alpha-30);outline-offset:-2px}.global-search-item-icon{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--overlay-lightest);border-radius:6px;color:var(--text-secondary);font-size:1.1rem}.global-search-item-text{flex:1;min-width:0}.global-search-item-name{font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-item-desc{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-item-badge{flex-shrink:0;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:var(--radius-sm);background:var(--overlay-lightest);color:var(--text-secondary)}.global-search-ship{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:8px;color:var(--text-primary);text-decoration:none;cursor:default;transition:background var(--transition-fast)}.global-search-ship:hover,.global-search-ship.active{background:var(--primary-alpha-10)}.global-search-ship.active{outline:2px solid rgba(114,137,218,.4);outline-offset:-2px}.global-search-ship-icon{flex-shrink:0;width:40px;height:40px;border-radius:6px;object-fit:cover;background:var(--surface-elevated)}.global-search-ship-info{flex:1;min-width:0}.global-search-ship-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.global-search-rarity{font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:3px;margin-left:.5rem;vertical-align:middle}.global-search-rarity.rarity-UR,.global-search-rarity.rarity-DR{background:#cfb53b33;color:#cfb53b}.global-search-rarity.rarity-SSR{background:#ffa50033;color:orange}.global-search-rarity.rarity-SR{background:#a378e033;color:#a378e0}.global-search-rarity.rarity-R{background:#6495ed33;color:#6495ed}.global-search-rarity.rarity-N{background:#a0a0a033;color:#a0a0a0}.global-search-ship-links{display:flex;gap:.375rem;flex-shrink:0}.global-search-ship-link{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;background:var(--overlay-lightest);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.global-search-ship-link:hover{background:var(--primary-alpha-15);color:var(--accent-blue)}.global-search-ship-link .material-symbols-outlined{font-size:1rem}.global-search-footer{display:flex;gap:1.25rem;padding:.625rem 1rem;border-top:1px solid var(--surface-border);font-size:.7rem;color:var(--text-secondary)}.global-search-footer kbd{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:3px;padding:1px 5px;font-family:inherit;font-size:.65rem;color:var(--text-secondary);margin:0 2px}.global-search-trigger{background:var(--highlight-subtle);border:1px solid var(--highlight-soft);border-radius:10px;padding:.5rem .75rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all var(--transition-base);color:#fff;min-height:40px;order:2}.global-search-trigger:hover{background:var(--highlight-soft);transform:scale(1.05)}.global-search-trigger .material-symbols-outlined{font-size:1.2rem}.search-shortcut-hint{background:var(--highlight-soft);border:1px solid var(--highlight-soft);border-radius:var(--radius-sm);padding:1px 6px;font-size:.65rem;font-family:inherit;color:#fff9}.navbar.navbar-light .global-search-trigger{background:var(--overlay-lightest);border-color:var(--overlay-lighter);color:var(--text-primary)}.navbar.navbar-light .global-search-trigger:hover{background:var(--overlay-lighter)}.navbar.navbar-light .search-shortcut-hint{background:var(--overlay-lightest);border-color:var(--overlay-light);color:var(--overlay-heavy)}body.dark-mode .global-search-overlay{background:var(--overlay-intense)}body.dark-mode .global-search-container{background:var(--surface-card);border-color:var(--surface-border);box-shadow:0 16px 48px var(--overlay-heavy)}body.dark-mode .global-search-header{border-bottom-color:var(--surface-border)}body.dark-mode .global-search-header>.material-symbols-outlined{color:#b9bbbe}body.dark-mode #global-search-input{color:#dcddde}body.dark-mode #global-search-input::placeholder{color:#72767d}body.dark-mode .global-search-esc{background:var(--surface-elevated);border-color:var(--surface-border);color:#8e9297}body.dark-mode .global-search-close{color:#b9bbbe}body.dark-mode .global-search-close:hover{color:#fff;background:var(--highlight-soft)}body.dark-mode .global-search-results::-webkit-scrollbar-thumb{background:var(--surface-border)}body.dark-mode .global-search-section,body.dark-mode .global-search-empty{color:#72767d}body.dark-mode .global-search-item{color:#dcddde}body.dark-mode .global-search-item:hover,body.dark-mode .global-search-item.active{background:var(--primary-alpha-15)}body.dark-mode .global-search-item.active{outline-color:#7289da66}body.dark-mode .global-search-item-icon{background:var(--highlight-subtle);color:#b9bbbe}body.dark-mode .global-search-item-name{color:#fff}body.dark-mode .global-search-item-desc{color:#72767d}body.dark-mode .global-search-item-badge{background:var(--highlight-subtle);color:#8e9297}body.dark-mode .global-search-ship{color:#dcddde}body.dark-mode .global-search-ship:hover,body.dark-mode .global-search-ship.active{background:var(--primary-alpha-10)}body.dark-mode .global-search-ship-icon{background:var(--surface-elevated)}body.dark-mode .global-search-ship-name{color:#fff}body.dark-mode .global-search-ship-link{background:var(--highlight-subtle);color:#b9bbbe}body.dark-mode .global-search-ship-link:hover{background:var(--primary-alpha-30);color:#fff}body.dark-mode .global-search-footer{border-top-color:var(--surface-border);color:#72767d}body.dark-mode .global-search-footer kbd{background:var(--surface-elevated);border-color:var(--surface-border);color:#8e9297}@media (max-width: 768px){.global-search-overlay{padding-top:0;align-items:flex-start}.global-search-container{max-width:100%;border-radius:0;height:100dvh;display:flex;flex-direction:column}.global-search-results{flex:1;max-height:none}.global-search-footer,.search-shortcut-hint,.global-search-esc{display:none}.global-search-close{display:flex}.global-search-trigger{order:2;padding:.5rem;min-width:40px;justify-content:center}.theme-toggle{order:2}}html{font-size:16px}@media (max-width: 768px){html{font-size:15px}}@media (max-width: 480px){html{font-size:14px}}body{font-family:Noto Sans KR,Roboto,sans-serif}:root{--footer-bg: rgba(0, 0, 0, .02);--footer-border: rgba(0, 0, 0, .05);--footer-text: rgba(0, 0, 0, .6)}body.dark-mode{--footer-bg: rgba(255, 255, 255, .02);--footer-border: rgba(255, 255, 255, .05);--footer-text: rgba(255, 255, 255, .6)}.navbar{position:sticky;top:0;z-index:1000;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);padding:.5rem 1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;box-shadow:0 4px 20px #00000026;backdrop-filter:blur(10px);transition:all .3s ease}.navbar.scrolled{box-shadow:0 6px 30px #00000040}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;gap:1.5rem}.nav-logo{color:#fff;text-decoration:none;font-size:1.3rem;font-weight:600;display:flex;align-items:center;gap:.6rem;transition:all .2s ease;order:1}.nav-logo:hover{transform:translateY(-2px);color:#e0e0e0}.nav-logo .material-symbols-outlined{font-size:1.6rem}.nav-portrait{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--highlight-medium);transition:border-color .2s ease}.nav-logo:hover .nav-portrait{border-color:var(--highlight-strong)}.nav-menu{list-style:none;display:flex;padding:0;order:3;margin:0 0 0 auto;gap:.5rem}.nav-item{position:relative}.nav-links{color:#e0e0e0;text-decoration:none;padding:.6rem 1rem;display:block;font-size:.9rem;font-weight:500;border-radius:8px;transition:all .2s ease;position:relative}.nav-links:hover{background:var(--highlight-soft);color:#fff}.mega-dropdown{position:static}.mega-menu{position:absolute;left:0;right:0;top:100%;background:#1a1a1a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #0006;border-top:2px solid #404040;max-height:0;overflow:hidden}@media screen and (min-width: 769px){.mega-dropdown:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0);max-height:600px}.mega-dropdown:hover>.nav-links:after{transform:rotate(180deg)}}.mega-menu-content{max-width:1400px;margin:0 auto;padding:1.5rem;display:flex;gap:2.5rem}.mega-menu-column{flex:1;min-width:0}.mega-menu-title{color:#909090;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 .75rem;padding:0 1rem}.mega-menu-link{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;color:#e0e0e0;text-decoration:none;border-radius:8px;transition:all .2s ease;margin-bottom:.2rem}.mega-menu-link:hover{background:var(--highlight-soft);transform:translate(4px)}.mega-menu-link .material-symbols-outlined{font-size:1.4rem;color:#b0b0b0;transition:color .2s ease}.mega-menu-link:hover .material-symbols-outlined{color:#fff}.mega-menu-link strong{display:block;font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.1rem}.mega-menu-link small{display:block;font-size:.75rem;color:gray;font-weight:400}.mega-dropdown>.nav-links:after{content:"";display:inline-block;width:0;height:0;margin-left:.5rem;vertical-align:middle;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;transition:transform .2s ease}.navbar.navbar-light{background:linear-gradient(135deg,var(--card-bg) 0%,var(--section-bg) 100%);box-shadow:0 2px 12px #0000000f}.navbar.navbar-light.scrolled{box-shadow:0 4px 20px #0000001a}.navbar.navbar-light .nav-logo,.navbar.navbar-light .nav-links{color:var(--text-primary)}.navbar.navbar-light .nav-links:hover{background:var(--overlay-lightest);color:#1a1a1a}.navbar.navbar-light .nav-portrait{border-color:var(--overlay-light)}.navbar.navbar-light .nav-logo:hover .nav-portrait{border-color:var(--overlay-strong)}.navbar.navbar-light .mega-menu{background:var(--surface-elevated);border-top:2px solid var(--border-color);box-shadow:0 10px 40px #0000001a}.navbar.navbar-light .mega-menu-title{color:var(--text-secondary)}.navbar.navbar-light .mega-menu-link{color:var(--text-primary)}.navbar.navbar-light .mega-menu-link:hover{background:var(--overlay-lightest)}.navbar.navbar-light .mega-menu-link .material-symbols-outlined{color:var(--text-secondary)}.navbar.navbar-light .mega-menu-link:hover .material-symbols-outlined,.navbar.navbar-light .mega-menu-link strong{color:#1a1a1a}.navbar.navbar-light .mega-menu-link small{color:var(--text-secondary)}.navbar.navbar-light .menu-icon{color:var(--text-primary)}.nav-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{background:var(--highlight-subtle);border:1px solid var(--highlight-soft);border-radius:10px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#fff;min-width:40px;min-height:40px;order:2}.theme-toggle:hover{background:var(--highlight-soft);transform:scale(1.05)}.navbar.navbar-light .theme-toggle{background:var(--overlay-lightest);border-color:var(--overlay-lighter);color:var(--text-primary)}.navbar.navbar-light .theme-toggle:hover{background:var(--overlay-lighter)}.theme-icon-hidden{display:none}body:not(.dark-mode) .theme-icon-sun{display:block}body:not(.dark-mode) .theme-icon-moon{display:none}body.dark-mode .theme-icon-sun{display:none}body.dark-mode .theme-icon-moon{display:block}.menu-icon{display:none;cursor:pointer;color:#fff;order:4;padding:.5rem;border-radius:8px;transition:background .2s ease,transform .3s ease}.menu-icon:hover{background:var(--highlight-soft)}.menu-icon.active{transform:rotate(90deg)}@media screen and (max-width: 768px){.navbar{padding:.75rem 1rem}.nav-container{flex-wrap:wrap;gap:.15rem}.nav-logo{order:1;font-size:1.2rem}.nav-portrait{width:32px;height:32px}.nav-logo .material-symbols-outlined{font-size:1.5rem}.theme-toggle{order:2;padding:.5rem;min-width:40px;min-height:40px}.menu-icon{display:block;order:3;margin-left:auto}.nav-menu{max-height:0;overflow:hidden;transition:max-height .4s ease;width:100%;flex-direction:column;order:4;margin-left:0;gap:0}.nav-menu.active{max-height:calc(100vh - 180px);overflow-y:auto;padding-top:.5rem;-webkit-overflow-scrolling:touch}.nav-item{margin:0}.nav-links{padding:.875rem 1rem;border-radius:0}.mega-dropdown{position:relative}.mega-menu{position:static;width:100%;box-shadow:none;border-top:none;background:var(--overlay-medium);margin-top:0}.navbar.navbar-light .mega-menu{background:var(--overlay-lightest)}.mega-dropdown.active .mega-menu{opacity:1;visibility:visible;transform:translateY(0);max-height:1000px}.mega-menu-content{flex-direction:column;padding:.5rem 0;gap:0}.mega-menu-title{padding:.5rem 1.5rem;font-size:.7rem;margin:.5rem 0 .25rem}.mega-menu-link{padding:.75rem 1.5rem;gap:.75rem}.mega-menu-link:hover{transform:none}.mega-menu-link .material-symbols-outlined{font-size:1.3rem}.mega-menu-link strong{font-size:.9rem}.mega-menu-link small{font-size:.75rem}.mega-dropdown>.nav-links:after{transition:transform .2s ease}.mega-dropdown.active>.nav-links:after{transform:rotate(180deg)}}.site-footer{background:var(--footer-bg);backdrop-filter:blur(8px);border-top:1px solid var(--footer-border);color:var(--footer-text);text-align:center;padding:1rem 0;margin-top:4rem}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;z-index:999;background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));color:#fff;border:none;width:3.5rem;height:3.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 .5rem 1rem #0006;opacity:0;visibility:hidden;transform:translateY(100px)}.scroll-to-top:not(.hidden),.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{transform:translateY(-5px);box-shadow:0 1rem 2rem #00000080}.scroll-to-top:active{transform:translateY(-2px)}.scroll-to-top i{transition:transform .15s cubic-bezier(.4,0,.2,1)}.scroll-to-top:hover i{transform:translateY(-3px)}.scroll-to-top.hidden{display:flex!important;opacity:0;visibility:hidden;transform:translateY(100px);pointer-events:none}@media (prefers-reduced-motion: reduce){.scroll-to-top{transition:none}}#info-button,.info-button{background:none;border:none;color:var(--accent-blue);font-size:1.5rem;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);padding:.5rem;border-radius:.25rem;display:inline-flex;align-items:center;justify-content:center}.info-button-inline{font-size:.7em;padding:.25rem}#info-button:hover,.info-button:hover{color:#8ea1e1;background:var(--primary-alpha-10);transform:scale(1.1) rotate(15deg)}#info-button:focus,.info-button:focus{outline:2px solid var(--accent-blue);outline-offset:2px}#info-popup,.info-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-heavy);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}#info-popup.visible,.info-popup.visible{opacity:1;visibility:visible}.info-popup-content{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:1rem;max-width:37.5rem;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 1rem 2rem #00000080;animation:popup-scale-in .35s cubic-bezier(.4,0,.2,1);position:relative}@keyframes popup-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--surface-border);background:linear-gradient(135deg,var(--surface-elevated) 0%,var(--card-bg) 100%);border-radius:1rem 1rem 0 0;position:sticky;top:0;z-index:10}.popup-header h2{margin:0;font-size:1.25rem;color:var(--accent-blue)}.close-popup-btn{background:var(--surface-elevated);border:1px solid var(--surface-border);color:var(--text-on-surface);font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.close-popup-btn:hover{color:#fff;background:var(--danger-color);border-color:var(--danger-color);transform:rotate(90deg)}.popup-body{padding:1.5rem;text-align:left}.info-popup-content p{margin:0 0 .75rem;line-height:1.6;color:var(--text-on-surface)}.info-popup-content strong{color:var(--text-primary);font-weight:600}body.dark-mode .info-popup{background:var(--overlay-opaque)}body.dark-mode .popup-header{background:linear-gradient(135deg,var(--section-bg) 0%,var(--surface-card) 100%)}.dropdown-container{position:relative;width:100%}.dropdown-container input{font-size:1rem;padding:.75rem 2.5rem .75rem 1rem;border:2px solid var(--surface-border);background-color:var(--surface-elevated);color:var(--text-primary);border-radius:.5rem;width:100%;box-sizing:border-box;transition:all .15s cubic-bezier(.4,0,.2,1);font-family:inherit}.dropdown-container input:hover{border-color:var(--text-secondary);background-color:var(--surface-card)}.dropdown-container input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--primary-alpha-20);transform:translateY(-1px)}.dropdown-container input:disabled{opacity:.5;cursor:not-allowed}.dropdown-container input::placeholder{color:var(--text-secondary)}.dropdown-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-on-surface);pointer-events:none;transition:transform .25s cubic-bezier(.4,0,.2,1)}.dropdown-container input:focus+.dropdown-icon{transform:translateY(-50%) rotate(180deg);color:var(--accent-blue)}.dropdown-content{display:none;position:absolute;background-color:var(--surface-elevated);width:100%;box-shadow:0 .5rem 1rem #0006;z-index:100;max-height:18.75rem;overflow-y:auto;border:1px solid var(--surface-border);border-radius:.5rem;margin-top:.5rem;animation:dropdown-slide-in .25s cubic-bezier(.4,0,.2,1)}@keyframes dropdown-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-content a{color:var(--text-primary);padding:.875rem 1rem;text-decoration:none;display:block;cursor:pointer;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent}.dropdown-content a:hover{background:linear-gradient(90deg,var(--primary-alpha-20) 0%,transparent 100%);color:#fff;border-left-color:var(--accent-blue);padding-left:1.25rem}.dropdown-content a:focus{outline:2px solid var(--accent-blue);outline-offset:-2px}.dropdown-content .no-results{color:var(--text-secondary);padding:1.5rem;text-align:center;font-style:italic}.dropdown-content a mark{background-color:var(--accent-blue);color:#fff;padding:.125rem .25rem;border-radius:.25rem;font-weight:600}.info-step{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--surface-elevated);border-radius:.5rem;border-left:3px solid var(--accent-blue);transition:all .25s cubic-bezier(.4,0,.2,1)}.info-step:hover{transform:translate(4px);border-left-color:var(--accent-green)}.info-icon{flex-shrink:0;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--accent-blue),#5b6eae);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;box-shadow:0 .25rem .5rem #0003}.info-content{text-align:left;flex:1}.info-content h3{text-align:left;margin-bottom:.5rem;color:var(--text-primary);font-size:1rem;font-weight:600}.info-content p{margin:0;color:var(--text-on-surface);font-size:.9375rem;text-align:left;line-height:1.6}.warning-box{display:flex;gap:1rem;padding:1rem;background:#faa61a1a;border:1px solid var(--warning-color);border-radius:.5rem;margin-top:1.5rem;text-align:left;align-items:flex-start}.warning-box i{color:var(--warning-color);font-size:1.5rem;flex-shrink:0;margin-top:.125rem}.warning-box div{text-align:left;flex:1}.warning-box strong{color:var(--warning-color);display:block;margin-bottom:.5rem;text-align:left;font-size:1rem}.warning-box p{margin:0;font-size:.9375rem;line-height:1.5;text-align:left;color:var(--text-primary)}body:not(.dark-mode) .warning-box i{color:#d68910}body:not(.dark-mode) .warning-box strong{color:#d68910}.tooltip-toggle-button{background:var(--surface-border);color:var(--text-on-surface);border:none;width:1.75rem;height:1.75rem;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}body.dark-mode .tooltip-toggle-button{background:var(--surface-border);color:var(--text-on-surface)}.tooltip-toggle-button .material-symbols-outlined{font-size:1.25rem}.tooltip-toggle-button:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}body.dark-mode .tooltip-toggle-button:hover{background:var(--text-secondary)}.info-tooltip{position:relative;background:var(--card-bg);border:2px solid var(--primary-color);border-radius:.75rem;padding:0;margin-bottom:0;box-shadow:0 4px 12px var(--shadow-color);max-height:0;overflow:hidden;opacity:0;transition:all .3s ease,max-height .4s ease}.info-tooltip.visible{max-height:500px;opacity:1;padding:1rem;margin-bottom:1rem}.tooltip-content h4{color:var(--primary-color);margin:0 0 .75rem;font-size:1.1em}.tooltip-content p{margin:.5rem 0;color:var(--text-primary);font-size:.9em;line-height:1.5}.tooltip-content strong{color:var(--primary-color)}.tooltip-formula{background:var(--section-bg);padding:.75rem;border-radius:.5rem;border-left:3px solid var(--primary-color);margin:1rem 0}.tooltip-details{background:var(--section-bg);padding:.75rem;border-radius:.5rem;margin:.75rem 0}.tooltip-details p{margin:.375rem 0;padding-left:.5rem}.tooltip-note{font-size:.85em;color:var(--text-secondary);font-style:italic;margin-top:.75rem}body:not(.dark-mode) .tooltip-toggle-button{background:var(--primary-color)}body:not(.dark-mode) .info-tooltip{background:var(--card-bg);border-color:var(--primary-color)}body:not(.dark-mode) .tooltip-content h4{color:var(--primary-color)}body:not(.dark-mode) .tooltip-content p{color:var(--text-primary)}.no-scroll{overflow:hidden}.hidden{display:none!important}@media (max-width: 768px){.scroll-to-top{bottom:1rem;right:1rem;width:3rem;height:3rem;font-size:1.125rem}.info-popup{align-items:flex-start;padding:0}.info-popup-content{max-height:90vh;width:calc(100% - 2rem);margin-left:1rem;margin-right:1rem;margin-top:5vh;margin-bottom:.5rem;border-radius:.75rem}.popup-header,.popup-body{padding:1rem}.dropdown-container{width:100%}}@media (max-width: 480px){.info-popup-content{width:calc(100% - 1rem);margin-left:.5rem;margin-right:.5rem;margin-top:3vh;margin-bottom:.5rem;max-height:94vh}.popup-header{padding:.5rem 1rem}.popup-header h2{font-size:1rem}.popup-body{padding:.5rem 1rem}.info-icon{width:2rem;height:2rem;font-size:1rem}.info-content h3{font-size:.9375rem}.info-content p{font-size:.875rem}.info-step{padding:.5rem;margin-bottom:1rem}.warning-box{flex-direction:column;gap:.75rem;padding:.75rem}.warning-box i{font-size:1.25rem}}