body{background-color:#313338;color:#dbdee1;font-family:'gg sans','Segoe UI',Roboto,Helvetica,Arial,sans-serif;margin:8px}.IOContainer{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:15px}.TopControlsBar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px;background-color:#1e1f22;margin-bottom:15px;border-radius:5px}.SearchContainer{text-align:center;margin-bottom:15px}.InputField,.OutputField{resize:none;width:45%;height:10em;background-color:#1e1f22;color:#dbdee1;border:1px solid #1e1f22;border-radius:8px;padding:10px;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}.InputField:focus,.OutputField:focus{border:1px solid #5865f2}.SearchInput{width:50%;padding:10px;border-radius:6px;border:1px solid #1e1f22;background-color:#1e1f22;color:#dbdee1}button{background-color:#5865f2;color:#fff;border:none;border-radius:4px;padding:8px 16px;margin:4px;cursor:pointer;font-weight:700;transition:background-color .2s ease}button:hover{background-color:#4752c4}button:disabled{background-color:#4e5058;color:#80848e;cursor:not-allowed}.BtnSuccess{background-color:#4caf50!important;color:#fff!important}.BtnPrimary{background-color:#008cba!important;color:#fff!important}.BtnDanger{background-color:#da373c!important;color:#fff!important}.TextDanger{color:#da373c!important}.SyncBtn{margin-left:auto!important;transition:background-color .15s ease;cursor:pointer}.SyncBtn.Connected{background-color:#23a55a!important}.SyncBtn.Connected:hover{background-color:#1a7f43!important}.SyncBtn.Disconnected{background-color:#4e5058!important;color:#b5bac1!important}.SyncBtn.Disconnected:hover{background-color:#6d6f78!important;color:#fff!important}.Dropdown{position:relative;display:inline-block}.Dropdown-content{position:absolute;background-color:#2b2d31;min-width:170px;box-shadow:0 8px 16px 0 rgba(0,0,0,.4);z-index:1000;border-radius:5px;border:1px solid #4e5058;top:100%;left:0;margin-top:2px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px);transition:opacity .2s ease .3s,transform .2s ease .3s,visibility 0s linear .5s}.Dropdown-content button{color:#dbdee1;padding:10px 14px;text-decoration:none;display:block;background:0 0;border:none;width:100%;text-align:left;cursor:pointer;border-bottom:1px solid #383a40;transition:background-color .2s;margin:0;border-radius:0}.Dropdown-content button:last-child{border-bottom:none}.Dropdown-content button:hover:not(:disabled){background-color:#4e5058}.Dropdown:hover .Dropdown-content{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .1s ease 0s,transform .1s ease 0s,visibility 0s linear 0s}.CharacterCardContainer{display:flex;flex-wrap:wrap}.CharacterThumb{background-color:#2b2d31!important;border:1px solid #1e1f22!important;border-radius:6px;box-shadow:0 4px 6px rgba(0,0,0,.2)!important;box-sizing:border-box;width:5%;padding:3px;display:flex;margin:3px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative}.CharacterThumb:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(0,0,0,.4)!important}.CharacterThumb img{width:100%;height:100%;border-radius:6px}.CharacterThumb .CharacterLink,.CharacterThumb .CharacterName,.CharacterThumb .CharacterSeries,.CharacterThumb .CharacterSkip,.CharacterThumb .CharacterURL{display:none}.CharacterThumb.CharacterMissingImage .CharacterName,.CharacterThumb.CharacterMissingImage .CharacterSeries{display:block}.CharacterThumb.CharacterMissingImage img{display:none}.CharacterThumb .CharacterNew{font-size:3.5vw;margin:auto}.CharacterThumb.CharacterFull{display:inline-block;width:auto;max-width:30%;padding:4px;cursor:auto;z-index:9999!important}.EditMode .CharacterThumb.CharacterFull{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%) translateZ(0)!important}.CharacterThumb.CharacterFull .CharacterLink,.CharacterThumb.CharacterFull .CharacterName,.CharacterThumb.CharacterFull .CharacterSeries,.CharacterThumb.CharacterFull .CharacterSkip,.CharacterThumb.CharacterFull .CharacterURL{display:block}.CharacterThumb.CharacterFull .CharacterName{display:flex;justify-content:space-between;align-items:flex-start;font-size:100%;font-weight:700;margin:2px 0;padding:2px;width:100%}.CharacterThumb.CharacterFull .CharacterSeries{display:block;width:100%;font-size:90%;color:#949ba4;margin:0 0 8px 2px;font-weight:400}.CharacterThumb.CharacterFull img{display:block;height:auto}.CharacterThumb.CharacterFull .CharacterSkip,.CharacterThumb.CharacterFull .CharacterURL{text-align:center;margin:3px 0}.CharacterNameText{float:none;word-break:break-word}.CharacterClose{float:none;cursor:pointer;color:#da373c;margin-left:8px}.CharacterDelete{cursor:pointer;display:none;float:right}.EditMode .CharacterDelete{display:inline}.CardTextInput{width:100%;box-sizing:border-box;background-color:#1e1f22;color:#dbdee1;border:1px solid #4e5058;border-radius:3px;padding:2px 4px;margin-top:2px}.HelperText,.SmallLabel{font-size:80%;color:#949ba4;padding:4px;text-align:center}.SelectionIndicator{color:#00a8fc;font-weight:700;margin-left:5px}.CardSkipped{background-color:rgba(255,0,0,.9)!important}.CharacterNote{display:inline-block;background-color:rgba(30,31,34,.85);color:gold;font-size:80%;padding:2px 6px;border-radius:4px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}.CharacterNoteEdit{display:none;margin-top:4px}.CharacterFull .CharacterNoteEdit{display:block}.CharacterFull .CharacterNote{display:none!important}body:not(.ListMode) .CharacterCardContainer .CharacterThumb:not(.CharacterFull) .CharacterNote{position:absolute;top:6px;right:6px;max-width:calc(100% - 12px);box-sizing:border-box;border:1px solid #4e5058;box-shadow:0 4px 6px rgba(0,0,0,.4);backdrop-filter:blur(4px);border-radius:6px;margin:0}.CharacterThumb .InsertControls{display:none}.CharacterThumb.CharacterFull .InsertControls{display:flex;gap:4px;margin-top:4px}.InsertControls button{flex:1;border-radius:3px;cursor:pointer;border:none;padding:4px}.BtnFlag{border:1px solid #4e5058!important;background-color:transparent;color:#dbdee1}.BtnFlag.Flagged{background-color:gold;color:#000}.BtnInsert{background-color:#5865f2;color:#fff}.MergeBtn{display:none;background-color:#6a1b9a;color:#fff;border:none;transition:opacity .3s ease,background-color .3s ease,transform .1s ease;margin-top:5px;width:100%;padding:4px 0}.CharacterFull .MergeBtn{display:block}.MergeBtn:hover:not(:disabled){background-color:#8e24aa;transform:translateY(-1px)}.MergeBtn:disabled{opacity:.3;background-color:#555;cursor:not-allowed;box-shadow:none}.DragHandle{display:none;cursor:grab;user-select:none}.DragHandle:active{cursor:grabbing}.CharacterFull .DragHandle{display:none!important}.GhostMode .CharacterThumb:not(:hover):not(.CharacterFull):not(.NewCharacterCard){aspect-ratio:225/350;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.GhostMode .CharacterThumb:not(:hover):not(.CharacterFull):not(.NewCharacterCard) img{display:none}.GhostMode .CharacterThumb:not(:hover):not(.CharacterFull):not(.NewCharacterCard) .CharacterName{display:block;font-size:110%;text-align:center;margin:auto;padding:10px 5px}.ListMode .CharacterCardContainer{display:block;width:100%;max-width:800px;margin:auto}.ListMode .CharacterThumb:not(.CharacterFull):not(.NewCharacterCard){display:flex;flex-direction:row;width:100%!important;aspect-ratio:auto;min-height:40px;padding:8px 15px;margin:4px 0;justify-content:space-between;align-items:center}.ListMode .CharacterThumb:not(.CharacterFull):not(.NewCharacterCard) img{display:none}.ListMode .CharacterThumb:not(.CharacterFull):not(.NewCharacterCard) .CharacterName{display:block;font-size:110%;text-align:left;margin:0;width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ListMode .CharacterThumb:not(.CharacterFull):not(.NewCharacterCard) .CharacterSeries{display:block;font-size:90%;color:#949ba4;text-align:right;width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ListMode .CharacterThumb:not(.CharacterFull):not(.NewCharacterCard) .CharacterNote{display:block;width:20%;text-align:center;background-color:transparent;margin:0;padding:0}.RankingBlocker{background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:-1}.RankMode .RankingBlocker{display:block;z-index:10000!important}.RankMode .CharacterClose{display:none}.RankingContainer{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);background-color:#313338;border:1px solid #1e1f22;color:#dbdee1;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.4);display:none;padding:10px;z-index:10001!important}.RankingContainerTitle{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4e5058;padding-bottom:12px;margin-bottom:15px}.RankingTitleText{font-weight:700;font-size:1.3em;display:flex;align-items:center;gap:10px}.RankingProgress{font-size:.7em;color:#949ba4;font-weight:400}.RankingControls{display:flex;align-items:center;gap:15px}.RankingContainerClose{cursor:pointer;font-size:1.2em;color:#da373c;transition:transform .1s ease}.RankingContainerClose:hover{transform:scale(1.2)}.UndoBtn{margin:0!important;background-color:#5865f2}.RankingCard{background-color:#2b2d31!important;border:none!important;box-shadow:none!important;padding:10px!important}.RankingCard:hover{transform:none!important}.RankingCardContainer{display:flex;gap:20px;justify-content:center}.RankingContainer .CharacterThumb.CharacterFull{max-width:50%;cursor:pointer}.RankingContainer .CharacterThumb.CharacterFull img{width:225px;height:350px;object-fit:cover;border-radius:6px}.RankingContainer .CharacterThumb.CharacterFull .CharacterNote{margin-bottom:8px;margin-top:4px;display:inline-block}#NewCharacterCard{display:none;min-width:20%}.messagebox_overlay{z-index:99999!important}@media (max-width:768px){.IOContainer{flex-direction:column;align-items:center}.InputField,.OutputField{width:100%;height:6em}.CharacterThumb{width:30%;min-height:120px}.RankingContainer{width:95%;padding:10px;max-height:95vh;overflow-y:auto}@media (orientation:portrait){.RankingCardContainer{flex-direction:column;align-items:center}.RankingContainer .CharacterThumb.CharacterFull{max-width:90%;margin-bottom:15px}.RankingContainer .CharacterThumb.CharacterFull img{height:250px;width:160px}}body:not(.ListMode) .CharacterCardContainer .CharacterThumb:not(.CharacterFull) .DragHandle{display:block;position:absolute;top:6px;left:6px;background-color:rgba(30,31,34,.85);border:1px solid #4e5058;box-shadow:0 4px 6px rgba(0,0,0,.4);backdrop-filter:blur(4px);border-radius:6px;padding:2px 6px;color:#dbdee1;font-size:80%;z-index:10}.ListMode .CharacterThumb:not(.CharacterFull):not(.NewCharacterCard) .DragHandle{display:block;width:5%;color:#80848e;font-size:1.2em;text-align:left}.ListMode .CharacterThumb:not(.CharacterFull):not(.NewCharacterCard) .CharacterName{width:35%}.ListMode .CharacterThumb:not(.CharacterFull):not(.NewCharacterCard) .CharacterSeries{width:40%}.ListMode .CharacterThumb:not(.CharacterFull):not(.NewCharacterCard) .CharacterNote{width:20%}}.FlashError{animation:FlashError 1s ease-in}@keyframes FlashError{from{background-color:red}to{background-color:#fff}}.FlashSuccess{animation:FlashSuccess 1s ease-in}@keyframes FlashSuccess{from{background-color:#0f0}to{background-color:#fff}}.FlashWarning{animation:FlashWarning 1s ease-in}@keyframes FlashWarning{from{background-color:#ff0}to{background-color:#fff}}