.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{box-sizing:border-box;background:linear-gradient(135deg,#bde3fb,#a5c8fd);min-height:100vh;margin:0;overflow-x:hidden}.card{background-color:#fff;border:1px solid #ccc;border-radius:8px;max-width:600px;margin:120px auto;padding:16px;box-shadow:0 2px 4px #0000001a}.card__header{text-align:center;margin-bottom:16px}.list-container{border:1px solid #ccc;min-height:120px;max-height:260px;margin-top:16px;margin-bottom:16px;position:relative;overflow-y:auto}.item-list:empty:after{content:"No items";color:#999;justify-content:center;align-items:center;font-size:.875rem;display:flex;position:absolute;inset:0}.card__actions{justify-content:space-between;gap:8px;display:flex}.card__actions-left{gap:8px;display:flex}.item-list{margin:0;padding:0;list-style:none}.item-list li{cursor:pointer;border-radius:4px;padding:8px 12px}.item-list li.list-item--active{color:#fff;background-color:#324bff}.card__btn{cursor:pointer;border-radius:999px;padding:6px 16px;font-size:.875rem}.card__btn--primary{color:#fff;background-color:#324bff;border:none}.card__btn--secondary{color:#324bff;background-color:#0000;border:1px solid #324bff}.card__btn--secondary:disabled{color:#aaa;cursor:not-allowed;border-color:#aaa}.modal{border:none;border-radius:12px;min-width:460px;margin:0;padding:24px;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000026}.modal h2{color:#333;margin:0 0 16px;font-size:.95rem;font-weight:400}.modal__input{box-sizing:border-box;background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:16px;padding:10px 14px;font-size:.875rem}.modal__input--error{background-color:#fff5f5;border-color:#e53e3e}.modal__error{color:#e53e3e;margin:-10px 0 12px;font-size:.8rem}.modal__actions{justify-content:flex-end;gap:8px;display:flex}.modal__btn{cursor:pointer;border-radius:999px;padding:8px 20px;font-size:.875rem}.modal__btn--primary{color:#fff;background-color:#324bff;border:none}.modal__btn--secondary{color:#324bff;background-color:#0000;border:1px solid #324bff}