@charset "UTF-8";.character-list{width:100%;max-width:1200px;margin:0 auto;padding:20px}@media (max-width:640px){.character-list{padding:15px 10px}}.character-list__messages{margin-bottom:25px;display:flex;flex-direction:column;gap:12px}.character-list__message{display:flex;align-items:center;padding:15px 20px;border-radius:8px;font-size:15px;line-height:1.5;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,0.1);animation:slideInDown 0.3s ease-out}.character-list__message--success{background-color:rgba(46,204,113,0.1);color:#1b7943;border-left:4px solid #2ecc71}.character-list__message--error{background-color:rgba(231,76,60,0.1);color:#bf2718;border-left:4px solid #e74c3c}.character-list__message--warning{background-color:rgba(243,156,18,0.1);color:#7f5006;border-left:4px solid #f39c12}.character-list__message--info{background-color:rgba(74,107,175,0.1);color:#334a79;border-left:4px solid #4a6baf}.character-list__message-content{display:flex;align-items:center;justify-content:space-between;width:100%}.character-list__message-text{flex:1;margin:0}.character-list__message-close{background:none;border:none;cursor:pointer;padding:4px;margin-left:15px;color:rgba(0,0,0,0.4);transition:all 0.2s ease;border-radius:4px;display:flex;align-items:center;justify-content:center}.character-list__message-close:hover{color:rgba(0,0,0,0.7);background-color:rgba(0,0,0,0.05);transform:scale(1.1)}.character-list__message-close-icon{stroke:currentColor;stroke-width:2;fill:none}.character-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}@media (max-width:768px){.character-list__header{flex-direction:column;align-items:flex-start;gap:15px}}.character-list__title{font-size:28px;font-weight:700;color:#2c3e50;margin:0}@media (max-width:768px){.character-list__title{font-size:24px}}.character-list__actions{display:flex;gap:15px}@media (max-width:768px){.character-list__actions{width:100%}}@media (max-width:480px){.character-list__actions{flex-direction:column;gap:10px}}.character-list__search-form{display:flex;align-items:center;gap:10px}@media (max-width:768px){.character-list__search-form{flex-grow:1;width:100%}}.character-list__search-wrapper{display:flex;position:relative}@media (max-width:768px){.character-list__search-wrapper{width:100%}}.character-list__search-input{width:250px;padding:10px 15px;border:1px solid #e6eaee;border-radius:6px 0 0 6px;font-size:14px;transition:border-color 0.3s ease}@media (max-width:768px){.character-list__search-input{width:100%}}.character-list__search-input:focus{outline:none;border-color:#4a6baf;box-shadow:0 0 0 3px rgba(74,107,175,0.2)}.character-list__search-button{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 16px;background-color:#4a6baf;color:white;border:none;border-radius:0 6px 6px 0;cursor:pointer;font-weight:500;transition:all 0.3s ease}.character-list__search-button svg{width:16px;height:16px}.character-list__search-button:hover{background-color:#3b558b}@media (max-width:480px){.character-list__search-button .search-text{display:none}}.character-list__clear-search{display:inline-flex;align-items:center;padding:8px 12px;background-color:rgba(127,140,141,0.1);color:#2c3e50;border-radius:4px;text-decoration:none;font-size:14px;transition:all 0.3s ease}.character-list__clear-search:hover{background-color:rgba(127,140,141,0.2)}.character-list__create-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#9e56a9,#6f3c76);color:white;border-radius:6px;text-decoration:none;font-weight:500;box-shadow:0 3px 6px rgba(158,86,169,0.3);transition:all 0.3s ease}.character-list__create-button svg{width:16px;height:16px}.character-list__create-button:hover{background:linear-gradient(135deg,#a867b2,#9e56a9);transform:translateY(-2px);box-shadow:0 4px 10px rgba(158,86,169,0.4)}@media (max-width:768px){.character-list__create-button{width:100%;justify-content:center}}.character-list__back-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 16px;background-color:#f7f9fc;color:#2c3e50;border:1px solid #e6eaee;border-radius:6px;text-decoration:none;font-weight:500;margin-top:10px;margin-bottom:20px;transition:all 0.3s ease}.character-list__back-button:hover{background-color:#e4ebf5}.character-list__info{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}@media (max-width:480px){.character-list__info{flex-direction:column;align-items:flex-start;gap:5px}}.character-list__count{font-size:14px;color:#7f8c8d;margin:0}.character-list__search-query{font-size:14px;color:#2c3e50;font-weight:500;margin:0}.character-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media (max-width:640px){.character-list__grid{grid-template-columns:1fr}}.character-list__empty{text-align:center;padding:60px 0;background-color:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.character-list__empty p{margin-bottom:20px;color:#2c3e50;font-size:16px}.character-list__pagination{margin-top:40px;display:flex;justify-content:center}.character-card{background-color:white;border-radius:12px;overflow:hidden;box-shadow:0 3px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease-out;position:relative}.character-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,0.12)}.character-card:hover .character-card__image{transform:scale(1.05)}.character-card:hover .character-card__view-more{color:#4a6baf}.character-card--own{border:2px solid #4a6baf}.character-card--own::after{content:'マイキャラ';position:absolute;top:10px;left:10px;background-color:#4a6baf;color:white;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;z-index:2}.character-card__link{display:block;text-decoration:none;color:inherit}.character-card__image-container{position:relative;width:100%;height:200px;background-color:#f7f9fc;overflow:hidden}.character-card__image{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease-in-out}.character-card__no-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#7f8c8d;font-style:italic;background-color:rgba(127,140,141,0.1)}.character-card__adult-badge{position:absolute;top:10px;right:10px;background-color:#e74c3c;color:white;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:700;z-index:2;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.character-card__status-badge{position:absolute;bottom:10px;left:10px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;z-index:2;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.character-card__status-badge--available{background-color:#2ecc71;color:white}.character-card__status-badge--unavailable{background-color:#e74c3c;color:white}.character-card__content{padding:15px}.character-card__name{margin:0 0 10px;font-size:18px;font-weight:700;color:#2c3e50;line-height:1.3}.character-card__meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.character-card__gender,.character-card__age{font-size:13px;color:#7f8c8d;background-color:rgba(127,140,141,0.1);padding:2px 8px;border-radius:12px}.character-card__price{font-size:14px;font-weight:700;color:#ff6b6b;margin-left:auto}.character-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.character-card__tag{font-size:12px;padding:3px 10px;border-radius:20px;color:white;font-weight:600;background-color:#b2bec3}.character-card__tag--cool{background-color:#6c5ce7}.character-card__tag--tsundere{background-color:#fd79a8}.character-card__tag--mysterious{background-color:#6c5ce7}.character-card__tag--yandere{background-color:#e84393}.character-card__tag--ojousama{background-color:#fab1a0}.character-card__tag--otaku{background-color:#fdcb6e}.character-card__tag--serious{background-color:#0984e3}.character-card__tag--cheerful{background-color:#55efc4}.character-card__tag--default{background-color:#b2bec3}.character-card__description{font-size:14px;color:#2c3e50;margin:0 0 15px;line-height:1.5;min-height:42px}.character-card__footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e6eaee;padding-top:12px}.character-card__date{font-size:12px;color:#7f8c8d}.character-card__view-more{font-size:13px;color:#2c3e50;font-weight:500;transition:all 0.3s ease}.character-card__view-more::after{content:'→';margin-left:3px;transition:all 0.3s ease}.character-card__view-more:hover{color:#4a6baf}.character-card__view-more:hover::after{margin-left:5px}.pagination{display:flex;align-items:center;gap:8px;padding:5px;background-color:white;border-radius:30px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.pagination__link{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #e6eaee;border-radius:20px;text-decoration:none;color:#2c3e50;font-size:14px;transition:all 0.3s ease}.pagination__link:hover{background-color:#f7f9fc;border-color:#4a6baf}.pagination__link--prev,.pagination__link--next{font-weight:500;background-color:#f7f9fc}.pagination__link--first,.pagination__link--last{background-color:rgba(74,107,175,0.05)}.pagination__pages{display:flex;gap:5px}.pagination__page{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;text-decoration:none;font-size:14px;transition:all 0.3s ease}.pagination__page--current{background-color:#4a6baf;color:white;font-weight:600}.pagination__page:not(.pagination__page--current){color:#2c3e50}.pagination__page:not(.pagination__page--current):hover{background-color:#f7f9fc}.pagination__current{padding:8px 12px;font-size:14px;color:#7f8c8d}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.character-card{animation:fadeInUp 0.4s ease-out forwards}.character-card:nth-child(1){animation-delay:0.05s}.character-card:nth-child(2){animation-delay:0.1s}.character-card:nth-child(3){animation-delay:0.15s}.character-card:nth-child(4){animation-delay:0.2s}.character-card:nth-child(5){animation-delay:0.25s}.character-card:nth-child(6){animation-delay:0.3s}.character-card:nth-child(7){animation-delay:0.35s}.character-card:nth-child(8){animation-delay:0.4s}.character-card:nth-child(9){animation-delay:0.45s}.character-card:nth-child(10){animation-delay:0.5s}.character-card:nth-child(11){animation-delay:0.55s}.character-card:nth-child(12){animation-delay:0.6s}.character-card:nth-child(13){animation-delay:0.65s}.character-card:nth-child(14){animation-delay:0.7s}.character-card:nth-child(15){animation-delay:0.75s}.character-card:nth-child(16){animation-delay:0.8s}.character-card:nth-child(17){animation-delay:0.85s}.character-card:nth-child(18){animation-delay:0.9s}.character-card:nth-child(19){animation-delay:0.95s}.character-card:nth-child(20){animation-delay:1s}@keyframes slideInDown{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}