:root{--ff14-bg-primary:#0f1012;--ff14-bg-sidebar:#141517;--ff14-bg-secondary:#1a1b1e;--ff14-bg-elevated:#232830;--ff14-bg-input:#0d0e10;--ff14-text-primary:#f0f0f0;--ff14-text-secondary:#b4b4b4;--ff14-text-muted:#909090;--ff14-accent:#d4af37;--ff14-accent-hover:#e6c050;--ff14-accent-bg:#d4af371f;--ff14-accent-border:#d4af3766;--ff14-success:#4caf50;--ff14-success-bg:#4caf501f;--ff14-warning:#fbbf24;--ff14-warning-bg:#fbbf241f;--ff14-danger:#e74c3c;--ff14-danger-bg:#e74c3c1f;--ff14-info:#5b8dd9;--ff14-info-bg:#5b8dd91f;--ff14-border:#2a2c31;--ff14-border-strong:#3a3c41;--ff14-border-subtle:#ffffff0f;--ff14-font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;--ff14-font-mono:ui-monospace, "Consolas", "SF Mono", "Menlo", monospace;--ff14-radius-sm:2px;--ff14-radius:4px;--ff14-radius-lg:8px;--ff14-shadow-sm:0 1px 3px #0000004d;--ff14-shadow:0 4px 16px #0000004d;--ff14-shadow-lg:0 8px 32px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ff14-sidebar-heading{color:var(--ff14-text-secondary);text-transform:uppercase;letter-spacing:1px;border-left:2px solid var(--ff14-accent);margin:0 0 .75rem;padding-left:.5rem;font-size:.75rem;font-weight:600;line-height:1.3}.ff14-btn{background:var(--ff14-bg-elevated);border:1px solid var(--ff14-border);color:var(--ff14-text-primary);cursor:pointer;border-radius:var(--ff14-radius);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .9rem;font-family:inherit;font-size:.85rem;font-weight:600;line-height:1.2;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.ff14-btn:hover{background:var(--ff14-bg-secondary);border-color:var(--ff14-accent)}.ff14-btn:focus-visible{outline:2px solid var(--ff14-accent);outline-offset:2px}.ff14-btn:disabled,.ff14-btn[disabled]{opacity:.5;cursor:not-allowed}.ff14-btn--primary{background:var(--ff14-accent);border-color:var(--ff14-accent);color:#1a1a1a}.ff14-btn--primary:hover{background:var(--ff14-accent-hover);border-color:var(--ff14-accent-hover);color:#1a1a1a}.ff14-btn--ghost{background:0 0}.ff14-btn--danger{border-color:var(--ff14-border);color:var(--ff14-danger)}.ff14-btn--danger:hover{border-color:var(--ff14-danger);background:var(--ff14-danger-bg)}.ff14-btn--sm{padding:.3rem .6rem;font-size:.75rem}.ff14-tab{background:var(--ff14-bg-elevated);border:1px solid var(--ff14-border);border-radius:var(--ff14-radius);color:var(--ff14-text-secondary);cursor:pointer;text-align:left;padding:.55rem .8rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .2s,border-color .2s,color .2s}.ff14-tab:hover{background:var(--ff14-bg-secondary);border-color:var(--ff14-accent);color:var(--ff14-text-primary)}.ff14-tab--active,.ff14-tab.active,.ff14-tab[aria-current=page]{background:var(--ff14-accent-bg);border-color:var(--ff14-accent);color:var(--ff14-text-primary);border-left:3px solid var(--ff14-accent)}.ff14-input{background:var(--ff14-bg-input);border:1px solid var(--ff14-border);color:var(--ff14-text-primary);border-radius:var(--ff14-radius);outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.85rem;line-height:1.2;transition:border-color .15s}.ff14-input::placeholder{color:var(--ff14-text-muted)}.ff14-input:focus{border-color:var(--ff14-accent)}.ff14-card{background:var(--ff14-bg-secondary);border:1px solid var(--ff14-border);border-radius:var(--ff14-radius);padding:.75rem;transition:border-color .2s,transform .2s}.ff14-card--hoverable{cursor:pointer}.ff14-card--hoverable:hover{border-color:var(--ff14-accent);transform:translateY(-2px)}.ff14-status-bar{background:var(--ff14-bg-secondary);border:1px solid var(--ff14-border);border-left:4px solid var(--ff14-accent);color:var(--ff14-text-secondary);border-radius:var(--ff14-radius);justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.8rem;display:flex}.ff14-status-bar--info{border-left-color:var(--ff14-info)}.ff14-status-bar--note{border-left-color:var(--ff14-border-strong)}.ff14-status-bar--success{border-left-color:var(--ff14-success)}.ff14-status-bar--warning{border-left-color:var(--ff14-warning)}.ff14-status-bar--danger{border-left-color:var(--ff14-danger)}:root{--bg-color:var(--ff14-bg-primary);--card-bg:var(--ff14-bg-secondary);--sidebar-bg:var(--ff14-bg-sidebar);--accent-color:var(--ff14-accent);--text-primary:var(--ff14-text-primary);--text-secondary:var(--ff14-text-secondary);--savage-color:#ffd86e;--tome-color:#d18fff;--other-color:#b0b0b0;--border-radius:var(--ff14-radius);--border-color:var(--ff14-border)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ff14-font);background-color:var(--bg-color);color:var(--text-primary);line-height:1.4;overflow-x:hidden}.equip-head{max-width:1400px;margin:0 auto;padding:2rem 2rem 0}#root{max-width:1400px;margin:0 auto;padding:1.25rem 2rem 2rem}.char-selector-bar{background:var(--sidebar-bg);border:1px solid var(--border-color);border-left:4px solid var(--ff14-accent);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.6rem 1.2rem;display:flex}.char-selector-left{align-items:center;gap:.75rem;display:flex}.char-selector-label{color:var(--text-secondary);white-space:nowrap;font-size:.8rem;font-weight:600}.char-dropdown-wrapper{position:relative}.char-dropdown-btn{background:var(--ff14-bg-elevated);border:1px solid var(--border-color);color:#fff;cursor:pointer;align-items:center;gap:.5rem;min-width:160px;padding:.4rem .8rem;font-size:.9rem;transition:all .2s;display:flex}.char-dropdown-btn:hover{border-color:var(--ff14-accent);background:var(--ff14-bg-secondary)}.char-avatar{font-size:1rem}.char-current-name{text-align:left;flex-grow:1;font-weight:600}.char-dropdown-arrow{color:var(--text-secondary);margin-left:.5rem;font-size:.6rem}.char-dropdown-menu{border:1px solid var(--border-color);z-index:1000;background:#1e2024;min-width:280px;animation:.15s ease-out charMenuFadeIn;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #00000080}@keyframes charMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.char-dropdown-item{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;transition:background .15s;display:flex}.char-dropdown-item:hover{background:var(--ff14-accent-bg)}.char-dropdown-item.active{background:var(--ff14-accent-bg);border-left:3px solid var(--ff14-accent)}.char-dropdown-item-main{cursor:pointer;flex-grow:1;align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex}.char-item-avatar{font-size:.9rem}.char-item-name{color:#fff;font-size:.85rem}.char-item-check{color:var(--ff14-accent);margin-left:auto;font-size:.7rem}.char-dropdown-item-actions{gap:2px;padding-right:.4rem;display:flex}.char-action-btn{cursor:pointer;background:0 0;border:none;border-radius:2px;padding:4px 6px;font-size:.75rem;line-height:1;transition:background .15s}.char-action-btn:hover{background:#ffffff1a}.char-action-btn.delete:hover{background:var(--ff14-danger-bg)}.char-dropdown-divider{background:var(--border-color);height:1px}.char-add-btn{width:100%;color:var(--ff14-accent);cursor:pointer;text-align:left;background:0 0;border:none;padding:.7rem .8rem;font-size:.85rem;font-weight:600;transition:background .15s}.char-add-btn:hover{background:var(--ff14-accent-bg)}.char-selector-right{align-items:center;gap:.75rem;display:flex}.char-count{color:var(--text-secondary);background:#ffffff0d;border-radius:2px;padding:2px 8px;font-size:.75rem}.char-toggle-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;padding:3px 10px;font-size:.7rem;transition:all .2s}.char-toggle-btn:hover{color:#fff;border-color:var(--ff14-accent);background:var(--ff14-accent-bg)}.char-selector-collapsed{justify-content:center;margin-bottom:1.5rem;display:flex}.char-toggle-btn-collapsed{background:var(--sidebar-bg);border:1px solid var(--border-color);color:#fff;cursor:pointer;align-items:center;gap:.5rem;padding:.35rem 1rem;font-size:.8rem;transition:all .2s;display:flex}.char-toggle-btn-collapsed:hover{border-color:var(--ff14-accent);background:#1e2024}.char-collapsed-hint{color:var(--ff14-accent);margin-left:.5rem;font-size:.7rem}.equiptool-container{grid-template-columns:300px 1fr;gap:2rem;display:grid}.glass-card{background:var(--card-bg);border:1px solid var(--border-color);padding:1rem}.side-nav{background:var(--sidebar-bg);border:1px solid var(--border-color);flex-direction:column;display:flex;position:sticky;top:2rem}.side-nav::-webkit-scrollbar{display:none}.side-nav{-ms-overflow-style:none;scrollbar-width:none}.job-cat-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;border-left:2px solid var(--accent-color);margin:1.5rem 0 .5rem;padding-left:.5rem;font-size:.75rem}.job-grid-mini{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.job-btn-mini{background:var(--ff14-bg-elevated);border:1px solid var(--border-color);color:var(--text-secondary);text-align:center;cursor:pointer;padding:.5rem;font-size:.85rem;transition:all .2s}.job-btn-mini.active{border-color:var(--accent-color);color:#fff;background:#d4af371a}.character-view{flex-direction:column;gap:2rem;display:flex}.stats-bar{background:var(--card-bg);border:1px solid var(--border-color);border-left:4px solid var(--accent-color);align-items:center;gap:2rem;padding:1.2rem;display:flex}.job-header-info{border-right:1px solid var(--border-color);align-items:center;gap:1rem;min-width:180px;padding-right:1.5rem;display:flex}.job-icon-container{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.job-name-info{flex-direction:column;display:flex}.job-name-en{color:var(--accent-color);font-size:1.1rem;font-weight:700;line-height:1}.job-name-jp{color:#fff;margin-top:2px;font-size:.85rem;font-weight:400}.progress-container{flex-grow:1}.progress-info{justify-content:space-between;margin-bottom:.4rem;font-size:.9rem;display:flex}.progress-bar-bg{background:#ffffff1a;height:4px}.progress-bar-fill{background:var(--accent-color);height:100%;box-shadow:0 0 10px var(--accent-color);transition:width .6s cubic-bezier(.4,0,.2,1)}.equipment-layout{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.slot-list{flex-direction:column;gap:.75rem;display:flex}.slot-item{background:var(--ff14-bg-elevated);border:1px solid var(--border-color);align-items:center;gap:1rem;height:70px;padding:.5rem;display:flex}.slot-item.obtained{border-left:3px solid var(--accent-color);border-top-color:var(--border-color);border-right-color:var(--border-color);border-bottom-color:var(--border-color);background:linear-gradient(90deg,#d4af3714 0%,#ffffff03 100%)}.slot-icon{color:#aaa;background:#1a1a1a;border:1px solid #333;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:.7rem;display:flex}.slot-content{flex-direction:column;flex-grow:1;justify-content:center;display:flex}.slot-label{color:var(--text-secondary);text-transform:uppercase;font-size:.7rem}.slot-selection{gap:.4rem;margin-top:.2rem;display:flex}.type-btn{color:#777;cursor:pointer;background:#1a1a1a;border:1px solid #333;padding:2px 10px;font-size:.7rem}.type-btn.active.savage{border-color:var(--savage-color);color:var(--savage-color);background:#ffd86e1a}.type-btn.active.tome{border-color:var(--tome-color);color:var(--tome-color);background:#d18fff1a}.type-btn.active.other{border-color:var(--other-color);color:var(--other-color);background:#b0b0b01a}.slot-check{cursor:pointer;background:#0003;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.slot-check.checked{color:var(--accent-color);border-color:var(--accent-color);text-shadow:0 0 5px var(--accent-color)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.upgrade-container{color:var(--tome-color);background:#d18fff0d;border-radius:2px;align-items:center;gap:.3rem;width:fit-content;margin-top:.2rem;padding:2px 6px;font-size:.75rem;display:flex}.upgrade-check{border:1px solid var(--tome-color);cursor:pointer;background:#0000004d;justify-content:center;align-items:center;width:14px;height:14px;font-size:.6rem;display:flex}.upgrade-check.checked{background:var(--tome-color);color:#000}.animate-slide{animation:.3s ease-out forwards slideIn}.reset-btn-all{border:1px solid var(--ff14-danger);width:100%;color:var(--ff14-danger);cursor:pointer;background:0 0;border-radius:4px;padding:.5rem;font-size:.8rem;transition:all .2s}.reset-btn-all:hover{background:var(--ff14-danger);color:#fff}.reset-btn-job{background:var(--ff14-danger-bg);border:1px solid var(--ff14-danger);color:var(--ff14-danger);cursor:pointer;border-radius:2px;margin-left:1rem;padding:4px 12px;font-size:.75rem}.reset-btn-job:hover{background:var(--ff14-danger);color:#fff}.presets-section{border:1px solid var(--border-color);border-left:4px solid var(--savage-color);background:#1a1b1e80;flex-direction:column;margin-bottom:1rem;padding:0;display:flex}.presets-header{justify-content:space-between;align-items:center;padding:.7rem 1.2rem;display:flex}.presets-label{color:var(--text-secondary);align-items:center;font-size:.8rem;font-weight:600;display:flex}.presets-toggle-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;padding:3px 10px;font-size:.7rem;transition:all .2s}.presets-toggle-btn:hover{color:#fff;border-color:var(--savage-color);background:#ffd86e14}.presets-content{border-top:1px solid var(--border-color);padding:.75rem 1.2rem 1rem}.presets-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.preset-btn{background:var(--ff14-bg-elevated);border:1px solid var(--border-color);color:#fff;cursor:pointer;border-radius:2px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;transition:all .2s;display:flex}.preset-btn:hover{background:var(--ff14-bg-secondary);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.preset-btn .gcd-badge{color:var(--accent-color);background:#d4af3733;border-radius:2px;padding:1px 4px;font-size:.7rem;font-weight:700}.no-presets-msg{color:var(--text-secondary);font-size:.8rem;font-style:italic}@media (width<=900px){.equiptool-container{grid-template-columns:1fr}.side-nav{-ms-overflow-style:auto;scrollbar-width:thin;max-height:220px;position:static;overflow-y:auto}.side-nav::-webkit-scrollbar{width:4px;display:block}.side-nav::-webkit-scrollbar-thumb{background:var(--border-color)}}@media (width<=640px){.equip-head{padding:1rem 1rem 0}#root{padding:1rem}.stats-bar{flex-wrap:wrap;gap:1rem}.job-header-info{min-width:unset;border-right:none;border-bottom:1px solid var(--border-color);width:100%;padding-bottom:.75rem;padding-right:0}.equipment-layout{grid-template-columns:1fr}.char-selector-bar{flex-wrap:wrap;gap:.5rem}.char-selector-right{justify-content:flex-end;width:100%}.slot-item{height:auto;min-height:60px}.slot-selection{flex-wrap:wrap}.presets-buttons{flex-direction:column}}.app-fallback{max-width:640px;color:var(--text-secondary);margin:0 auto;padding:32px 20px;font-size:14px;line-height:1.85}.app-fallback__title{color:var(--text-primary);margin:0 0 12px;font-size:20px;font-weight:700}.app-fallback a{color:var(--accent-color)}