.animated-chain-index{display:flex;align-items:center;font-weight:700;font-size:.875rem;margin-right:.5rem;height:1.2em;position:relative}.animated-chain-index__display{display:flex;align-items:center;user-select:none;-webkit-user-select:none}.animated-chain-index__selectable-text{position:absolute;left:0;top:0;color:transparent;pointer-events:none;font-size:inherit;font-weight:inherit;line-height:inherit;white-space:pre}.animated-chain-index__digit-wrapper{width:.6em;height:1.2em;position:relative;display:flex;align-items:center;justify-content:center}.animated-chain-index__digit{height:1.2em;display:flex;align-items:center;justify-content:center;line-height:1}.animated-chain-index__reveal{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;animation:reveal .2s ease-out forwards}@keyframes reveal{0%{opacity:1}to{opacity:0}}.multi-chain-selector{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;min-height:0;overflow:hidden}.multi-chain-selector__heading{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.multi-chain-selector__viewport{width:100%;flex:1 1 0;max-height:100%;overflow-y:scroll;scrollbar-width:none;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding:25vh 0}.multi-chain-selector__chain{scroll-snap-align:center;scroll-snap-stop:always;flex-shrink:0;width:100%;min-height:30vh;padding:0 4rem;display:flex;align-items:center;justify-content:center;overflow-x:auto;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.multi-chain-selector__chain--deleting{min-height:0!important;opacity:0;transform:scaleY(0)}.multi-chain-selector__chain--copying{animation:chain-copy-in .34s cubic-bezier(.4,0,.2,1) forwards}@keyframes chain-copy-in{0%{min-height:0;opacity:0;transform:scaleY(0)}to{min-height:30vh;opacity:1;transform:scaleY(1)}}.multi-chain-selector__footer{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;margin-top:auto;padding:.25rem 0 .75rem}.multi-chain-selector__footer-row{display:flex;align-items:center;gap:.5rem}.multi-chain-selector__add-indicator{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:2px solid black;background:#fff;cursor:pointer;transition:all .15s ease;user-select:none;-webkit-user-select:none}.multi-chain-selector__add-indicator:hover{background:#000;color:#fff}.multi-chain-selector__add-text{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.multi-chain-selector__lock-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid #ccc;background:#fff;cursor:pointer;transition:all .15s ease;font-size:1rem;color:#ccc}.multi-chain-selector__lock-btn:hover:not(:disabled){border-color:#000;color:#000}.multi-chain-selector__lock-btn--ready{border-color:#000;color:#000}.multi-chain-selector__lock-btn--ready:hover:not(:disabled){background:#000;color:#fff}.multi-chain-selector__lock-btn:disabled{cursor:not-allowed;opacity:.5}.multi-chain-selector__error{color:#dc2626;font-size:.75rem;text-align:center;height:1.25rem;line-height:1.25rem}.multi-chain-selector__error:empty{visibility:hidden}.multi-chain-selector__counter{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#666}.setup-page{flex:1;display:flex;flex-direction:column}.setup-page__header{font-size:2rem;font-weight:700;padding-top:1rem;margin-bottom:1rem;text-transform:uppercase;border-bottom:3px solid black;padding-bottom:1rem;display:block}.setup-page__error{color:#dc2626;font-size:.75rem;text-align:center;padding:.5rem}.audio-player{display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:#f5f5f5;border:2px solid black;opacity:.5;transition:opacity .2s ease}.audio-player--has-audio{opacity:1}.audio-player--streaming{background:#fffbe6}.audio-player__label{font-size:11px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.5px}.audio-player__controls{display:flex;align-items:center;gap:8px}.audio-player__play-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#000;border:none;cursor:pointer;transition:all .15s ease;flex-shrink:0}.audio-player__play-btn:hover:not(:disabled){background:#333;transform:scale(1.05)}.audio-player__play-btn:disabled{background:#ccc;cursor:not-allowed}.audio-player__play-btn svg{width:14px;height:14px;color:#fff}.audio-player__progress-container{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.audio-player__progress-bar{position:relative;height:8px;background:#ddd;border:1px solid black;overflow:hidden}.audio-player__progress-background{position:absolute;top:0;left:0;width:100%;height:100%;background:#e0e0e0}.audio-player__progress-buffered{position:absolute;top:0;left:0;height:100%;background:#999;transition:width .15s ease}.audio-player__progress-played{position:absolute;top:0;left:0;height:100%;background:#000;transition:width .1s linear}.audio-player__progress-buffering{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:buffering-shimmer 1.5s ease-in-out infinite}@keyframes buffering-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.audio-player__time{display:flex;align-items:center;gap:4px;font-size:11px;font-family:monospace;color:#666}.audio-player__live-indicator{margin-left:8px;padding:2px 6px;background:#f33;color:#fff;font-size:9px;font-weight:700;border:1px solid black;animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.7}}.audio-player__buffering-text{font-size:10px;color:#888;font-style:italic}.compare-page{flex:1;display:flex;flex-direction:row;height:100%;gap:0}.compare-page__sidebar{width:260px;border-right:2px solid black;display:flex;flex-direction:column;background:#fff;margin-left:-2rem;padding:1rem;flex-shrink:0}.compare-page__sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid black}.compare-page__sidebar-title{font-weight:700;font-size:.9rem;text-transform:uppercase}.compare-page__new-chat-btn{padding:.4rem .8rem;font-size:.8rem;font-weight:700;background-color:#000;color:#fff;border:none;cursor:pointer}.compare-page__new-chat-btn:hover{background-color:#333}.compare-page__conversations{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.compare-page__conversation-item{padding:.75rem;border:2px solid black;background:#fff;cursor:pointer;font-size:.85rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;transition:background-color .15s}.compare-page__conversation-item:hover{background-color:#f5f5f5}.compare-page__conversation-item--active{background-color:#000;color:#fff}.compare-page__conversation-item--active:hover{background-color:#333}.compare-page__conversation-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-page__conversation-delete{width:18px;height:18px;border:none;background:transparent;color:inherit;cursor:pointer;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity .15s}.compare-page__conversation-item:hover .compare-page__conversation-delete{opacity:1}.compare-page__conversation-delete:hover{color:red}.compare-page__main{flex:1;display:flex;flex-direction:column;min-width:0;padding:0 2rem}.compare-page__header{font-size:2rem;font-weight:700;padding-top:1rem;margin-bottom:1rem;text-transform:uppercase;border-bottom:3px solid black;padding-bottom:1rem;flex-shrink:0}.compare-page__messages{flex:1 1 0;overflow-y:auto;min-height:0;max-height:100%}.compare-page__message{margin-bottom:3rem}.compare-page__message:last-child{min-height:100%}.compare-page__user-input{padding:1rem;background-color:#f5f5f5;border-left:4px solid black;margin-bottom:1rem}.compare-page__outputs{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.compare-page__output{padding:1rem;border:2px solid black;background:#fff}.compare-page__output--voted-a,.compare-page__output--voted-b{background-color:#e0ffe0}.compare-page__output--voted-tie{background-color:#e0f2ff}.compare-page__output--voted-both-bad{background-color:#ffe0e0}.compare-page__output-label{font-weight:700;margin-bottom:.5rem}.compare-page__output-text{white-space:pre-wrap}.compare-page__output-text--streaming:after{content:"|";animation:blink .7s infinite;font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.compare-page__voting{display:flex;gap:1rem;margin-top:1rem;justify-content:center}.compare-page__vote-btn{padding:.5rem 1rem;background-color:#000;color:#fff;border:none;cursor:pointer;font-weight:700}.compare-page__vote-btn--secondary{background-color:#666}.compare-page__vote-btn--tertiary{background-color:#999}.compare-page__vote-result{text-align:center;margin-top:1rem;color:#666}.compare-page__input-container{background-color:#fff;padding:1rem 0;border-top:2px solid black;margin-top:auto;flex-shrink:0}.compare-page__audio-controls{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.compare-page__audio-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;font-weight:600}.compare-page__audio-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:black}.compare-page__audio-settings{display:flex;gap:.5rem}.compare-page__tts-select,.compare-page__voice-select{padding:.4rem .6rem;font-size:.8rem;border:2px solid black;background:#fff;cursor:pointer;outline:none}.compare-page__tts-select:focus,.compare-page__voice-select:focus{background:#f5f5f5}.compare-page__input-form{display:flex;gap:1rem}.compare-page__input{flex:1;padding:1rem;font-size:1rem;border:2px solid black;outline:none}.compare-page__send-btn{padding:1rem 2rem;font-size:1rem;font-weight:700;background-color:#000;color:#fff;border:none;cursor:pointer}.compare-page__send-btn:disabled{background-color:#ccc;cursor:not-allowed}.compare-page__error{color:red;margin-top:1rem}.compare-page__chains-info{margin-bottom:2rem}.compare-page__chains-count{font-size:.85rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em;color:#666;margin-bottom:1rem}.compare-page__chains-list{display:flex;flex-direction:column;gap:.5rem}.compare-page__chain-item{display:flex;align-items:baseline;gap:.5rem;padding:.5rem;border:1px solid #ddd;background:#fafafa}.compare-page__chain-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#999;flex-shrink:0}.compare-page__chain-models{font-size:.85rem}.compare-page__start-btn{padding:1rem 2rem;font-size:1rem;font-weight:700;background-color:#000;color:#fff;border:2px solid black;cursor:pointer;width:fit-content;margin-bottom:1rem}.compare-page__start-btn:hover:not(:disabled){background-color:#fff;color:#000}.compare-page__start-btn:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed}.compare-page__edit-btn{padding:.5rem 1rem;font-size:.85rem;background-color:#fff;color:#000;border:2px solid black;cursor:pointer;width:fit-content}.compare-page__edit-btn:hover{background-color:#f5f5f5}.chain-leaderboard{width:100%;overflow-x:auto}.chain-leaderboard__loading,.chain-leaderboard__error,.chain-leaderboard__empty{padding:2rem;text-align:center;border:2px solid black;background:#fff;font-size:1rem}.chain-leaderboard__error{background-color:#ffe5e5;color:#c00}.chain-leaderboard__table{width:100%;border-collapse:collapse;border:3px solid black;background:#fff}.chain-leaderboard__header{padding:.75rem 1rem;text-align:left;font-weight:700;border-bottom:3px solid black;background-color:#000;color:#fff;text-transform:uppercase;font-size:.85rem}.chain-leaderboard__row{border-bottom:2px solid black}.chain-leaderboard__row:last-child{border-bottom:none}.chain-leaderboard__row:hover{background-color:#f5f5f5}.chain-leaderboard__cell{padding:.75rem 1rem;border-right:2px solid black;font-size:.9rem}.chain-leaderboard__cell:last-child{border-right:none}.chain-leaderboard__rank{font-weight:700;text-align:center;width:80px}.chain-leaderboard__chain{font-weight:500;min-width:300px}.chain-leaderboard__elo{text-align:center;font-weight:700;width:120px}.chain-leaderboard__matches{text-align:center;width:100px}.chain-leaderboard__winrate{text-align:center;font-weight:700;width:100px}.model-leaderboard{width:100%;display:flex;flex-direction:column;gap:1.5rem}.model-leaderboard__filter{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid black;background:#fff}.model-leaderboard__filter-label{font-weight:700;text-transform:uppercase;font-size:.85rem}.model-leaderboard__filter-select{padding:.5rem 1rem;font-size:.9rem;border:2px solid black;background:#fff;cursor:pointer;font-family:inherit}.model-leaderboard__filter-select:hover{background-color:#f5f5f5}.model-leaderboard__filter-select:focus{outline:none;background-color:#000;color:#fff}.model-leaderboard__loading,.model-leaderboard__error,.model-leaderboard__empty{padding:2rem;text-align:center;border:2px solid black;background:#fff;font-size:1rem}.model-leaderboard__error{background-color:#ffe5e5;color:#c00}.model-leaderboard__table{width:100%;border-collapse:collapse;border:3px solid black;background:#fff}.model-leaderboard__header{padding:.75rem 1rem;text-align:left;font-weight:700;border-bottom:3px solid black;background-color:#000;color:#fff;text-transform:uppercase;font-size:.85rem}.model-leaderboard__row{border-bottom:2px solid black}.model-leaderboard__row:last-child{border-bottom:none}.model-leaderboard__row:hover{background-color:#f5f5f5}.model-leaderboard__cell{padding:.75rem 1rem;border-right:2px solid black;font-size:.9rem}.model-leaderboard__cell:last-child{border-right:none}.model-leaderboard__rank{font-weight:700;text-align:center;width:70px}.model-leaderboard__model{font-weight:500;min-width:180px}.model-leaderboard__provider{min-width:120px}.model-leaderboard__category{min-width:120px;font-style:italic}.model-leaderboard__elo{text-align:center;font-weight:700;width:100px}.model-leaderboard__matches{text-align:center;width:90px}.model-leaderboard__winrate{text-align:center;font-weight:700;width:90px}.winrate-heatmap{width:100%;display:flex;flex-direction:column;gap:1.5rem}.winrate-heatmap__description{padding:1rem;border:2px solid black;background:#fff;font-size:.9rem;line-height:1.5}.winrate-heatmap__loading,.winrate-heatmap__error,.winrate-heatmap__empty{padding:2rem;text-align:center;border:2px solid black;background:#fff;font-size:1rem}.winrate-heatmap__error{background-color:#ffe5e5;color:#c00}.winrate-heatmap__container{overflow-x:auto;border:3px solid black;background:#fff}.winrate-heatmap__table{border-collapse:collapse;width:max-content;min-width:100%}.winrate-heatmap__header{padding:.75rem;text-align:center;font-weight:700;border:2px solid black;background-color:#000;color:#fff;text-transform:uppercase;font-size:.85rem}.winrate-heatmap__corner{width:150px;background-color:#333}.winrate-heatmap__header--column{min-width:80px;width:80px;height:150px;vertical-align:bottom;padding:.5rem}.winrate-heatmap__header--row{width:150px;text-align:left;padding-left:1rem}.winrate-heatmap__model-label{font-size:.8rem;line-height:1.2}.winrate-heatmap__model-label--column{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;display:inline-block}.winrate-heatmap__model-label--row{white-space:nowrap}.winrate-heatmap__row{border-bottom:2px solid black}.winrate-heatmap__row:last-child{border-bottom:none}.winrate-heatmap__cell{padding:1rem;border:2px solid black;text-align:center;min-width:80px;width:80px;height:60px;font-weight:700;font-size:.9rem;position:relative;transition:transform .15s}.winrate-heatmap__cell:hover{transform:scale(1.1);z-index:10;border:3px solid black}.winrate-heatmap__value{position:relative;z-index:1;color:#000;text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white}.winrate-heatmap__legend{display:flex;justify-content:center;gap:2rem;padding:1rem;border:2px solid black;background:#fff}.winrate-heatmap__legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.winrate-heatmap__legend-color{width:40px;height:20px;border:2px solid black}.analyze-page{flex:1;display:flex;flex-direction:column;padding:2rem 0;max-width:100%}.analyze-page__header{margin-bottom:2rem}.analyze-page__title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase}.analyze-page__tabs{display:flex;gap:0;border-bottom:3px solid black}.analyze-page__tab{padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;background-color:#fff;color:#000;border:none;border-bottom:3px solid black;cursor:pointer;text-transform:uppercase;transition:background-color .15s;margin-bottom:-3px}.analyze-page__tab:hover{background-color:#f5f5f5}.analyze-page__tab--active{background-color:#000;color:#fff;border-bottom:3px solid black}.analyze-page__content{flex:1}.auth-page{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff}.auth-container{width:100%;max-width:400px}.auth-title{font-size:2rem;font-weight:700;text-transform:uppercase;margin:0 0 .5rem}.auth-subtitle{font-size:.9rem;color:#666;margin:0 0 2rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-field{display:flex;flex-direction:column;gap:.5rem}.auth-field label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.auth-field input{padding:.75rem 1rem;border:2px solid black;font-size:1rem;background:#fff}.auth-field input:focus{outline:none;background:#f5f5f5}.auth-field input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.auth-field input::placeholder{color:#999}.auth-submit{margin-top:.5rem;padding:1rem 1.5rem;background:#000;color:#fff;border:2px solid black;font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer}.auth-submit:hover:not(:disabled){background:#fff;color:#000}.auth-submit:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed}.auth-error{border:2px solid black;background:#ffe0e0;padding:.75rem 1rem;font-size:.875rem}.auth-footer{margin-top:1.5rem;font-size:.9rem;color:#666}.auth-link{color:#000;font-weight:700}.auth-link:hover{text-decoration:none}:root{--empty-node-size: 40px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:#fff;color:#000;line-height:1.6}a{color:#000;text-decoration:none;border-bottom:2px solid black}a:hover{background:#000;color:#fff}main{flex:1;display:flex;flex-direction:column;padding:0 2rem}@keyframes nodeExpandEmpty{0%{opacity:0;width:0;height:0;min-width:0;min-height:0}to{opacity:1;width:var(--empty-node-size);height:var(--empty-node-size);min-width:var(--empty-node-size);min-height:var(--empty-node-size)}}@keyframes nodeExpandFilled{0%{opacity:0;width:0;height:0;min-width:0;min-height:0}to{opacity:1;width:80px;height:80px;min-width:80px;min-height:80px}}@keyframes nodeShrinkEmpty{0%{opacity:1;width:var(--empty-node-size);height:var(--empty-node-size);min-width:var(--empty-node-size);min-height:var(--empty-node-size)}to{opacity:0;width:0;height:0;min-width:0;min-height:0}}@keyframes nodeShrinkFilled{0%{opacity:1;width:80px;height:80px;min-width:80px;min-height:80px}to{opacity:0;width:0;height:0;min-width:0;min-height:0}}@keyframes lineExpand{0%{width:0}to{width:60px}}@keyframes lineShrink{0%{width:60px}to{width:0}}.chain-link{display:flex;align-items:center}.chain-link__line{width:60px;height:3px;background:#000;position:relative}.chain-link__selectable-text{position:absolute;left:0;top:0;color:transparent;pointer-events:none;font-size:0;line-height:0}.chain-link__node-wrapper{display:flex;align-items:center;justify-content:center}.chain-link--add .chain-link__line{width:0;animation:lineExpand .3s cubic-bezier(.4,0,.2,1) forwards}.chain-link--add .chain-link__node-wrapper{overflow:hidden}.chain-link--add.chain-link--empty .chain-link__node-wrapper{opacity:0;width:0;animation:nodeExpandEmpty .3s cubic-bezier(.4,0,.2,1) .3s forwards}.chain-link--add.chain-link--filled .chain-link__node-wrapper{opacity:0;width:0;animation:nodeExpandFilled .3s cubic-bezier(.4,0,.2,1) .3s forwards}.chain-link--delete .chain-link__node-wrapper{overflow:hidden}.chain-link--delete.chain-link--empty .chain-link__node-wrapper{animation:nodeShrinkEmpty .3s cubic-bezier(.4,0,.2,1) forwards}.chain-link--delete.chain-link--filled .chain-link__node-wrapper{animation:nodeShrinkFilled .3s cubic-bezier(.4,0,.2,1) forwards}.chain-link--delete .chain-link__line{animation:lineShrink .3s cubic-bezier(.4,0,.2,1) .3s forwards}.chain-link--clear .chain-link__node-wrapper{animation:nodeClearWrapper .34s cubic-bezier(.4,0,.2,1) forwards}.chain-link--clear .chain-node{animation:nodeClearNode .34s cubic-bezier(.4,0,.2,1) forwards}.chain-link--clear .chain-node__content{animation:fadeOutContent .15s ease-out forwards}@keyframes nodeClearWrapper{0%{width:80px;height:80px;min-width:80px;min-height:80px}to{width:var(--empty-node-size);height:var(--empty-node-size);min-width:var(--empty-node-size);min-height:var(--empty-node-size)}}@keyframes nodeClearNode{0%{width:80px;height:80px;min-width:80px;min-height:80px}50%{opacity:.3}to{opacity:1;width:var(--empty-node-size);height:var(--empty-node-size);min-width:var(--empty-node-size);min-height:var(--empty-node-size)}}@keyframes fadeOutContent{0%{opacity:1}to{opacity:0}}.chain-node{position:relative;display:inline-flex;align-items:center;justify-content:center;border:3px solid black;background:#fff;cursor:pointer;min-width:80px;min-height:80px;width:80px;height:80px;scroll-margin-inline-end:6px}.chain-node--empty{min-width:var(--empty-node-size);min-height:var(--empty-node-size);width:var(--empty-node-size);height:var(--empty-node-size)}.chain-node--expanded{transition:all .3s cubic-bezier(.4,0,.2,1);width:auto;height:auto;padding:1rem 1rem 1.5rem;cursor:default}.chain-node--hovering{background:#f0f0f0}.chain-node__delete-btn{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border:2px solid black;background:#fff;color:#000;cursor:pointer;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:all .15s ease;user-select:none;-webkit-user-select:none}.chain-node__delete-btn:hover{background:red;color:#fff}.chain-node__content{font-weight:700;font-size:.75rem;text-align:center;padding:.5rem;white-space:normal;overflow-wrap:break-word;word-break:keep-all;-webkit-hyphens:none;hyphens:none;line-height:1.2}.chain-node__empty-icon{position:relative;width:20px;height:20px}.chain-node__empty-icon:before,.chain-node__empty-icon:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#000}.chain-node__empty-icon:before{width:12px;height:2px}.chain-node__empty-icon:after{width:2px;height:12px}.chain-node__grid{display:flex;flex-direction:column;gap:.75rem}.chain-node__row{display:flex;justify-content:center;gap:.75rem}.chain-node__option{width:60px;height:60px;border:2px solid black;background:#fff;color:#000;cursor:pointer;font-size:.65rem;font-weight:700;padding:.25rem;transition:all .15s ease;white-space:normal;overflow-wrap:break-word;word-break:keep-all;-webkit-hyphens:none;hyphens:none;line-height:1.1;display:flex;align-items:center;justify-content:center;text-align:center}.chain-node__option:hover,.chain-node__option--selected{background:#000;color:#fff}.chain-node__option--empty{visibility:hidden;pointer-events:none}.chain-node__pagination{position:absolute;bottom:4px;left:1rem;right:1rem;height:16px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;opacity:0;animation:fadeInPagination .1s ease .3s forwards;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@keyframes fadeInPagination{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chain-node__page-btn{width:16px;height:16px;border:none;background:transparent;color:#000;cursor:pointer;font-size:1rem;font-weight:900;display:flex;align-items:center;justify-content:center;transition:all .15s ease;pointer-events:auto;flex-shrink:0}.chain-node__page-btn:hover:not(:disabled){transform:scale(1.2)}.chain-node__page-btn:disabled{visibility:hidden}.chain-node__page-info{font-size:.6rem;font-weight:700;background:transparent;padding:0;border:none;line-height:1;flex:1;text-align:center}.chain-selector__delete-btn{display:flex;align-items:center;justify-content:center;gap:0;padding:0;border:2px solid black;background:#fff;color:#000;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .3s ease;overflow:hidden;white-space:nowrap;width:20px;height:20px;line-height:1;opacity:0;user-select:none;-webkit-user-select:none}.multi-chain-selector__chain:hover .chain-selector__delete-btn{opacity:1;pointer-events:auto}.chain-selector__delete-btn:hover{background:red;color:#fff;gap:0;padding:.5rem 1rem;width:auto;height:auto}.chain-selector__delete-btn:hover .chain-selector__delete-icon{display:none}.chain-selector__delete-icon{font-size:.75rem;line-height:1;flex-shrink:0}.chain-selector__delete-text{display:inline-block;width:0;opacity:0;transition:transform .3s ease,opacity .3s ease,width .3s ease;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden}.chain-selector__delete-btn:hover .chain-selector__delete-text{width:auto;opacity:1}.chain-selector__copy-btn{display:flex;align-items:center;justify-content:center;gap:0;padding:0;border:2px solid black;background:#fff;color:#000;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease;width:28px;height:28px;opacity:0;pointer-events:none}.multi-chain-selector__chain:hover .chain-selector__copy-btn{opacity:1;pointer-events:auto}.chain-selector__copy-btn:hover{background:#000;color:#fff;gap:0;padding:.5rem 1rem;width:auto;height:auto}.chain-selector__copy-btn:hover .chain-selector__copy-icon{display:none}.chain-selector__copy-icon{font-size:.75rem;line-height:1;flex-shrink:0}.chain-selector__copy-text{display:inline-block;width:0;opacity:0;transition:transform .3s ease,opacity .3s ease,width .3s ease;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden}.chain-selector__copy-btn:hover .chain-selector__copy-text{width:auto;opacity:1}