label{display:block;font-weight:bold;color:var(--text-muted);margin-bottom:0.3rem}select{padding:0.4rem 0.8rem;width:300px;background:var(--background-secondary);color:var(--text);border:1px solid var(--foreground-accent);border-radius:0.5rem;transition:0.2s ease-in-out}select:hover,select:focus{border-color:var(--accent);outline:none}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,340px);justify-content:center;margin:12px 42px;gap:25px}.guide-card{display:flex;background:var(--foreground);border-radius:8px;padding:8px;text-decoration:none;color:inherit;border:1px solid var(--foreground-accent)}.guide-card:hover{background-color:var(--foreground-hover);outline:1px solid var(--accent);outline-offset:-1px}.class-portrait{width:80px;height:100px;object-fit:cover;border-radius:8px;margin-right:1rem}.guide-info h3{margin:0 0 0.5rem}.guide-info p{color:var(--text-disabled);margin:0}#guide-container{display:flex;flex:1;gap:60px;margin-top:1.5rem;overflow:hidden}#steps-container{display:flex;flex-direction:column;flex:1;gap:2rem;padding-bottom:64px;min-width:300px;max-width:60vw;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}#steps-container::-webkit-scrollbar{width:0px;background:transparent}#steps-container::after{content:"";position:absolute;bottom:0;left:0;height:64px;width:100%;pointer-events:none;background:linear-gradient(to top,var(--background),transparent);z-index:2}.act-header{display:flex;width:100%;justify-content:space-between;align-items:center;padding:0.75rem;position:sticky;top:0;z-index:1;font-size:1.25rem;background-color:var(--background-secondary);font-weight:bold;color:var(--text);border:none;border-radius:0.5rem;transition:background-color 0.2s ease-in-out}.act-header:hover{background-color:var(--background-hover)}.toggle-icon{font-weight:bold;font-size:1.25rem;margin-left:1rem;color:var(--highlight)}ul{list-style:none;padding-left:20px;padding-right:7px;margin-top:8px}li{padding:8px;background-color:var(--background-secondary);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:0.2s ease-in-out}li:hover{background-color:var(--background-hover)}.step-completed{color:var(--text-disabled);opacity:0.5}.step-current{background-color:var(--background-secondary);outline:2px solid var(--highlight);outline-offset:-2px}ul.collapsed{display:none}#steps-container a{text-decoration:underline dotted 1.6px #e3d6b5;text-underline-offset:2.5px;cursor:pointer;color:var(--text)}#steps-container a:hover{color:#e3d6b5}#gem-container{min-height:500px;background:var(--foreground);padding:13px;border:1px solid var(--foreground-accent);border-radius:5px}#link-container{display:flex;flex-direction:column;margin-top:10px;gap:9px}.gem-link{display:flex;flex-wrap:wrap;gap:4px}.gem{display:flex;white-space:nowrap;background-color:var(--background-light);padding:4px 5px;border-radius:5px;font-size:0.9rem;color:var(--text);border:1px solid var(--background)}.gem-divider{border:0;border-left:1px solid rgb(97,97,97);margin:-3px 5px!important}.gem-changed{border:1px solid var(--highlight)}.gem-r{position:relative;color:#f87171!important}.gem-b{position:relative;color:#60a5fa!important}.gem-g{position:relative;color:#4ade80!important}.gem-w{position:relative;color:#dbdbdb!important}#vendor-regex-button{position:relative;width:100%;padding:8px 26px 8px 14px;font-size:0.8rem;border-radius:4px;background-color:var(--foreground);border:1px solid var(--foreground-accent);color:var(--text);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#vendor-regex-button:hover{background-color:var(--foreground-accent)}#scroll-to-top{display:none;position:absolute;width:42px;height:42px;bottom:0px;right:0px;z-index:99;cursor:pointer}